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

Начните работу с создания нового файла размером 1280×1024 пикселей
Примените следующие параметры для слоя. Для этого нажмите правой кнопкой мышки на рабочий слой и выберите ГРАДИЕНТ.

Примените параметры

После применения параметров Градиента, Ваш файл должен выглядить вот так:
Далее мы должны выбрать инструмент Прямоугольник с закруглёнными
краями (радиусом 55 пиксейлей) для того, чтобы нарисовать форму
телефона. Далее используем тот же инструмент, но с радиусом 2 пикселя
для того, чтобы нарисовать боковые кнопки телефона.

После этого Ваша картинка должна выглядеть так:

Применяем к слою параметры. Для этого правой кнопко мыши щёлкаем на
рабочий слой и выбираем НАСТРОЙКИ СМЕШИВАНИЯ. Выбираем Внутренние тени,
и применем следующие параметры:

Затем Пременяем параметры для Внутреннего отблеска:

И применяем параметри для Штрихования:

Для градиента применяем следующие параметры:

Ваш рисунок должен иметь вот такой вид:

Выберите Инструмент Прямоугольник, чтобы сделать зону экрана. Воспользуйтесь красным цветом.

На панеле слоёв, на этом же слое нажмите Alt и кликните мышкой между красным слоем и слоем с корпусом телефона.

Должно получиться так:

Затем нужно выбрать Инструмент прямоугольник с закруглёнными угалами
с радиусом 40 пикселей для того, чтобы создать новый слой на панеле
телефона. Используйте более тёмный цвет, чем цвет основной панели.

В панеле слоёв нажимаем правой кнопкой мыши на рабочий слой и
выбираем Настройки смешивания. Выбираем Штрихование и применяем
следующие параметры:

Должно получиться так:

С помощью Инструмента Прямоугольник создаём новый слой. Цвет выбираем белый. Это будет сам экран телефона.

На этом слое жмём правой кнопой мыши и выбираем Настройки
Смешивания. Там выбираем наложение градиента и применяем следующие
параметры:

Для градиента применяем параметры:

Должно получиться так:

Выбираем Иструмент Прямоугольник для того, чтобы изобразить зону экрана.

Правой кнопкой мыши жмём на новый слой с экраном и выбираем
Настройки смешивания. Там выбираем Наложение градиента, и применяем
следующие параметры:


Затем настройки смешивания- Штрихование

С параметрами градиента:
 
Теперь телефон выглядит так:

Затем по очереди используя инструменты Прямоугольник и Карандаш нарисуйте значки белого цвета на боковых кнопках телефона:

Проведите линию на панеле телефона с помощью инструмента Линия:

Тем же инструментом Линия нарисуйте более светлую линию под тёмной, чуть заходя на неё:

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

К этому сою применяем настройки смешивания.
Внутренний отблеск:

Штриховка:

Должно получиться так:

Теперь нужно сделать кнопку выпуклой. Для этого используем
инструмент Прямоугольник с закруглёнными углами, радиусом 30 пикселей:

Параметры слоя:
Насыщение ставим 0%
В настройках смешивания выбираем наложение градиента:

Параметры градиента:

Теперь кнопка выглядит так:

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

В Настройках Смешивания этого слоя идём в Штрихование и применяем следующие парметры:

Теперь кнопка телефона выглядит так:

Продублируйте последний сделанный слой.
На этом слое с помощью Инструмента Прямоугольник с закруглёнными углами радиусом 10 пикселей, нарисуйте кнопки телефона:

На этом слое Примените параметры:
Настройки смешивания- внутренний отблеск:

Наложение градиента:

Штриховка:

Параметры градиента:

теперь кнопка должна выглядить так:

Скопируйте кнопку на другую сторону от центральной кнопки.

Дублируйте этот слой ещё два раза для того, чтобы создать ещё две кнопки.
Левая нижняя кнопка будет иметь параметры слоя:
Настройки Смешивания- Наложение Градиента:

