Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:



Рисование смартфона HTC One


Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) размером 3000х3000 пикселей с разрешением 100 пиксель/дюйм.

Рисование смартфона HTC One


Шаг 2


Выберите инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool), в настройках установите Радиус

(Radius) на 120 пикселей и создайте фигуру размером 26х53 см белого цвета. Преобразуйте контур в выделение (Ctrl + Enter)

и залейте его белым цветом на новом слое. Назовите его «Body».

Рисование смартфона HTC One


Шаг 3


К слою с прямоугольником примените стиль Наложение узора (Layer Style – Pattern Overlay): Непрозрачность (Opacity) – 50%,

Масштаб (Scale) – 100%, Узор (Pattern): Серый гранит (Grey Granite).

Рисование смартфона HTC One


Шаг 4


Создайте ещё один прямоугольник с закруглёнными углами размером 23х41 см с радиусом 20 пикселей. Залейте фигуру тёмно-

серым цветом и назовите слой «Screen».

Рисование смартфона HTC One


Шаг 5


Создайте копию слоя «Body» (Ctrl + J) и назовите её «Bezel». Выделите этот слой (Ctrl + Click) и инструментом

Прямоугольная область (Rectangular Marquee Tool) отсеките верхнюю и нижнюю закруглённые части. Затем выделите слой

«Screen», перейдите на слой «Bezel» и нажмите Delete, чтобы вырезать с него внутреннюю часть. Снова выделите слой «Bezel»

и залейте его более тёмным оттенком, чем слой «Screen».

Рисование смартфона HTC One


Шаг 6


К слою «Bezel» примените стиль Тиснение (Layer Style – Bevel & Emboss): Стиль – Внутренний скос, Метод – Плавное, Режим

подсветки – Осветление, Режим тени – Умножение.

Рисование смартфона HTC One


Шаг 7


Создайте два маленьких круга диаметром 0,58 см.

Рисование смартфона HTC One


Шаг 8


Создайте четыре ряда маленьких кругов размером 0,18 см по 50 штук на месте динамика смартфона. Цвет - #4b4b4b. Все

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

Рисование смартфона HTC One


Шаг 9


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

Рисование смартфона HTC One


Шаг 10


Создайте новый слой и инструментом Перо (Pen Tool) нарисуйте чёрную фигуру на экране смартфона, показанную ниже.

Уменьшите непрозрачность слоя до 50%.

Рисование смартфона HTC One


Шаг 11


Инструментом Перо (Pen Tool) нарисуйте белую иконку домика и уменьшите её непрозрачность до 50%.

Рисование смартфона HTC One


Шаг 12


Нарисуйте иконку возврата.

Рисование смартфона HTC One


Шаг 13


Нарисуйте камеру (круг) и примените стиль Наложение градиента (Layer Style – Gradient Overlay).

Рисование смартфона HTC One


Шаг 14


Создайте ещё два круга внутри.

Рисование смартфона HTC One


Шаг 15


Нарисуйте чёрный полукруг поверх камеры и уменьшите непрозрачность до 50%.

Рисование смартфона HTC One


Шаг 16


Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте панель приложений и примените следующие стили:

Отбрасывание тени: Режим – Умножение.
Глянец: Режим – Умножение.

Рисование смартфона HTC One


Шаг 17


Создайте панель уведомлений в верхней части экрана. Скопируйте на неё стили нижней панели приложений.

Рисование смартфона HTC One


Шаг 18


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

Рисование смартфона HTC One


Шаг 19


Выберите инструмент Произвольная фигура (Custom Shape Tool) и выберите форму телефонной трубки.

Рисование смартфона HTC One


Шаг 20


Создайте иконку и заполните внутреннюю часть любым цветом.

Рисование смартфона HTC One


Шаг 21


Удалите внешнюю часть иконки, а на концах трубки создайте зелёные фигуры.

Рисование смартфона HTC One


Шаг 22


Создайте иконку сообщений и на ней нарисуйте зелёные полоски.

Рисование смартфона HTC One


Шаг 23


Создайте 9 маленьких квадратов.

Рисование смартфона HTC One


Шаг 24


Создайте круг голубого цвета и примените к нему стиль Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки

– Осветление, Режим тени – Умножение.

Рисование смартфона HTC One


Шаг 25


Вставьте изображение континента поверх круга и создайте обтравочную маску.

Шаг 26


Сейчас нарисуем иконку камеры. Создайте два прямоугольника. К основному примените стиль Наложение градиента:

Рисование смартфона HTC One


Шаг 27


Далее, примените стиль Внутренняя тень: Режим – Умножение.

Рисование смартфона HTC One


Шаг 28


Создайте кольцо и примените стиль Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Осветление, Режим

тени – Умножение.

Рисование смартфона HTC One


Шаг 29


Перенесите слои камеры смартфона на эту иконку.

Шаг 30


Все иконки расположите на нижней панели.

Рисование смартфона HTC One


Шаг 31


Создайте иконку уровня сигнала.

Рисование смартфона HTC One


Шаг 32


Инструментом Перо (Pen Tool) нарисуйте иконку батареи. Сначала нарисуйте зелёную фигуру, затем создайте копию, увеличьте

её и измените цвет на серый. К обоим фигурам добавьте 3-пиксельную обводку.

Рисование смартфона HTC One


Шаг 33


Расположите иконку батареи и сигнала на верхнюю панель уведомлений.

Рисование смартфона HTC One


Шаг 34


К слою с базовой формой смартфона примените следующие стили:

Обводка: Размер (Size) - 8 пикселей, Непрозрачность. (Opacity) – 50%
Внутренняя тень: Смещение (Distance) – 0, Стягивание (Choke) – 0, Размер (Size) – 43, Непрозрачность (OPacity) – 10%.
Отбрасывание тени: Размер (Size) – 54 пикселя, Смещение и Стягивание – 0.

Рисование смартфона HTC One


Шаг 35


Залейте фон градиентом на отдельном слое. Все слои смартфона объедините в группу, создайте копию группы и объедините её в

один слой (Ctrl + E). Переверните полученный слой, уменьшите непрозрачность и опустите ниже, чтобы создать отражение. При

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

Рисование смартфона HTC One


Конечный результат:



Рисование смартфона HTC One



Ссылка на источник урока

написал : Евгений

Совершенно не понял 5 шаг, уже долго мучаюсь, объясните пожалуйста подробнее. При нажатии клавиши Delete удаляется слой, с картинкой ничего не происходит.

---------------


написал : positive11

Евгений, а у Вас растрированы слои? если нет, то растрируйте их через правый клик мыши - пункт Растрировать слой (Rasterize Layer).
в уроке пишет, что нужно работать векторными инструментами, но все полученные фигуры нужно растрировать, чтобы такого не происходило.

---------------


написал : шамиль

никак не могу найти узор серый гранит recourse

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: