Кружка с холодным пивом.

Материалы для урока:

1. Готовые формы (shapes) для создания кружки
2. Паттерн

1. Создайте новый документ размером примерно 1200*1200px, разрешение – 72px/inch.
2. Примените градиент с указанными ниже настройками к слою “background”

3. Загрузите формы (Shapes) с элементами кружки, ссылка на которые дана в начале урока и установите их в Фотошопе (кликните дважды по файлу с шейпами). Выберите инструмент Custom Shape Tool и среди стандартных шейпов найдите только что загруженные шейпы с элементами кружки. Далее приводятся размеры шейпов (чтобы ввести нужный размер шейпа, на верхней панели откройте настройки шейпов и введите туда следующие значения):

#1 – 350 * 624 px
#2 – 326 * 472px
#3 – 196 * 455px
#4 – 286 * 116px
#5 – 216 * 16px
#6 – 285 * 111px
#7 – 405 * 272px

4. Каждая фигура должна находится на отдельном слое. Все корректировки и стили слоя, указанные далее в уроке рассчитаны на вышеуказанные размеры шейпов.

5. Отключите отображение всех слоев с формами за исключением формы №1 (чтобы отключить отображение, нажмите на иконку глаза слева от иконки слоя на палитре слоев)
Примените к этому слою нижеуказанные настройки. Поскольку градиент достаточно сложный, можете скачать его отсюда

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

7. Примените к этому слою стиль слоя (Layer style) Gradient Overlay со следующими настройками:

8. Продублируйте этот слой (отмечу, что мы дублируем этот слой первый раз), нажав Ctrl+J. Примерите к копии слоя следующие настройки:

9. Дублируем исходный слой с пивом второй раз. Установите Fill = 0% для второй копии и примените к этому слою следующие настройки:

10. Продублируйте слой с пивом в третий раз. Перейдите на третью копию слоя, нажмите Ctrl+T, чтобы активировать инструмент трансформации и немного растяните слой, как показано на рисунке:

11. Продублируйте слой с пивом пивом в четвертый раз. Выделите область, показанную на рисунке, затем нажмите Ctrl+I и кнопку Delete – удалим часть слоя, которая нам неинтересна.

12. Для четвертой копии слоя уменьшите Fill до 0% и установите следующие настройки стиля слоя:

13. Продублируйте четвертую копию слоя (т.е. тот слой, с которым вы работали в п.11) и примените к продублированному слою следующие настройки:

14. Сделайте видимым слой с верхней частью кружки (слой, полученный в п.6) и примените к нему следующий стиль слоя:

15. Продублируйте слой из п.14 и при помощи трансформации (Ctrl+T) сделайте его немного больше оригинального слоя.
16. Находясь на копии слоя из п.15, выберите Image > Adjustments > Brightness/Contrast и установите значение Brightness = +40.

17. Измените режим наложения (blending mode) этого слоя на Dissolve, а Opacity (Прозрачность) уменьшите до 30%:

18. Создайте новый пустой слой и слейте его со слоем из п.17, выделив оба слоя на панели слоев и нажав Ctrl+E. Уменьшите Opacity полученного слоя до 70%, а режим наложения(Blending mode) измените на Normal.

Примените к этому слою следующие настройки:

19. Продублируйте слой из п.18, поместите его под оригинальным слоем и примените к нему фильтр Gaussian Blur, радиус = 0,3 рх

20. Создайте новый пустой слой.
21. Перейдите на только что созданный слой, загрузите выделение слоя «с пивом внутри кружки» и мягкой кистью показанного на рисунке диаметра и цвета, нарисуйте вот такое пятно:

22. Измените режим наложения этого слоя «с пятном» на Dissolve и уменьшите Прозрачность (Opacity) до 40%

23. Создайте новый пустой слой и слейте его со слоем из п.22, выделив оба слоя на панели слоев и нажав Ctrl+E. Уменьшите Opacity полученного слоя до 50%

24. Продублируйте слой из п.23, поместите копию слоя под оригинальным слоем и примените к копии фильтр Gaussian Blur (автор настройки не указывает)
У вас должно получиться следующее:

25. Сделайте видимым слой, находящийся у основания кружки:

26. Примените к этому слою следующие настройки:

27. Сделайте видимым вот этот слой:

Примените к этому слою следующие настройки стиля слоя:

