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