Простая иконка чашки кофе

4 августа 2011 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Для урока понадобится это изображение кофе.

Шаг 1

Создайте новый документ (Ctrl + N) размером 1024х1024 пикселя. Это хороший размер для создания больших иконок.

Шаг 2

Выберите инструмент Paint Bucket Tool (G) и залейте фон любым цветом (я выбрал зелёный). Перейдите в меню View → Rulers, чтобы активировать Линейки (или используйте сочетание клавиш Ctrl + R). Также нужно включить Привязку (если она не включена). Перейдите в меню View → Snap (или используйте сочетание клавиш Shift + Ctrl + ;). Отведите горизонтальную и вертикальную направляющие так, чтобы они пересекись в центре холста.

Шаг 3

Выберите инструмент Ellipse Tool (U), зажмите клавишу Shift и создайте круг в центре холста. Назовите слой с кругом “Base”. Чтобы переименовать слой, кликните дважды на его имени в палитре слоёв и введите новое имя (если Вы кликните не на имени, то откроется окно стилей слоя).

Шаг 4

Выберите инструмент Rectangle Tool (U) и на панели параметров в верхней части программы установите значения, показанные ниже (Режим — Subtract from Shape Area). Создайте фигуру на верхнюю половину круга, чтобы отсечь её.

Шаг 5

Выберите инструмент Ellipse Tool (U) и создайте овал вдоль верхней части полукруга. Цвет фигуры можно изменить для различия. В результате мы получим объёмный шар. Переименуйте этот слой в “Rim”.

Шаг 6

Выберите инструмент Path Selection Tool (A). Это инструмент с иконкой чёрной стрелки. Если на панели инструментов стоит белая стрелка, кликните правой кнопкой мыши на ней и у Вас появится возможность выбрать другой инструмент:

Шаг 7

Выберите овал, который мы создали в предыдущем шаге (кликните на нём левой кнопкой мыши) и скопируйте её в буфер (Ctrl + C), скройте слой с овалом, выберите слой с полукругом и вставьте скопированный контур (Ctrl + V). На панели параметров сверху установите значение Subtract from Shape Area (как в шаге 4). Вы получите такой результат:

Сделайте слой “Rim” видимым.

Шаг 8

Мы создали основную форму чашки. Теперь мы добавим несколько стилей слоя. Чашка мне показалась немного широкой, поэтому я уменьшил её ширину инструментом Free Transform (Ctrl + T).

Кликните дважды на слое “Base”, чтобы перейдите в меню Стилей слоя и примените следующие стили:

После того, как настроите стиль Gradient Overlay, не закрывая окно, передвиньте градиент в верхний левый угол чашки.

Шаг 9

Сделайте копию слоя “Base”, кликните на ней правой кнопкой и выберите Clear Layer Styles, чтобы убрать стили с копии. Примените стиль Inner Shadow.

Шаг 10

Пора переходить к слою “Rim”. Установите его цвет #f4f4f4 и примените эти стили:

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

Шаг 11

Теперь создадим углубление в чашке. Сделайте копию слоя “Rim”, перейдите в режим Free Transform (Ctrl + T) и уменьшите её (чем меньше копия, тем толще стенки чашки). Назовите слой “Cup_Inner”.

Примените следующие стили:

Шаг 12

Теперь нарисуем ручку чашки. Выберите инструмент Pen Tool (P) и нарисуйте такую фигуру:

Примените стиль Inner Glow:

Чашку мы нарисовали. Далее нужно добавить кофе в неё:

Шаг 13

Сделайте копию слоя “Cup_Inner” (Ctrl + J), измените её цвет на #e7974f и назовите “Coffee”. Выберите инструмент Move Tool (V) и опустите слой “Coffee” на 10 пикселей вниз (Shift + клавиша стрелки вниз на клавиатуре).

Инструментом Path Selection Tool (A) выберите контур фигуры слоя “Cup_Inner”, скопируйте его (Ctrl + C), кликните на иконке векторной маски слоя “Coffee” в палитре слоёв и вставьте скопированный контур (Ctrl + V). На панели сверху установите значение Intersect with shape area.

К слою “Coffee” примените следующие стили:

Шаг 14

Сделайте копию слоя “Coffee” и установите её Fill — 0%. Затем примените этот стиль:

Шаг 15

В настоящий момент это не выглядит как кофе, но мы добавим нужную текстуру. Откройте изображение кофе, загруженное в начале урока, в Фотошопе. Выберите инструмент Move Tool (V) и перетащите изображение кофе в основной документ. Назовите новый слой “Texture” и инструментом Free Transform сожмите его вертикально, как показано ниже. Также нужно настроить перспективу. При изменении можно понизить Opacity слоя, чтобы лучше видеть, что Вы делаете.

Установите Blend Mode слоя с текстурой кофе — Overlay и Opacity — 40%. Скопируйте векторную маску слоя “Coffee” и вставьте её на слой с текстурой в режиме Intersect with shape area. Чтобы смягчить края, примените стиль Drop Shadow:

Шаг 16

Выберите инструмент Ellipse Tool (U) и нарисуйте пузыри на поверхности. Здесь можете посмотреть видео о том, как это сделать.

Повторяйте этот шаг до тех пор, пока вся поверхность не будет покрыта пузырьками. Кликните правой кнопкой на слое и выберите Convert to Smart Object. Затем перейдите в меню Filter → Blur → Gaussian Blur и введите значение 1,5 пикселя. Понизьте Opacity слоя до 36% и назовите “Bubbles”.

Шаг 17

Сейчас создадим пар от кофе. Выберите инструмент Pen Tool (P) и нарисуйте 5 фигур белого цвета. Если Вы раньше не работали этим инструментом, прочтите этот урок.

Выберите все слои с кривыми фигурами и нажмите Ctrl + E, чтобы объединить их в один слой. Затем перейдите в меню Filter → Liquify. Измените форму фигур, как показано ниже:

Перейдите в меню Filter → Blur → Gaussian Blur и введите значение 7,5 пикселей. Понизьте Opacity слоя до 35%.

Шаг 18

В завершении урока мы добавим простую тень. Выберите инструмент Ellipse Tool (U) и нарисуйте круг. Установите Fill этого слоя — 0%. Примените стиль Gradient Overlay: градиент — от чёрного к прозрачному, стиль — радиальный (radial).

Кликните правой кнопкой на слое и выберите Convert to Smart Object и инструментом Free Transform (Ctrl + T) сожмите круг в овал. Понизьте Opacity слоя до 40% и расположите под чашкой инструментом Move Tool (V).

PSD файл

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

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

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

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

Переведено с сайта www.tutorial9.net, автор перевода указан в начале урока.