Как сделать iPhone в Photoshop`е


 19.07.2012

Очень легкий и доступный урок с иходником (PSD) по созданию реалистичного рисунка iPhone в Photoshop`е.

Шаг 1.

Создаем новый документ в Photoshop`е (Ctrl+N) размером 1280x1024px. С помощью инструмента «Прямоугольник со скругленными углами» (Rounded Rectangle Tool (U)) создаем прямоугольник (округление углов на 20px).
Открываем свойства слоя (прямоугольника) и задаем Внутреннюю Тень (Inner Shadow), с параметрами, указанными на рисунке

 

Шаг 2.

Дублируем слой с прямоугольником (корпусом телефона) и делаем его чуть меньше. Закрашиваем его черным цветом.

Шаг 3.  

Что бы сделать металлическую оправу телефона более яркой и блестящей, добавим 2 детали наверх и вниз.
Для этого еще раз делаем дубликат корпуса телефона (первого прямоугольника), выделяем его, зажав Ctrl и кликнув по слою в кошке слоем. Слой выделился по его границам.
Перетаскиваем выделение на несколько пикселей вниз и нажимаем клавишу Delete (перетаскивать выделение можно выбрав в инструментах выделение — второй инструмент после «Перемещения » , горячая клавиша «М» )
Дублируем последний слой и отображаем его по вертикали (поворачиваем), что бы сделать нижнюю часть телефона.

Шаг 4.

Создаем центральную кнопку.
Делаем небольшой круг и в его свойствах добавляем «Обводку» 2px, серого цвета.
Что бы добавить нашей кнопке эффект стекла повторяем со слоем кнопки действия описанные в 3м шаге (дублируем слой, но уже слой с кругом, выделяем его и обрезаем).
После создаем маленький прямоугольник с округленными краями на 4-5px и добавляем ему 2х пиксельную обводку серого цвета.

Шаг 5.  

Добавляем боковые кнопки.
Каждая кнопка — это округленный прямоугольник с округлением в 1 px. Делаем 4 кнопки, как на рисунке, в их свойствах высталяем градиентную заливку от темно серого до светло серого цвета.
Размещаем все кнопки под телом телефона (просто перетаскиваем их в окошке со слоями под слой первого большого прямоугольника).

Шаг 6.  

Добавляем экран.
Создаем темносерый прямоугольник и добавляем ему обводку в 2 px серого цвета, чуть светлее самого прямоугольника-экрана.

 

Шаг 7.  

Динамик.
Создаем 2 идентичных закругленных прямоугольника. Нижний красим в белый цвет, верхний в серый и добавляем ему обводку в 1px более томного серого цвета.

Шаг 7.  

Добавляем стеклянный эффект слою с экраном с помощью градиента (gradient tool).
Все готово, теперь у Вас есть собственноручно изготовленный iPhone :)

Скачать исходник iPhone в формате PSD

 

Можете не останавливаться на достигнутом, а попробовать его включить — для этого просто возьмем любую понравившуюся картинку и поставим ее под блик экрана. (Исходник можно найти ниже)

 

Скачать исходник iPhone с экраном в формате PSD

Урок переведен Elly night-panther.com

 

 





Нет комментариев

Нет комментариев.

Оставьте комментарий: