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

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

Источник.

5 thoughts on “Создаем дизайн телефона на Android в Photoshop.”

  1. Здравствуйте!!!
    Я согласен sega1313 очень интересный сайт и нужный для дизайнеров на ос android
    А какой это стиль сможете прислать на почту заранее спасибо

  2. Здравствуйте!!!Уважаемый админ а вы сможите сделать видео урок как вы рисовали дизайн на ос android. Очень хороший,привлекательный сайт пришлите пожалуйста на почту заранее спасибо
    С Ув.Дима

  3. [quote name=»Дима»]Здравствуйте!!!Уважаемый админ а вы сможите сделать видео урок как вы рисовали дизайн на ос android. Очень хороший,привлекательный сайт пришлите пожалуйста на почту заранее спасибо
    С Ув.Дима[/quote]
    Этот урок переведен из другого источника, стараюсь все наиболее доступно описывать, чтобы у пользователей не возникало вопросов. Если у вас на каком-то этапе возникли трудности пишите помогу.

  4. [quote name=»sega1313″]Интересный сайтик, но вам стоит больше добавлять статей![/quote]
    Стараемся добавлять как можно больше интересного и необходимого материала. Но случаются небольшие перерывы в работе. Спасибо за внимание к сайту!

Leave a Comment

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Scroll to Top