Beauty – ретушь для начинающих при помощи Photoshop.

Beauty – ретушь для начинающих при помощи Photoshop.

Эффект голограммы на фотографии.

Эффект голограммы на фотографии.

Создание портрета при помощи шрифтов.

Создание портрета при помощи шрифтов.

Создаем красивую оригинальную шапку для блога.

Создаем красивую оригинальную шапку для блога.

Необычный эффект глаз при помощи Photoshop.

Необычный эффект глаз при помощи Photoshop.

Создаем макет сайта о звездах и знаменитостях.

Создаем макет сайта о звездах и знаменитостях.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию футуристического логотипа в фотошоп.

Урок по созданию футуристического логотипа в фотошоп.

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

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

Создание макета сайта в стиле минимализма.

Создание макета сайта в стиле минимализма.

Как создать пиксельную кнопку в фотошопе

Как создать пиксельную кнопку в фотошопе

Создаем макет сайта для службы знакомств.

Создаем макет сайта для службы знакомств.

Создание RSS иконки.

Создание RSS иконки.

Урок по созданию простого  и современного  макета для сайта.

Урок по созданию простого и современного макета для сайта.

Графика для сайта.  Рисуем иконку на сайт.

Графика для сайта. Рисуем иконку на сайт.

Урок по созданию зимнего текста.

Урок по созданию зимнего текста.

Урок по созданию красивого новогоднего макета в фотошоп.

Урок по созданию красивого новогоднего макета в фотошоп.

Псевдо HDR.

Псевдо HDR.

Как создать основу для рекламы профессиональной косметики для волос.

Как создать основу для рекламы профессиональной косметики для волос.

Создание эффекта рисунка на фотографии.

Создание эффекта рисунка на фотографии.

Создаем макет сайта, продающий програмное обеспечение.

Создаем макет сайта, продающий програмное обеспечение.

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта для гостиниц и ресторанов.

Урок по созданию макета сайта для гостиниц и ресторанов.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию яркого красочного дизайна сайта.

Урок по созданию яркого красочного дизайна сайта.

Создание простого и стильного макета сайта.

Создание простого и стильного макета сайта.

Создаем макет блога в фотошоп.

Создаем макет блога в фотошоп.

Создаем оригинальный чистый стиль для сайта.

Создаем оригинальный чистый стиль для сайта.

Создаем профессиональную панель навигации для сайта.

Создаем профессиональную панель навигации для сайта.

Рисуем милую девчушку-смайл.

Рисуем милую девчушку-смайл.

Урок по рисованию прохлаждающегося солнца.

Урок по рисованию прохлаждающегося солнца.

Фантастический эффект фотографии.

Фантастический эффект фотографии.

Создание приятного макета сайта портфолио.

Создание приятного макета сайта портфолио.

Создание макета сайта для портфолио в стиле Веб 2.0

Создание макета сайта для портфолио в стиле Веб 2.0

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок рисования реалистичного динамика.

Урок рисования реалистичного динамика.

Создаем стильный коллаж.

Создаем стильный коллаж.

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок создание эффекта металлического текста

Урок создание эффекта металлического текста

Небесный коллаж

Небесный коллаж

Создаем дизайн телефона на 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
 

Добавить комментарий


Защитный код
Обновить

поиск
RSS
ТЗ к сайту

Сейчас я хочу представить вашему вниманию типовое Техническое задание на разработку сайта. Многие охотно пользуются таким заданием, исправив под себя...

кол-во просмотров7475
Подробнее...

Как ускорить индексацию сайта.

  В этой статье я хочу рассказать о том, как можно при помощи нехитрых способов заставить поисковики обратить внимание на ваш...

кол-во просмотров9224
Подробнее...

5 правил веб-дизайна

Для достижения наибольшего удобства работы с веб-сайтом необходимо придерживаться Пяти базовых правил веб-дизайна. Как и в других различных видах деятельности...

кол-во просмотров25163
Подробнее...

Редизайн. Новая жизнь старого сайта.

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

кол-во просмотров10104
Подробнее...

Правила написания постов в гостевых.

  Перед тем как сесть и написать превосходный гостевой пост, постарайтесь выучить тот сайт, на котором вы желаетенаписать свою статью. Постарайтесь...

кол-во просмотров36684
Подробнее...