Рубрика: Photoshop Уроки | Урок прочитали: 693
 (голосов: 0)

Упаковываем подарок в Photoshop

Что может быть лучше подарка, сделанного своими руками?!

Шаг 1. Создайте новый документ (Ctrl+N) размером 800х800 рх, разблокируйте слой – двойной щелчок ЛКМ по слою, примените стиль слоя (клик по иконке «Добавить стиль слоя» (Add a later style) внизу палитры слоёв)).
Наложение градиентаGradient Overlay.

Шаг 2. Создайте новый слой (ALT+SHIFT+CTRL+N), залейте любым цветом и заполните градиентом, настройки ниже, заливка (Fill) слоя 0%.

 

Готовый файл Illustrator с 3D коробкой можно скачать здесь.

Копируем наш куб Ctrl+C, вернёмся в Фотошоп и вставляем куб на новый слой Ctrl+V, как смарт-объект, нажимаем Enter, назовите слой «куб».

Идём в Illustrator, разгруппируйте куб (инструментом «Выделение» выделите весь куб и нажимаем Shift+Ctrl+G).

Выделяем каждую сторону и копируем в Фотошоп, разместите их над кубом, между сторонами оставьте маленькие промежутки, углы куба должны быть видны, назовите слои «левая», «правая», «верх».

Примечание переводчика:  сделать куб в Photoshop с помощью фильтра 3D (если вы не знаете, как работать с эти фильтром, посмотрите урок)
Инструментом «Перо» (Pen Tool) в режиме контуров выделите каждую сторону, щелчок ПКМ и выберите «образовать выделенную область» и дублируйте (Ctrl+J), у нас получится куб и три стороны
Между сторонами оставьте маленькие промежутки, углы куба должны быть чуть видны (отключите видимость слоя с кубом и стрелочкой на клавиатуре при активном инструменте «Перемещение» (Move Tool) передвиньте слои, не забудьте  «включить» слой с кубом).

Ещё один вариант создания 3D коробки.

Шаг 4. Сделаем активным слой с кубом и применим к слою
Наложение градиентаGradient Overlay.

 

К правой стороне:

Размойте края граней: загрузите выделение левой стороны (Ctrl+клик по миниатюре слоя), добавьте маску слоя (клик по иконке внизу палитры слоёв) и примените ФильтрРазмытиеРазмытие по Гауссу (FilterBlurGaussian Blur), примерно 4.

Шаг 6. Вставьте изображение с бумагой (найти можете здесь), назовите слой «бумага».

Шаг 7. Нам нужно удалить лишнее: Ctrl+клик по миниатюре слоя с кубом и находясь на слое с бумагой, добавьте слой-маску .

Поменяйте режим наложения (Blending Mode) для слоя на «Перекрытие» (Overlay) и непрозрачность (Opacity) 60%.

Шаг 8. Дублируйте стороны куба (Ctrl+J) и на палитре слоёв разместите их над слоем с бумагой (поместите их в группу), для слоя «правая копия» примените следующие настройки, заливка (Fill)  для слоя 0%.

Наложение градиентаGradient Overlay:

Внутренняя теньInner Shadow:

Шаг 9. Для слоя «левая копия» следующие настройки, заливка (Fill)  для слоя 0%.

Наложение градиентаGradient Overlay:

Внутренняя теньInner Shadow:

Шаг 10. Для слоя «верх копия», заливка (Fill)  для слоя 0%.

Внутренняя теньInner Shadow:

Наложение градиентаGradient Overlay:

Шаг 11. Чтобы усилить глянцевый эффект, создайте дубликат верхней стороны, на палитре слоёв расположите на самом верху, заливка (Fill)  для слоя 0% и примените градиент от белого к прозрачному.
Наложение градиентаGradient Overlay:

Шаг 12. Создайте новую группу, назовите «узор». Найдите или создайте любой узор на прозрачном фоне, создайте новый слой, залейте узором  и с помощью команды РедактированиеТрансформированиеИскажение (EditTransform Distort) разместите на верхней стороне, обрежьте лишнее (как в шаге 7).

Наложение градиентаGradient Overlay:

ГлянецSatin:

ГлянецSatin:

Наложение градиентаGradient Overlay:

Наложение градиентаGradient Overlay:

ГлянецSatin:

Шаг 16. Теперь будем создавать край бумаги, создаём новый слой непрозрачность (opacity) для слоя 90%, инструментом «Линия» (Line Tool), в режиме фигур, толщина 2 pх, проведите чёрную линию по правой грани левой стороны куба. Примените ФильтрРазмытиеРазмытие по Гауссу (FilterBlurGaussian Blur), 2 рх, загрузите выделение правой стороны (Ctrl+клик по миниатюре слоя с правой стороной) и нажмите Delete (удалим размытие линии на правой стороне).

Шаг 17. Рисуем белую линию, толщина 1 рх, параллельно чёрной на новом слое и меняем режим наложения (Blending Mode)  для слоя на «Перекрытие» (Overlay).

Шаг 18. Создайте новую группу, назовите «угол». На новом слое (назовите «уголок»), инструментом «Перо» (Pen Tool) в режиме фигур рисуем фигуру, как показано ниже.

Заливка (Fill) для слоя 0%.

Примените настройки для стилей слоя
ТиснениеBevel and Emboss:

Шаг 19. Чтобы создать тень, загрузите выделение слоя «уголок» и на новом слое залейте чёрным цветом, снимите выделение (Ctrl+D), этот слой на палитре слоёв расположите под слоем «уголок» инструментом «Перемещение» (Move Tool) переместите слой немного ниже. Примените ФильтрРазмытиеРазмытие по Гауссу (FilterBlurGaussian Blur), 2 рх, загрузите выделение слоя «уголок» и нажмите Delete, снимите выделение (Ctrl+D), установите непрозрачность (opacity) для слоя 70% и поменяйте режим наложения (Blending Mode) на «Умножение» (Multiplay).

