Создаем дизайн телефона на Android в Photoshop.

Tags: Графика для сайта | Дизайн/Рисование | уроки фотошопа бесплатно

Design-Android

 

 

 

В этом уроке вы узнаете как можно создать стильный телефон на Андроиде при помощи инструментов Photoshop.

 

Создаем новый документ размером 550*600. При помощи инструмента Прямоугольник со скругленными углами создадим форму телефона и добавьте к нему следующие стили:

36-1

Далее удерживая клавишу Ctrl нажмите на эскизе слоя , чтобы получить выделение слоя , создайте новый слой. Пройдите по меню выделение-Модификация-уменьшить и уменьшите выделение на 5-7 пикселей. Залейте область выделения черным цветом, далее примените градиент, как показано на картинке:

36-2

Теперь с помощью инструмента прямоугольник создайте область основного экрана на телефоне.  Примените к новой форме следующие стили:

36-3

Далее инструментом Прямоугольник создайте в верхней части вашего экрана форму, добавьте к ней наложение градиента цветами, как указано на картинке. Далее инструментом Прямоугольник со скругленными углами (задайте побольше радиус фигуре) создайте форму, как показано на рисунке ниже. Далее возьмите инструмент Эллипс  и создайте изображение подобное как на картинке:

36-4

Далее удерживая кнопку Ctrl выберите две формы , щелкните правой кнопкой мыши и выберите из меню Преобразовать в смарт объект. Далее перейдите в меню стилей слоя и добавьте данной фигуре наложение градиента. Цвета указаны на картинке ниже.

36-5

Далее инструментом Текст выбрав шрифт семейства Arial нанесите надпись на основной области экрана. По желанию можно добавить тени к тексту.

36-6

Следующим шагом нарисуем погоду, которая будет отображаться на экране телефона. Для этого используя белую кисть создайте облака, как показано на рисунке ниже. Далее кистью желтого цвета создадим круг солнца.

36-7

Далее добавим изображение Android на область экрана. Нижнюю часть области экрана заполните иконками на ваш выбор.

36-8

Теперь добавим на изображение телефона так называемый динамик. Для этого в верхней части изображения инструментом Эллипс создайте круглую форму и добавьте к ним стили как показано на картинке ниже:

36-9

Далее добавим изображение микрофона. Для этого инструментом Эллипс создайте небольшой круг в нижней части экрана. Чтобы формы получились одинаковые создайте одну форму нужного вам размера, затем продублируйте нужное количество раз. Выделите все слои с круглыми формами нижней части изображения для этого зажмите клавишу Ctrl и нажмите по эскизам слоев далее пройдите по меню Преобразовать в смарт-объект. Добавьте необходимые стили слоя:

36-10

36-11

Можно поэкспериментировать с цветами и получить много красивых и ярких макетов телефона, как это получилось у меня:

Design-Android

Источник.

AddThis Social Bookmark Button