Сегодня в своём уроке по PhotoShop я вам расскажу как в фотошопе
можно нарисовать очень красивую, стильную, элегантную иконку коробки
(упаковки), которую часто используют для рекламы какого-либо продукта.
Использовать её можно как иконку, как обои для рабочего стола, на
шапке сайта, рекламе, обзоре и т.д.
Как рисуются иконки в PhotoShop
1. Создаём новое изображение. Выбираем инструмент Paint Bucket
Tool и заливаем фон серым цветом (#a6a6a6):
2. Создаём новый слой. Выбираем Elliptical Marquee Tool и
рисуем авал, за тем заливаем его белым цветом с помощью Paint Bucket
Tool:
3. Размоем изображение, применив фильтр Filter —> Blur
—> Gaussian Blur... со следующими параметрами:
Получим следующий фон:
4. Начнём рисовать коробку. С нуля рисовать трёхмерные объекты
может быть непривычно, по этому мы сразу нарисуем «каркас», для чего
будем использовать фильтр 3D Transform (Filter —> Render
—> 3D Transform), если у вас такого нету, то скачать его
можно в конце урока.
В окошке фильтра выберите инструмент Cube Tool и нарисуйте
параллелепипед:
5. Выбираем Direct Selection Tool и трансформируем наш
параллелепипед следующим образом (при этом увеличте параметр Field):
6. Нажмите кнопку Options... и там выставьте следующие
параметры:
7. Выберите TrackBall Tool, если после этого фигура стала
большой и не помещается в окошко просмотра, то уменьшите её изменив
параметры Field и Dolly:
8. Поверните фигуру следующим образом:
Вои и всё — каркас коробки готов. Жмите Ok. Должно
получиться примерно вот так:
9. Создайте новый слой. Выберите инструмент Rectangle Tool и
нарисуйте прямоугольник любого цвета:
10. Выбирите Direct Selection Tool и, перемещая точки в
углах фигуры, трансформируйте её следующим образом:
11. Начнём добавлять эффекты. Для этого зайдите в Layer Style
(на панели слоёв Layers кликните правой клавишей на слое и там
выберите пункт Blendint Options) на вкладку Gradient Overlay
и выставьте следующие параметры градиента:
А ниже показаны подробные настройки градиента (чтобы их открыть,
кликните по полосе с градиентом, справа от надписи Gradient),
красным цветом я написал шестнадцатеричные значения цветов:
12. Теперь добавим обводку (вкладка Stroke):
Обводку я использовал градиентную, вот подробные настройки этого
градиента:
Жмём везде Ok и получаем переднюю (фронтальную) сторону
коробки:
13. Создадим новый слой и таким же образом нарисуем левую сторону:
14. Применим к ней некоторые эффекты. Сразу градиент (заметьте,
что угол Angle может отличаться от того, что я показал на примере
— его нужно сделать таким, чтобы светлая часть градиента была сверху
коробки):
С такими подробностями:
15. А за тем градиентную обводку (здесь так же параметр Angle
будет у каждого свой — он зависит от формы нарисованного вами каркаса
коробки):
Вот подробные параметры градиента:
Жмём Ok и получаем левую сторону коробки:
16. Сейчас уже можно отключить слой с каркасом коробки (или
удалить его) — он нам будет только мешать.
Теперь создайте новый слой под слоями с передней и левой сторонами
и нарисуйте на нём заднюю сторону коробки (с помощью всё того же Rectangle
Tool):
17. Ну и начинаем добавлять эффекты. Зайдите в Layer Style
на вкладку Gradient Overlay и настройте градиент следующим
образом:
Вот так выглядять подробные настройки градиента:
18. Перейдите на вкладку Stroke и настройте параметры
обводки:
Теперь можно нажать Ok и глянуть что там у нас вышло:
19. Снова создаём новый слой и рисуем правую сторону коробки:
20. Как и ранее, применяем к ней эффекты в окошке Layer Style.
Начнём снова с градиента (Gradient Overlay):
Со следующими настройками цвета:
21. Закончим настройкой обводки (Stroke):
Если вы всё сделали точно так, как и я, то и получиться у вас
должна такая же коробка, как и у меня (а если вы подключили свою
фантазию, то это ещё лучше; но для новичка лучше точно следовать моим
действиям):
22. Создадим новый слой ниже всех слоёв, составляющих стороны
коробки. Нарисуем на нём нижнюю сторону коробки (она не будет видна, но
нужна она для создания эффекта тени):
23. Зайдём в Layer Style на вкладку Drop Shadow и
настроим параметры тени следующим образом:
24. Жмём Ok и получаем такую-вот тень:
25. Коробка готова. Теперь осталось её украсить. Сразу добавим
блики.
Выше всех слоёв создайте новый слой. Зажмите клавишу Ctrl и
кликните по слою с левой стороной коробки для того, чтобы создать
выделение:
26. Выберите Elliptical Marque Tool, зажмите клавишу Alt
и создайте выделение такого-вот вида:
27. Выбирите Paint Bucket Tool и залейте выделение белым
цветом:
28. Непрозрачность заливки слоя (Fill) уменьшите до 0%
(данный параметр настраивается на панели слоёв Layers, сверху).
За тем зайдите в Layer Style на вкладку Gradient Overlay
и настройте там всё следующим образом:
Вот подробные настройки градиента (красным цветом я написал
значения непрозрачности для каждой точки градиента):
29. Жмём везде Ok и получаем довольно красивый блик:
30. Таким же методом рисуем блик на передней стороне коробки:
31. Сверху коробки нарисуем небольшое свечение. Выберите
инструмент Line Tool, толщину линии (Weight) выставьте
равной 3 px и нарисуйте такую линию:
32. Теперь нужно сделать эту линию прозрачной в начале и в конце.
Для этого к слою добавьте маску (нажмите на кнопку Add layer mask...,
которая находится на панели слоёв снизу):
33. Залейте маску с обеих сторон чёрным градиентом, переходящим в
прозрачный:
34. Вот что должно получиться:
35. Теперь зайдите в Layer Style на вкладку Outer Glow
и настройте параметры свечения:
36. Должна получиться светящаяся линия:
37. Теперь создайте новый слой, нарисуйте с помощью Rectangle
Tool прямоугольник и с помощью Direct Selection Tool
трансформируйте его следующим образом:
38. Непрозрачность заливки слоя Fill выставьте в 0%. Потом
заходите в Layer Style на вкладку Gradient Overlay и
настройте все параметры:
Ниже представлены подробные настройки градиента:
39. Жмите Ok, получиться должно вот что:
40. Таким же образом рисуем ещё один прямоугольник:
41. Начнём наносить рисунки на нашу упаковку. Сразу добавим
надпись — название продукта.
Создайте новый слой и напишите короткий текст:
42. Растрируйте слой с текстом (кликните на слое правой клавишей и
выберите пункт Resterize Layer), а за тем трансформируйте его
применив следующую трансформацию: Edit —> Transform
—> Distort:
43. Расположите надпись следующим образом:
44. Добавим еле-еле заметное свечение. Для чего зайдите в Layer
Style на вкладку Outer Glow и выставьте следующие значения
параметров:
Вот что должно получиться:
45. Теперь снова создайте новый слой, нарисуйте на нём что-нибудь
понравившимися вам кисточками (не обязательно кисточками, это может быть
логотип или ещё что-то; кисточки из примера можно скачать в конце
урока) и трансформируйте таким же образом, как мы это делали ранее:
46. Для придания «живости» картинке нарисуем ещё что-нибудь,
например шарик.
Выберите инструмент Ellipse Tool, зажмите Shift и
нарисуйте небольшой кружок:
47. Начнём из кружка делать шарик. Для этого применим несколько
эффектов.
Зайдите в Layer Style на вкладку Gradient Overlay и
настройте градиент:
Вот его подробные настройки:
Жмите Ok — получиться должен такой-вот шарик:
48. Под слоем с шариком создайте ещё один слой и нарисуйте с
помощью Ellipse Tool кружок чёрного цвета:
49. Растрируйте слой с кружком (кликните правой клавишей на слое и
выберите пункт Rasterize Layer) и примените на нём фильтр: Filter
—> Blur —> Gaussian Blur:
Должна получиться такая-вот тень:
50. Нарисуем на шарике блик. Для этого нарисуйте такой-вот авал
белого цвета (с помощью Ellipse Tool):
51. Добавьте маску слоя (нажав на кнопку Add Layer Mask...)
и залейте её чёрно-белым градиентом (как показано ниже):
Получиться должен такой блик:
52. Продолжим украшать нашу коробку. Неплохо бы создать отражение
шарика в коробке.
Для этого отключите отображение всех слоёв кроме слоёв,
составляющих наш шар (чтобы отключить отображение слоя, нажмите слева от
слоя на изображение глаза), потом с помощью Rectangular Marque Tool
выделите шарик и скопируйте его в буфер обмена (Edit —> Copy
Merged):
53. Включите отображение отключенных в прошлом пункте слоёв и
вставьте изображение шарика (Edit —> Paste), разместите
его на коробке как показано ниже:
54. Отразите копию шарика по горизонтали (Edit —> Transform
—> Flip Horizontal):
55. Уменьшите непрозрачность слоя Opacity до 15%:
Ну вот и всё. Мы изготовили красивую, элегантную коробку:
| 
