Создаем тюбик шампуня с нуля используя Фотошоп

| Категория: Уроки по созданию спец эффектов в Фотошопе | Сложность урока: Высокая

В данном уроке мы рассмотрим, как можно нарисовать в Фотошопе реалистичный тюбик шампуня с нуля.
Внимание: Сложный урок. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.


Финальный результат

Создаем тюбик шампуня с нуля используя Фотошоп

Приступаем к уроку Фотошопа


Материалы использованные в уроке:

Апельсин 1;

Апельсин 2;


Шаг 1.


Начнем с создания нового документа (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")), размером 700x1000 px и разрешением 300 ppi: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 2.


Теперь выберите инструмент Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша "G"), настройки следующие: тип = Radial (Радиальный градиент), цвета указаны на скрине. Проведите градиент в направлении, указанном на изображении ниже: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 3.


Теперь, используя Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") cоздайте 2 формы на 2х различных слоях.


1ый слой - основная часть тюбика, назовите этот слой "Main”, закрасьте его серым цветом.

2ой слой - крышка от тюбика, назовите этот слой "Cap”, закрасьте его серым цветом.


Вот что у вас должно получится (на изображении показано, где у вас должны быть скругленные края): ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 4.


Теперь нам нужно раскрасить и добавить теней основным частям тюбика с шампунем. Мы будем загружать выделение каждой из частей по очереди, чтобы не вылезать за рамка каждой из форм при раскрашивании. Итак, перейдите на форму "Cup" и загрузите выделение этого слоя (Ctrl+клик на иконке слоя на панели слоев): ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Далее возьмите инструмент кисть - Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B"), (размер = примерно 90px, Hardness (Жесткость) = 0%, цвета указаны на изображении) и раскрасьте крышку как показано на изображении: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

(чтобы проводить ровные линии, удерживайте Shift)


Итак, при помощи Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") проведите вот такой контур (для удобства отключите видимость слоя "Main"): ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Выберите инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") со следующими настройками: Hardness (Жесткость) = 0%, размер кисти = примерно 30 рх, цвет-черный. Создайте новый слой, назовите его "Cup Shadow" и поместите его над слоем "Cup". Перейдите на слой "Cup Shadow", выберите инструмент Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") -> правый клик по изображению -> Stroke Path (Обводка контура). В открывшемся окошке выберите "Brush" (Кисть) и уберите галочку у Simulate Pressure (Имитировать нажим). Уменьшите Opacity (Непрозрачность) слоя "Cup Shadow" до 20-30%. Далее переведите слой "Cup Shadow" в режим "Clipping mask" (Обтравочная маска) (правый клик на слое на панели слоев - Create Clipping Mask (Создать обтравочную маску)). Вот, что у вас должно получиться: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 5.


Используя те же настройки кисти, раскрасьте тюбик, как показано на рисунке, чтобы наш тюбик стал объемным (не забудьте загрузить выделение тюбика): ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Вот, что у нас должно получиться: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 6.


Теперь нам нужно добавить чуть больше теней для тюбика. Возьмите кисть, с теми же настройками, что и в Шаге 5, только теперь цвет кисти - # a2a2a2. Создайте новый слой, назовите его "main shadow" и нарисуйте тени как показано на изображении (не забудьте загрузить выделение слоя "main"), помните, что тени в верхней части тюбика должны быть светлее теней в нижней части тюбика.


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 7.


Пришло время поработать над нашим тюбиком. Сейчас мы будем рисовать на нем часть зеленой полосы. Создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), назовите его "Greenstrip”, выберите инструмент Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") и нарисуйте зеленый контур как показано на изображении. Обратите внимание, что верхняя часть контура должна соответствовать "объему" тюбика. После того, как закончите с контуром, нажмите правый клик на изображении -> Make selection (Образовать выделенную область).


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 8.


Не сбрасывая выделения, выберите Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G") и залейте выделение цветом #aff012. Далее выберите Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") - настройки кисти: ↓

Hardness (Жесткость) = 50%;

Размер кисти = примерно 120 рх;

Цвет = #628903;


Создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), назовите его "Greenstrip shadow" и нарисуйте тени как показано на изображении ниже: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

(чтобы слои "Greenstrip shadow" и "Greenstrip" ровно перекрывали тюбик по бокам, сделайте их чуть больше тюбика, поместите слои над слоем "main shadow" и переведите слои "Greenstrip shadow" , "Greenstrip" и "main shadow" оба слоя в режим "Clipping mask" (Обтравочная маска) для слоя "main")


