Фотошоп

Saturday, June 29, 2013

Создаём коммуникатор

1. Создайте новый документ размером 485×533 px и разрешением 120 dpi.
Создаём коммуникатор


2. При помощи инструмента Перо (Pen Tool) создайте фигуру, как на рисунке ниже:
Создаём коммуникатор


3. Тем же инструментом Перо (Pen Tool) нарисуйте фигуру цветом #ACAEB1:
Создаём коммуникатор


4. Используя тот же инструмент, создайте ещё одну фигуру цветом #CECECE.
Создаём коммуникатор


5. Инструмент Перо (Pen Tool) поможет нарисовать следующую фигуру цветом #B8B9BC:
Создаём коммуникатор


6. С помощью того же инструмента создайте другую фигуру. Размер указан ниже:
Создаём коммуникатор


7. Примените для фигуры стиль Наложение градиента (Layer Style - Gradient Overlay):
Создаём коммуникатор


Настройки градиента:
Создаём коммуникатор


8. Предыдущим инструментом Перо (Pen Tool) создайте фигуру белого цвета:
Создаём коммуникатор


9. Снова выберите инструмент Перо (Pen Tool) и создайте фигуру цветом #8E9092, как показано ниже:
Создаём коммуникатор


10. Над ранее созданным элементом создайте ещё одну фигуру цветом #E8E8EA, используя тот же инструмент.
Создаём коммуникатор


11. Нарисуйте ещё одну фигуру цветом #999B9D:
Создаём коммуникатор


12. Создайте следующую фигуру над предыдущей цветом #DDDEDF.
Создаём коммуникатор


13. При помощи инструмента Эллипс (Ellipse Tool) нарисуйте эллипс чёрного цвета, как на рисунке:
Создаём коммуникатор


14. Создайте ещё одну фигуру предыдущим инструментом:
Создаём коммуникатор


15. Примените для фигуры стиль Наложение градиента (Layer Style - Gradient Overlay).
Создаём коммуникатор


Настройки градиента:
Создаём коммуникатор


16. Снова выберите инструмент Перо (Pen Tool) и нарисуйте элемент цветом #D8D8D8:
Создаём коммуникатор


17. При помощи инструмента Эллипс (Ellipse Tool) создайте эллипс цветом #22A9CC над чёрным эллипсом:
Создаём коммуникатор


18. Выберите инструмент Перо (Pen Tool) и нарисуйте фигуру цветом #767879:
Создаём коммуникатор


19. Создайте ещё один элемент тем же инструментом и цветом #CACACA:
Создаём коммуникатор


20. Используя тот же инструмент, нарисуйте элемент белого цвета:
Создаём коммуникатор


21. Ещё одну фигуру цветом #F8F8F8.
Создаём коммуникатор


22. Предыдущий инструмент Перо (Pen Tool) поможет нарисовать следующую фигуру, как показано на рисунке:
Создаём коммуникатор


23. Примените для фигуры стиль Наложение градиента (Layer Style - Gradient Overlay).
Создаём коммуникатор


Настройки градиента:
Создаём коммуникатор


24. При помощи инструмента Перо (Pen Tool) создайте фигуру чёрного цвета. Установите Заливку (Fill) слоя - 30%.
Создаём коммуникатор


25. Скопируйте недавно созданный слой и расположите копию, как на рисунке ниже. Установите Заливку (Fill) слоя - 100%.
Создаём коммуникатор


26. Теперь создайте отражение на ручке инструментом Перо (Pen Tool) и залейте его цветом #979797:
Создаём коммуникатор


27. Ещё одно отражение создайте тем же инструментом:
Создаём коммуникатор


28. Нарисуйте стержень ручки белого цвета:
Создаём коммуникатор


29. Теперь перейдите к созданию кнопок. Выберите инструмент Эллипс (Ellipse Tool) и создайте эллипс такого размера:
Создаём коммуникатор


30. Примените для эллипса стиль Наложение градиента (Layer Style - Gradient Overlay).
Создаём коммуникатор


Настройки градиента:
Создаём коммуникатор


31. При помощи инструмента Эллипс (Ellipse Tool) создайте свечение на кнопке, как показано ниже:
Создаём коммуникатор


32. Примените для свечения стиль Наложение градиента (Layer Style - Gradient Overlay).
Создаём коммуникатор


Настройки градиента:
Создаём коммуникатор


33. Инструментом Эллипс (Ellipse Tool) создайте эллипс чёрного цвета. Сделайте 3 копии чёрного эллипса и расположите всё так, как показано на рисунке ниже:
Создаём коммуникатор


34. В результате мы получили 4 места для четырёх кнопок. Теперь создайте 4 эллипса цветом #22A9CC и расположите всё так, как на рисунке:
Создаём коммуникатор


35. Создайте ещё один эллипс такого размера:
Создаём коммуникатор


36. Примените для эллипса стиль Наложение градиента (Layer Style - Gradient Overlay).
Создаём коммуникатор


Настройки градиента:
Создаём коммуникатор


37. Сделайте 3 копии недавно созданного слоя и расположите их, как в следующем рисунке:
Создаём коммуникатор


38. При помощи инструмента Эллипс (Ellipse Tool) создайте свечение на кнопке:
Создаём коммуникатор


39. Примените для свечения стиль Наложение градиента (Layer Style - Gradient Overlay).
Создаём коммуникатор


Настройки градиента:
Создаём коммуникатор


40. Скопируйте этот слой 3 раза и расположите копии, как показано ниже:
Создаём коммуникатор


41. При помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) нарисуйте фигуру цветом #1C0A7F и расположите её так:
Создаём коммуникатор


42. Скопируйте ранее сделанный слой и в режиме Свободного трансформирования
(Free Transform) переверните копию на 180 градусов. Расположите её, как показано ниже:
Создаём коммуникатор


43. Используя инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool), создайте ещё одну фигуру цветом #1C0A7F.
Создаём коммуникатор


44. Нарисуйте следующую фигуру тем же цветом:
Создаём коммуникатор


45. При помощи инструмента Перо (Pen Tool) нарисуйте треугольник, как на рисунке ниже:
Создаём коммуникатор


46. Примените для треугольника стиль Наложение градиента (Layer Style - Gradient Overlay).
Создаём коммуникатор


Настройки градиента:
Создаём коммуникатор


47. С помощью того же инструмента создайте ещё один треугольник:
Создаём коммуникатор


48. Примените для треугольника стиль Наложение градиента (Layer Style - Gradient Overlay).
Создаём коммуникатор


Настройки градиента:
Создаём коммуникатор


49. Инструмент Перо (Pen Tool) поможет создать ещё один треугольник:
Создаём коммуникатор


50. Примените для треугольника стиль Наложение градиента (Layer Style - Gradient Overlay).
Создаём коммуникатор


Настройки градиента:
Создаём коммуникатор


51. Нарисуйте последний треугольник, используя тот же инструмент:
Создаём коммуникатор


52. Примените для треугольника стиль Наложение градиента (Layer Style - Gradient Overlay).
Создаём коммуникатор


Настройки градиента:
Создаём коммуникатор

Создаём коммуникатор

Ссылка на источник урока

No comments:

Post a Comment