Рисуем глянцевую коробку в высоком разрешении при помощи Photoshop

Современные программные продукты и стоковые сборники с библиотеками изображений часто нуждаются в надлежащем представлении своего продукта для успешного продвижения в веб. Очень часто для того, чтобы представить некое ПО, либо сборник с любой другой информацией в Сети, его представляют в красиво упакованном в какую-нибудь коробку виде. Существует несколько способов создания подобных коробок. Для этого можно использовать специальное ПО, макросы, либо же нарисовать все вручную. Сегодняшний урок покажет вам, как подобные вещи рисуются с нуля в фотошоп. И так, поехали!

1 Шаг

Создайте новый документ размерами 4000×3000px. Хотя не стесняйтесь использовать и меньшие размеры в случае необходимости. Затем при помощи Pen Tool создайте фигуры, как показано ниже на рисунке. Убедитесь в том, что каждая фигура находится на своем отдельном слое, и назовите их как показано ниже. Примените к слоям следующие стили:

2 Шаг

К слою “Base_up” примените такие стили:

3 Шаг

Выполните Ctrl + клик по слою “Base_front”. Далее создайте новый слой с названием “Front_dark”. Выберите цвет #424242 и переключитесь на мягкую кисть радиусом 700px для создания подобия затенения, как показано ниже. Затем смените режим наложения этого слоя на Soft Light со значением Opacity равным примерно 31%.

4 Шаг

Создайте новый слой и назовите его “Side_stroke_black”. Затем выполните Ctrl + клик по иконке слоя “Base_side” и выполните Edit > Stroke с параметрами Width — 2px, Color — #000000, Location — Inside и нажмите Ok. Далее выполните Filter > Blur > Gaussian Blur с радиусом размывки равным 2.3px. Нажмите Ok. Затем нажмите Ctrl + D для отмены выделения. После этого создайте новый слой с названием “Front_stroke_black” и выполните Ctrl + клик по иконке слоя “Base_front”, повторив шаг. Создайте два новых слоя с названиями “Side_stroke_white” и “Front_stroke_white”, повторив с ними все то же самое, только с использованием белого цвета.

5 Шаг

Переключитесь на Pen Tool и создайте два объекта, как показано ниже. Убедитесь, что каждая фигура находится на отдельном слое и назовите их, как показано на рисунке. Скопируйте стиль слоя “Base_up” и примените его к только что созданным слоям. Смените угол градиента для каждого слоя, задав значение, указанное на иллюстрации.

6 Шаг

Выполните Ctrl + клик по слою “Base_front_up” для получения выделения по нему. Создайте новый слой и назовите его “Front_draw_lines”. Используя твердую кисть черного цвета с радиусом 50px, заштрихуйте ей часть фронтальной плоскости, как показано ниже. Повторите то же самое для слоев “Base_up” и “Base_side”. Режимы наложения слоев и значения Opacity также приведены на рисунке.

7 Шаг

Создайте новый слой с названием “Base_top”. Далее при помощи Pen Tool нарисуйте следующую фигуру. Нажмите Ctrl + Enter для загрузки выделения по ней и заливки цветом. Примените затем к этому слою стили, как показано на иллюстрации. После этого добавьте фигуре белый контур, как мы это уже делали на 4 шаге и нанесите текстуру, процесс нанесения которой был описан на шаге 6. После этого, применяя ту же технику работы с Pen Tool, нарисуйте вырезанную ручку на новом слое “Top_hole_stroke”. Задайте ей также стиль Edit > Stroke шириной 2px, черного цвета и позицией Outside. Смените режим наложения слоя на Overlay и задайте 30% Opacity. После этого, повторив шаг 4, добавьте черный контур к слою “Base_top”, а затем проделайте с ним все, что было описано на шаге 6, используя Brush Tool. Далее описан процесс более подробно на рисунках.

8 Шаг

Выполните Ctrl + клик по слою “Base_front_up” и создайте новый слой. Выполните Edit > Stroke и в выпавшем окне задайте параметры Width — 2px, Color — #FFFFFF, Location — Outside. Смените режим наложения слоя на Soft Light. Повторите этот процесс со слоями “Base_up” и “Base_side”.

9 Шаг

Выполним Ctrl + клик по слою “Base_up” и создадим слой с названием “Pattern_Draw_overlay_Front”. Переключитесь на кисть диаметром 125px и нарисуйте набор абстрактных линий, как показано ниже. Используйте различные цвета и размеры кисти для достижения наилучшего сочетания. То же проделайте и со слоем “Base_side”. Смените режимы наложения обоих слоев на Overlay. Затем я нанес еще один сет ярких насыщенных линий различных цветов и толщины и также сменил режим наложения этих слоев на Overlay. Здесь стоит немного убрать края при помощи мягкого ластика Eraser Tool. Экспериментируйте.

10 Шаг

Создайте новый слой с названием “Light_front”. Переключитесь на Pen Tool и создайте фигуру, как показано на иллюстрации и залейте ее белым цветом. Затем возьмите ластик и с помощью большой мягкой кисти сотрите часть слоя, закрашенную фиолетовым цветом у меня на рисунке. Задайте Opacity слою равным 24%. Также я добавил света еще и по слою “Base_side” и добавил небольшой блик в углу при помощи Pen Tool и фильтра размывки Gaussian Blur.

11 Шаг

Нанесите случайную надпись и затем скосите ее, как показано ниже.

12 Шаг

Создайте подставку для коробки, применяя те же техники, которые мы использовали на предыдущих шагах.

13 Шаг

Также вы можете создать блики на подставке, используя Pen Tool и различные их формы. Заливайте фигуры белым, а затем при помощи мягкого ластика корректируйте их на свое усмотрение. Режим наложения этих слоев должен быть Overlay.

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта psd.tutsplus.com, автор перевода указан в начале урока.