Шаг 9.


Теперь добавим на наш тюбик апельсинов. Итак, откройте изображение разрезанного апельсина (ссылка на изображение есть в самом начале урока, наверху). Выберите инструмент Magic Wand Tool Инструмент - Волшебная палочка (Инструмент "Волшебная палочка" / Клавиша "W"), установите Tolerance (Допуск) примерно на 30% и кликните по серому фону (чтобы выделения суммировались, нажмите на иконку Add to Selection (Добавление к выделению), которая находится слева от Tolerance (Допуск)): ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Далее - правый клик по изображению -> Refine Edge (Уточнить край). Эти действия позволят нам аккуратно выделить апельсин по краям. В появившемся окне поставьте галочку функции Smart Radius (Умный радиус) (только в версии CS5 и выше): ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Вот что у нас получится: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Инвертируйте выделение (правый клик на изображении - Select > Inverse (Выделение > Инверсия выделения / Сочетание клавиш "Ctrl+Shift+I")), скопируйте и вставьте его в наш документ, затем продублируйте этот слой, назовите его "Orange" и отключите изображение оригинала - сейчас мы будем работать с продублированным слоем "Orange".


Шаг 10.


Для начала, уменьшите размер слоя "Orange", нажав Ctrl+T (рис.1) (чтобы слой уменьшался пропорционально, удерживайте Shift). Затем возьмите инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M") и выделите примерно половину апельсина, как показано на рис.2, затем правый клик на изображении - Free Transform (Свободная трансформация): ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Измените размер выделенной области, как показано на рис.3. Повторите те же действия, только уже для 1/4 апельсина (рис.4). То, что у вас должно получится, показано на рис. 5: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Поместите полученный апельсин в нижнюю левую часть тюбика, как показано на рис.6. Далее загрузите выделение слоя "Greenstrip” (ctrl+клик на иконке слоя) и нажмите Ctrl+Shift+I , чтобы инвертировать выделение и нажмите Delete (либо переместите слой "Orange" поверх слоя "Greenstrip” и переведите его в режим Clipping Mask (Обтравочная маску). Теперь еще раз продублируйте оригинальный слоя с апельсином (Ctrl+J), уменьшите ее и поместите копию как показано на рис 7: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 11.


Загрузите выделение слоя "Greenstrip”, создайте новый слой - назовите его "Orange shadow", возьмите мягкую кисть среднего размера, цвет - близкий к черному (к примеру, вы можете установить Opacity (Непрозрачность) кисти на 12%) и, не сбрасывая выделения, нарисуйте тень от апельсинов в углу тюбика как показано на изображении: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 12.


Теперь добавим "запечатанную" часть тюбика. Начнем с того, что установим основной цвет для "запечатанной" области. Для этого загрузите выделение слоя "Main" и перейдите на него. Выберите инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M") и установите режим Intersect with Selection (Пересечение с выделенной областью), который показан на рис.1 и создайте прямоугольное выделение как показано на рисунке 1. Как только вы отпустите левую кнопку мыши, у вас останется выделенной область, показанная на нижнем рис.1. Далее выберите инструмент Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G") и залейте выделение цветом #dddddd, рис.2. То, что у вас получится, показано на рис.3: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 13.


Теперь нам нужно создать углубленную область на колпачке. Для этого выберите инструмент Rounded Rectangle Tool Инструмент - Прямоугольник со скругленными углами (Инструмент "Прямоугольник со скругленными углами" / Клавиша "U"), создайте новый слой - назовите его "recessed area", установите радиус = 0.15 inches (дюймов) и создайте форму, как показано на изображении: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Далее, используя Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G"), залейте выделение цветом #a34100 и уменьшите Opacity (Непрозрачность) слоя примерно до 82%. Установите настройки Blending Options (Параметры наложения) (правый клик на слое на панели слоев) как показано на изображении: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Нажмите Ctrl+T - уменьшите слой "recessed area" и поместите его как показано на изображении: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 14.


Создайте новый слой, назовите его "lines". Выберите инструмент Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") и создайте линию, как показано на рис.1. Затем выберите кисть - Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") и установите настройки, показанные на рисунке 2-2. Снова выберите Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") -> правый клик на изображении - Stroke Path (Обводка контура) (рис.2-1), выберите Brush (Кисть) в появившемся окошке, уберите галочку у Simulate Pressure (Имитировать нажим).