Параметры Градиента:

Параметры Правой нижней кнопки:
Настройки смешивания- Наложение Градиента:

Параметры Градиента:

Кнопки должны выглядить так:

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

К этому слою примените параметры
Натройки смешивания-Наложение Градиента:

Параметры градиента:

Должно получиться так:

Теперь нужно нарисовать отверстие в динамике. Это можно сделать предыдущим способом, так же как и был нарисован сам динамик:

К этому слою применяем параметры
Настройки смешиванияя- Наложение градиента:

Параметры Градиента:

Должно получиться так:

Скопируйте отверстие на другую сторону динамика:

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

Для этого слоя применям параметры
Настройки смешивания- Внутренний отблеск:

Наложение градиента:

Параметры Градиента:

Должно получиться так:

С помощью Свободной трансформации создаём новый слой, цвет слоя
выбираем белый. Этот слой помещаем над предыдущим слоем, но ниже
остальных слоёв.

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

Параметры этого слоя
Настройки смешивания- наложение градиента:

параметры градиента:

Должно получиться так:

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

Повторите это действие ещё раз:

примените для этого слоя праметры
Настройки Смешивания- Наложение Градиента:

Параметры Градиента:

Теперь телефон должен выглядить так:

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

К новому слою применяем параметры:
Насыщение 0%
Настройки смешивания- Штрихование:

Должно получиться так:

Используйте инструмент Прямоугольник для того, чтобы обозначить
границы верхней кнопки на телефоне. Затем исправьте форму по контуру
панели телефона:

Для этого слоя применяем параметры
Насыщенность 0%
Настройка смешивания- Штрихование:

Должно получиться так:

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

Использйте Инструмент Прямоугольник для того, чтобы нарисовать две
вертикальные линии. Используйте цвет темнее, чем горизонтальные линии:

Теперь с помощью инструмента Прямоугольник с закруглёнными углами
радиусом 15 пикселей, создаём сами кнопки. В каждой ячейке по кнопке:

Применяем к этому слою параметры:
Настройки смешивания- внутренний отблеск:

Наложение градиента:

параметры градиента:

Штрихование:

Должно получиться так:

С помощью Свободной трансформации создайте по кнопке в каждой ячейке:

Продублируйте слой с кнопками. Нажав Alt, с помощью инструмента
прямоугольник с закруглёнными краями радиусом 5 пикселей, вырезаем
часть кнопки как показано на рисунке:
 
Пронумеруйте кнопки, сохраняя настройки как на рисунке:

Должно получиться так:

Теперь на кнопки нужно поместить алфавит:

Должно получиться так:

Вставляем символ #

Вот так:

С помощью инструмента Линия, размерром 1 пиксель можно нарисовать символ *:

Затем рисуем +, используя параметры:

Теперь кнопки должны выглядить так:

Затем с помощью инструмента прямоугольник создаём символ Пробел:

Далее добавляем на кнопки различные символы с помощью инструмента Форма:

Свободная трансформация изменит форму символа звука:

Затем на кнопке с цифрой 1 нужно создать символ голосовой почты. Для этого используем инструмент Линия, проводим линию.

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

Для этого слоя используем параметры:
Насыщенность 0%
Настройки смешивания- Штрихование:

теперь так должна выглядить кнопки:

И так должен выглядить весь телефон:

Теперь нужно скомбинировать слои, которые относятся к панели
телефона. Для этого нажмите Ctrl, чтобы выделить нужный слой и
удерживая нажатой левую кнопку мыши, таким образом создавая новую
группу. Сделайте копию этой новой группы слоё. Нажмите Ctrl, чтобы
выделить группу копии и нажмите Ctrl+E. Используя Своодную
трансформацию, выключите последний обработанный слой и поместите его
ниже, чем слой с панелью телефона.
Встаньте на слой в самом низу панели слоёв. Добавьте маску к слою и
используйте градиент для того, чтобы сделать отражение телефона темнее:

Источник: www.artzmania.ru
|