Шаг 20. На новом слое, назовите «карточка», с  помощью инструмента «Прямоугольник со скругленными углами» (Rounded Rectangle Tool) нарисуйте небольшую карточку.

Примените следующие стили слоя
Наложение градиентаGradient Overlay:

ТиснениеBevel and Emboss:

Шаг 21. Напишите любое слово инструментом «Текст» (Type Tool), примените стиль Наложение градиента (Gradient Overlay), объедините текстовый слой и слой «карточка» (с нажатой клавишей Shift выделите их), Ctrl+Т, клик ПКМ, выберите «Искажение» (Distort), трансформируйте

Примените следующие стили слоя к слою «карточка»
ТеньDrop Shadow:

Перекрытие узораPattern Overlay:

Шаг 22. Создайте новую группу, назовите «ленты». На новом слое с помощью инструмента «Перо» (Pen Tool) в режиме фигур рисуем ленту, как показано ниже.

ТиснениеBevel and Emboss:

Наложение градиентаGradient Overlay:

Шаг 23. Загрузите выделение слоя с лентой (Ctrl+клик по миниатюре слоя с лентой) и на новом слое РедактированиеВыполнить обводку (EditStroke), ширина 7, цвет белый, снаружи, сотрите лишнее на краях

Заливка (Fill) 0%, примените следующие стили слоя
Наложение градиентаGradient Overlay:

Примените стиль ОбводкаStroke:

Шаг 24. Добавьте тень (как в шаге 19)

Поиграйте с настройками стиля слоя «Наложение градиента»

Шаг 26. Нарисуйте узел. Загрузите выделение слоёв с бантами и на новом слое залейте любым цветом, инструментом «Ластик» (Erase), с мягкими краями сотрите часть в центре, заливка (Fill) 0%,

примените следующие стили слоя
Наложение цветаColorOverlay

Шаг 28. Добавьте маску слоя к сторонам и заполните градиентом от чёрного к белому, как показано ниже

Корректируем отражение с помощью мягкой полупрозрачной кисточки и маски слоя

Шаг 29. На новом слое рисуем кистью чёрного цвета, как показано ниже, размойте ФильтрРазмытиеРазмытие по Гауссу (FilterBlurGaussian Blur), поменяйте режим наложения на «Перекрытие» (Overlay)

Вот и наша коробочка!

Желаю удачи!

Автор урока: Alexandra Fomicheva
Перевод: Оксана Гудкова
Ссылка на источник

           

Похожие файлы и публикации:

Упаковываем подарок в Photoshop
Этот урок по Фотошопу покажет вам, как сделать дизайн сайта или портфолио.
Упаковываем подарок в Photoshop
В этом уроке будем учиться создавать креативный дизайн для блога.
Упаковываем подарок в Photoshop
В этом уроке мы создадим фантастическую сцену: наша картина оживёт
Упаковываем подарок в Photoshop
Сегодня мы с помощью программы Фотошоп создадим волшебное дерево с золотыми яблоками.
Упаковываем подарок в Photoshop
Сегодня мы будем рисовать вот такого жучка.
Упаковываем подарок в Photoshop
Приближается самый волшебный праздник – Новый год! Пора начинать подготовку, в этом уроке мы создадим простую новогоднюю открытку.
Упаковываем подарок в Photoshop
Нам понадобится: Текстура мёда (Содержится PSD файл урока, узор honey.pat) Anja Eliane Font
Упаковываем подарок в Photoshop
В этом уроке мы будем учиться создавать вот такие песочные часы – наглядный пример тому, что время - деньги!
Упаковываем подарок в Photoshop
Сегодня мы будем учиться создавать одежду из воды.
Упаковываем подарок в Photoshop
31 октября состоится страшный праздник "Halloween"! Какой же праздник без тыквы?
Упаковываем подарок в Photoshop
Сегодня мы поработаем над созданием интересного эффекта – лицо, распадающееся на кусочки.
Упаковываем подарок в Photoshop
Сегодня мы будем рисовать вот такой карандаш.
Упаковываем подарок в Photoshop
Шаг 2. Создайте новый слой и назовите его “camera2”. Выделите содержимое слоя “camera1” (CTRL + клик по миниатюре слоя). Выполните команду “Select > Modify > Contract” (Выделение > Модификация > Сжать). Установите сжатие в 7 пикселей. Залейте выделение цветом.
Упаковываем подарок в Photoshop
Программа Photoshop – фантастическая программа, с помощью которой можно обрабатывать не только фотографии, но и создать реальные объекты. В сегодняшнем уроке, мы продемонстрируем, как создать изображение реалистичного ножа похожего на фотографию в программе Photoshop, используя векторные инструменты для рисования, стили слоя, текстуры, и эффекты.
Упаковываем подарок в Photoshop
В этом уроке мы научимся рисовать губную помаду. Вот, что у нас получится.
Упаковываем подарок в Photoshop
В этом уроке Вы узнаете, как создать шляпу фокусника в Photoshop. Урок показывает простое использование  инструментов Pen Tool и Shape Tools, а также использование различных режимов. Создание теней также объяснено в уроке. Давайте начнем! Что получится у вас в конце урока.
Упаковываем подарок в Photoshop
В этом уроке с помощью кисточек и экспериментов со светом создадим удивительный эффект: космическое лицо, созданное буквами и вспышкой.
Упаковываем подарок в Photoshop
Вот такой домик получится после данного урока