Создаем тюбик шампуня с нуля используя Фотошоп

Теперь создайте еще одну линию при помощи Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P"), чуть ниже предыдущей. Снова выберите Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") и установите настройки, указанные на рисунке (обратите внимание, что теперь Blend Mode (Режим наложения) кисти = Overlay (Перекрытие)). Обведите вторую линию, тем же способом, что и первую.


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 15.


Создайте новый слой, назовите его "line inside". Выберите инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") и установите значения как показано на рисунке, цвет кисти - примерно #69310a. Далее выберите Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") и проведите линию, как на изображении. Загрузите выделение слоя "recessed area" и обведите линию, как мы делали в Шаге 14.


Создаем тюбик шампуня с нуля используя Фотошоп

(если линия получилась слишком яркая, уменьшите Opacity (Непрозрачность) слоя "line inside" примерно до 80%)


Шаг 16.


Теперь нам нужно добавить блик на тюбик. Для этого создайте новый слой, назовите его "highlight", выберите инструмент Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") и создайте контур как показано на рис.1. Далее - правый клик на изображении - Make selection (Образовать выделенную область). Выберите инструмент Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G") и залейте выделение белым цветом - рис.2. И наконец, уменьшите Opacity (Непрозрачность) слоя "highlight" примерно до 12%.


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 17.


Далее создайте новый слой, назовите его "highlight 2". При помощи Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") создайте линию, как показано на рис.1. Выберите Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") и установите настройки, как на рис.2, цвет кисти - белый. Обведите линию, как мы делали ранее и уменьшите Opacity (Непрозрачность) слоя "highlight 2" примерно до 20-30%: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 18.


Теперь нам нужно добавить название бренда. Используя инструмент Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T") (шрифт - Myriad Pro (Bold), напишите название бренда, на ваш вкус (рис.1). Далее на вкладке настройки шрифта - Character (если вам не видна эта вкладка, нажмите Window > Character (Окно > Символ)) установите значение Tracking value (Значение трекинга (Отступы между символами)) = -80 (рис.2) - это уменьшит расстояние между буквами. На панели слоев нажмите правой кнопкой на слое с текстом и выберите Rasterize (Растрировать).


Теперь добавим нашему тексту стиль. Для этого выберите инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M") и удалите верхнюю и нижнюю точку буквы S, как на рис.3. Далее, при помощи все того же Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M"), создайте "продолжение" буквы S как показано на рис.4. Итак, то, что у нас получилось - это 5ый рисунок (как вы видите, автор также изменил немного букву I).


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 19.


Теперь, используя Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P"), создайте прямоугольную форму как на рисунке. Нажмите правый клик на изображении - Make selection (Образовать выделенную область) и мягкой кистью среднего размера закрасьте прямоугольник цветами, указанными на изображении: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 20.


Вернемся к "запечатанной области" - нам нужно сделать ее рифленой. Для этого, создайте 2 новых слоя и при помощи Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") создайте 2 линии - черную и белую. Настройки кистей для обводки линий показаны на изображении. Далее подвиньте белую линию так, чтобы она закрывала половину черной, и слейте эти 2 слоя (Ctrl+E). Дублируйте этот стой с линией столько раз, чтобы у вас получилась рифленая поверхность: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 21.


Теперь вы можете добавить различную информацию о продукте на ваш тюбик. После того, как закончите добавлять текст, растеризуйте слои с тестом и про помощи трансформации Ctrl+T, слегка скруглите текст, как будто он напечатан на круглой поверхности (используйте функцию деформации (Warp)): ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 22.


Поскольку правый верхний угол тюбика выглядит пустовато, добавим туда следующий элемент: создайте новый слой, назовите его "more", при помощи Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") нарисуйте форму, показанную на изображении, далее правый клик - Make selection (Образовать выделенную область). Возьмите кисть и закрасьте выделенную область цветами, указанными на изображении и добавьте текст по вашему желанию: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 23.


Теперь нам нужно добавить тень на весь тюбик вместе с крышкой. Для этого загрузите выделение слоев "Main" и "Cap". Создайте новый слой, назовите его "Shadow", возьмите Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") (размер = 500px, Hardness (Жесткость) = 0%, цвет - черный) и закрасьте нижнюю часть выделения как показано на изображении. Затем измените Blend Mode (Режим наложения) слоя "Shadow" на Overlay (Перекрытие) и уменьшите Opacity (Непрозрачность) до 60%.


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 24.