28. Нарисуйте прямоугольник (ширина 88px) на новом слое. Установите Fill слоя с прямоугольником = 0%. Загрузите выделение с основой кружки (форма #1), инвертируйте выделение, нажав Ctrl+I, и, находясь на слое с прямоугольником, нажмите Delete. Примените к слою с полученным прямоугольником эффект слоя Gradient Overlay:

Обратите внимание на маркеры Прозрачности (Opacity) на градиенте:

29. Создайте аналогичную полоску в левой части кружки (принцип такой же, как в п.28). Установите Fill = 0% и примените к слою следующие настройки:

30. Загрузите выделение кружки (шейп №1), удерживая Ctrl и кликнув по иконке слоя на панели слоев

31. Создайте новый слой. Выберите Edit > Stroke.

Установите следующие настройки:

32. Сотрите нижнюю часть обводки при помощи Ластика (Eraser tool), оставьте только часть, показанную на рисунке

33. Примените к этому слою с обводкой следующие настройки:

34. Сделайте видимым слой в виде эллипса в нижней части кружки:

Примените к этому слою следующие настройки:

35. Сделайте видимым слой с ручкой

Примените к нему следующие настройки:

36. На новых слоях нарисуйте большие и маленькие эллипсы, как показано на рисунке ниже. После того, как закончите, слейте все слои с эллипсами в один. Затем загрузите выделение слоя с ручкой, инвертируйте его, нажав Ctrl+I, перейдите на слой с эллипсами и нажмите Delete, чтобы удалить части эллипсов, которые выходят за грани ручки.

37. Установите Fill слоя с эллипсами = 0% и примените к этому слою следующие настройки:

38. Продублируйте слой с ручкой в первый раз и поместите копию слоя над слоем с эллипсами:

Примените к копии слоя следующие настройки:

39. Продублируйте слой с ручкой во второй раз и примените к копии следующие настройки:

40. Чтобы создать тень от ручки, продублируйте слой с ручкой в третий раз и поместите эту копию под всеми слоями с ручкой. Передвиньте слой «с тенью от ручки» немного влево (на 2-3 px) и загрузите выделение слоя с кружной (шейп #1). Инвертируйте выделение, перейдите на слой с тенью от ручки и нажмите Delete, чтобы удалить ненужную область. У вас получится следующее:

Для полученного слоя с тенью от ручки примените следующие настройки:

41. Объедините в группу все слои с ручкой и продублируйте полученную группу. Слейте в 1 слой продублированную группу.
42. Перейдите на слой, полученный в п.41 и при помощи трансформации (Ctrl+T) отразите слой по горизонтали Edit > Transform > Horizontal Flip. Поместите этот слой под всеми слоями с ручкой.

Выделите левую часть этого слоя, как показано на рисунке ниже. Выберите Edit > Free Transform. Сделайте Уже эту часть отражения по горизонтали. Выберите Edit > Transform > Perspective и потяните за среднюю точку в направлении ручки кружки (средняя стрелка на рисунке). Измените режим наложения этого слоя на Overlay.

У вас должно получиться следующее:

43. Сделайте видимым слой с пеной.

Примените к этому слою следующие эффекты:

44. Продублируйте слой с пеной в первый раз. Примените к копии слоя следующие настройки:

45. Продублируйте слой с пеной во второй раз.

Примените к копии слоя следующие настройки:

46. Продублируйте слой с пеной в третий раз. Эту копию мы будем использовать для создания тени от пены. Передвиньте этот слой при помощи инструмента Move tool на 2 рх влево и на 1 рх вниз. Примените к этому слою фильтр Gaussian blur, радиус = примерно 0,6 рх. Загрузите выделение оригинального слоя с пеной и сотрите Ластиком (Eraser tool) тень в области, отмеченной красным:

47. Примените следующие настройки к слою с тенью от пены:

48. Создайте новый пустой слой, выберите круглую жесткую кисть (радиус примерно 18-20px). Установите указанные ниже настройки кисти и нарисуйте пузырьки на пене. Цвет кисти должен быть близок к теням на пене, определите его при помощи Пипетки (Eyedropper tool).

49. Создайте еще один новый слой, и, немного изменив параметры кисти, нарисуйте на нем еще пузырьков с эффектом Bevel and Emboss. Fill этого слоя = 20%

50. Настройки Bevel and Emboss, Inner shadow для этого слоя:

51. Создайте еще один слой и нарисуйте на нем еще пузырьков. Но на этот раз без эффектов слоя и пузырьки должны быть полупрозрачными (например, можете применить к слою режим наложения Soft Light).

52. Вы можете добавить еще один слой с пузырьками в режиме наложения Overlay

53. Сгруппируйте все слои, относящиеся к самой кружке, кроме ее ручки, т.е. те слои, который находятся в зеленой области. Продублируйте эту группу и слейте все слои в продублированной группе. Перейдя на полученный слой, выберите Image > Adjustment > Brightness/Contrast и установите следующие настройки:

Примените к этому слою фильтр Gaussian Blur, радиус = 3 рх.
Примените фильтр Filter > Noise > Add Noise.

Получим следующее:

Примените фильтр Filter > Distort > Glass.

54. Чтобы создать эффект мокрого стекла, скачайте паттерн, ссылка на который дается в начале урока, и поместите слой с паттерном между слоями с ручкой и самой стеклянной кружкой.

Откройте вкладку «Каналы» (Channels), сделайте активным только, к примеру, красный канал и кликните на иконку, показанную на рисунке, чтобы загрузить выделение:

55. Вернитесь на панель слоев, не сбрасывая выделения, перейдите на результирующий слой из п.53 и добавьте ему маску слоя, кликнув по иконке внизу панели слоев:

Загрузите выделение оригинального слоя с кружкой (#1), инвертируйте выделение, и,находясь на слое из п.53, нажмите Delete. У вас должно получиться следующее:

56. Создайте новый слой и нарисуйте на нем белые пятнышки жесткой кистью:

Используйте те же настройки кисти, только без размытых краев и кисть должна быть белого цвета: