Фотошоп

Tuesday, July 9, 2013

Дизайн Apple Iphone

1. Создайте новый документ размером 1024×768 px и разрешением 72 dpi и залейте его чёрным цветом.
Дизайн Apple Iphone


2. При помощи инструмента Прямоугольник с закругленными краями
(Rounded Rectangle Tool) создайте нижний слой коммуникатора.
Дизайн Apple Iphone

Дизайн Apple Iphone


3. Установите Заливку (Fill) слоя - 0% и примените для элемента стиль Наложение градиента (Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone


4. Тем же инструментом Прямоугольник с закругленными краями
(Rounded Rectangle Tool) нарисуйте боковую сторону коммуникатора. Сначало создайте внешний слой, затем, удерживая Alt, вырежьте внутреннюю зону тем же инструментом.
Дизайн Apple Iphone

Дизайн Apple Iphone


5. Примените для элемента стиль Тиснение (Layer Style - Bevel and Emboss).
Дизайн Apple Iphone


Наложение градиента:
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone


6. Скопируйте новый слой и в режиме Свободного трансформирования
(Free Transform) немного уменьшите копию:
Дизайн Apple Iphone

Дизайн Apple Iphone


7. Примените для копии стиль Тиснение (Layer Style - Bevel and Emboss).
Дизайн Apple Iphone


8. При помощи инструмента Прямоугольник (Rectangle Tool) нарисуйте экран коммуникатора цветом #447AB0.
Дизайн Apple Iphone


9. При помощи инструмента Эллипс (Ellipse Tool) нарисуйте эллипс, расположенный в зоне экрана:
Дизайн Apple Iphone


10. Удерживая Alt, кликните между слоями:
Дизайн Apple Iphone

Дизайн Apple Iphone



11. Установите Заливку (Fill) слоя - 0% и примените для элемента стиль Наложение градиента (Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone


12. Используя предыдущий инструмент Эллипс (Ellipse Tool), создайте ещё несколько эллипсов.
Дизайн Apple Iphone


13. Удерживая Alt, кликните между слоями:
Дизайн Apple Iphone

Дизайн Apple Iphone


14. Установите Заливку (Fill) слоя - 0% и примените для элемента стиль Наложение градиента (Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone

Дизайн Apple Iphone


15. Удерживая Alt, кликните между слоями:
Дизайн Apple Iphone

Дизайн Apple Iphone


16. Установите Заливку (Fill) слоя - 0% и примените для элемента стиль Наложение градиента (Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone

Дизайн Apple Iphone


17. Удерживая Alt, кликните между слоями:
Дизайн Apple Iphone

Дизайн Apple Iphone


18. Установите Заливку (Fill) слоя - 0% и примените для элемента стиль Наложение градиента (Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone

Дизайн Apple Iphone


19. Удерживая Alt, кликните между слоями:
Дизайн Apple Iphone

Дизайн Apple Iphone


20. Установите Заливку (Fill) слоя - 0% и примените для элемента стиль Наложение градиента (Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone

Дизайн Apple Iphone


21. Удерживая Alt, кликните между слоями:
Дизайн Apple Iphone

Дизайн Apple Iphone


22. Установите Заливку (Fill) слоя - 0% и примените для элемента стиль Наложение градиента (Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone


23. При помощи инструмента Прямоугольник (Rectangle Tool) создайте панель для меню коммуникатора.
Дизайн Apple Iphone

Дизайн Apple Iphone


24. Установите Заливку (Fill) слоя - 0% и Непрозрачность
(Opacity) - 80%. Примените для панели стиль Наложение градиента
(Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone


25. Скопируйте новый слой и расположите его на основании экрана.
Дизайн Apple Iphone


26. Примените для копии стиль Наложение градиента
(Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone


27. При помощи инструмента Прямоугольник с закругленными краями
(Rounded Rectangle Tool) нарисуйте отверстие для динамика.
Дизайн Apple Iphone

Дизайн Apple Iphone


28. Установите Заливку (Fill) слоя - 0% и примените для динамика стиль Наложение градиента (Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone


29. Теперь вставьте элемент времени на панели меню:
Дизайн Apple Iphone

Дизайн Apple Iphone


30. Выберите инструмент Карандаш (Pencil Tool) и нарисуйте несколько указателей белого цвета на панеле меню (для создания замка понадобятся 2 инструмента: Эллипс
(Ellipse Tool) и Карандаш (Pencil Tool)).
Дизайн Apple Iphone

Дизайн Apple Iphone


31. При помощи инструмента Произвольная фигура (Custom Shape Tool) выберите соответствующий символ:
Дизайн Apple Iphone


32. В режиме Свободного трансформирования (Free Transform) переверните элемент, сотрите ненужные элементы и установите белый цвет. Инструмент Карандаш
(Pencil Tool) поможет создать точки между фигурами. Установите Непрозрачность
(Opacity) слоя - 70%.
Дизайн Apple Iphone

Дизайн Apple Iphone


33. При помощи инструмента Эллипс (Ellipse Tool) создайте нижний слой для камеры:
Дизайн Apple Iphone

Дизайн Apple Iphone


34. Примените для слоя стиль Наложение градиента
(Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone


Обводка:
Дизайн Apple Iphone


35. Выберите инструмент Эллипс (Ellipse Tool) и создайте затемнение чёрного цвета на верхней части камеры. Инструменты Перо (Pen Tool) и Преобразовать точку привязки (Convert Point Tool) помогут подкорректировать форму элемента.
Дизайн Apple Iphone

Дизайн Apple Iphone


36. С помощью инструмента Прямоугольник с закругленными краями
(Rounded Rectangle Tool) создайте отверстие для камеры.
Дизайн Apple Iphone

Дизайн Apple Iphone


37. Установите Заливку (Fill) слоя - 0% и примените для отверстия стиль Обводка
(Layer Style - Stroke).
Дизайн Apple Iphone


38. Напишите дату на панеле меню, соблюдая требования ниже:
Дизайн Apple Iphone

Дизайн Apple Iphone


39. Выберите инструмент Прямоугольник с закругленными краями
(Rounded Rectangle Tool) и нарисуйте на нижней части экрана ещё одну панель цветом #495467.
Дизайн Apple Iphone

Дизайн Apple Iphone


40. Установите Заливку (Fill) слоя - 50% и примените для панели стиль Обводка
(Layer Style - Stroke).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone


41. Используя тот же инструмент Прямоугольник с закругленными краями
(Rounded Rectangle Tool), создайте кнопку на нижней панеле.
Дизайн Apple Iphone

Дизайн Apple Iphone


42. Установите Заливку (Fill) слоя - 0% и примените для кнопки стиль Наложение градиента (Layer Style - Gradient Overlay).
Дизайн Apple Iphone


Настройки градиента:
Дизайн Apple Iphone


43. При помощи инструмента Произвольная фигура (Custom Shape Tool) выберите указанный ниже символ.
Дизайн Apple Iphone


Указатель на кнопке сделайте серого цвета.
Дизайн Apple Iphone


44. Примените для символа стиль Внутренняя тень (Layer Style - Inner Shadow).
Дизайн Apple Iphone


45. Вставьте дополнительную информацию, соблюдая требования ниже:
Дизайн Apple Iphone

Дизайн Apple Iphone


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

No comments:

Post a Comment