Теперь добавим апельсины рядом с тюбиком. Откройте оба файла с апельсинами (ссылки в самом начале урока, наверху). Создайте новый слой для файла с целым апельсином, и мягкой средней черной кистью нарисуйте тень как показано на изображении. Продублируйте слой с тенью и сам апельсин и на продублированном слое при помощи инструмента Eraser Tool Инструмет - Ластик (Инструмет Ластик / Клавиша "E") сотрите часть второго апельсина как показано на изображении ниже: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Включите слой с разрезанным апельсином, который мы отключали вначале и измените размер при помощи трансформации Ctrl+T как показано на изображении. Далее поверните его и поместите на второй апельсин: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Создайте еще один слой и добавьте на нем света/тени как показано на рисунке (синий - тени, розовый - света).


Создаем тюбик шампуня с нуля используя Фотошоп

Создайте еще один новый слой и добавьте теней под апельсинами. Затем создайте еще один новый слой, и создайте отражение апельсинов, как показано на изображении (продублируйте все слои с апельсинами, далее нажмите Ctrl+T -> Flip Vertical (Отразить по вертикали), подвиньте продублированный слой под оригинальные слои с апельсинами, добавьте маску слоя. Перейдите на маску и создайте черно-белый градиент снизу - черный, сверху-белый - таким образом мы скроем нижнюю часть изображения. далее уменьшите Opacity (Непрозрачность) слоя - либо посмотрите, как делается отражение в Шаге 28).


Создаем тюбик шампуня с нуля используя Фотошоп

Вот то, что должно получиться: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 25.


В этом шаге мы добавим капли воды на тюбик и апельсины.


Для этого выберите Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") размером ~3-5px, Hardness (Жесткость) = примерно 30%, Opacity (Непрозрачность) кисти = 15%, на скриншоте ниже изображено, как нарисовать капли (вид спереди и вид сбоку): ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Примените к слою с каплями следующие Blending Options (Параметры наложения): ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Вот что должно получиться: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 26.


Теперь выделите все слои, относящиеся к тюбику и продублируйте их. Объедините все продублированные слои в один, нажав Ctrl+E. Мы получили один слой с тюбиком, продублируйте его. Затем поместите один тюбик слева, а другой справа: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 27.


Выделите 2 продублированных слоя с тюбиком на панели слоев, слейте их в один слой, нажав Ctrl+E. К полученному слою примените фильтр → Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу), радиус = 1 рх: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 28.


Добавим отражения снизу тюбиков. Выделите все слои "основного" тюбика, продублируйте их и слейте в один. Перейдите на продублированный слой, нажмите Ctrl+T -> правый клик -> Flip Vertical (Отразить по вертикали). Поместите перевернутый слой под "основным" тюбиком: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Далее, используя Eraser Tool Инструмет - Ластик (Инструмет Ластик / Клавиша "E") сотрите часть нижнего слоя, отмеченную красным (настройки ластика: Hardness (Жесткость) = 0%, размер - большой): ↓


Создаем тюбик шампуня с нуля используя Фотошоп

И, наконец, уменьшите Opacity (Непрозрачность) слоя до примерно 17%: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 29.


Создайте новый слой поверх всех слоев и при помощи Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G") залейте его цветом #353535 (рис.1). Далее измените Blend Mode (Режим наложения) слоя на Soft light (Мягкий свет) (рис.2). Возьмите мягкий ластик - Eraser Tool Инструмет - Ластик (Инструмет Ластик / Клавиша "E") - и сотрите часть изображения как показано на рис.3. Уменьшите параметр Fill (Заливка) слоя до 77% (рис.4).


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 30.


Продублируйте еще раз слой (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")), полученный в Шаге 27 и примените к нему еще раз фильтр → Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу), радиус = 1-2 рх: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Шаг 31.


Создайте еще один новый слой поверх всех слоев, залейте его черным цветом и выберите Filter > Noise > Add noise (Фильтры > Шум > Добавить шум). Установите настройки, показанные на изображении ниже: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Измените Blend Mode (Режим наложения) слоя на Multiply (Умножение) и уменьшите Opacity (Непрозрачность) примерно до 3%: ↓


Создаем тюбик шампуня с нуля используя Фотошоп

Вот и все.


Финальный результат

Создаем тюбик шампуня с нуля используя Фотошоп

Оригинал;

Перевод: Mangorielle;

Текст доработан командой сайта PhotoshopPro.ru