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





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

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


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

Подсказка

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

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

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



Рисование иконки телевизора


Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) с такими параметрами:

Рисование иконки телевизора


Шаг 2


Создайте новый слой и заполните его белым цветом. Затем примените стиль Наложение градиента (Layer Style – Gradient Overlay): Режим – Нормальный, Стиль – Радиальный.

Рисование иконки телевизора


Шаг 3


Выберите инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) и в настройках установите Радиус (Radius) – 35 пикселей. Создайте фигуру любого цвета и назовите слой «BODY». Примените следующие стили:

Наложение градиента: Режим – Нормальный, Стиль – Линейный.

Рисование иконки телевизора


Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный.

Рисование иконки телевизора


Результат:

Рисование иконки телевизора


Шаг 4


Создайте ещё одну фигуру инструментом Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) и назовите слой «BODY_2». Примените следующие стили:

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

Рисование иконки телевизора


Обводка:

Рисование иконки телевизора


Внутренняя тень: Режим – Умножение, Цвет - #282b2c.

Рисование иконки телевизора


Результат:

Рисование иконки телевизора


Шаг 5


Создайте новый слой (Create New Layer) под слоем «BODY» и назовите его «BASE». Создайте закруглённый прямоугольник внизу, как показано на скриншоте.

Рисование иконки телевизора


Скопируйте стили со слоя «BODY» и вставьте их на слой «BASE». Измените толщину обводки в настройках стилей слоя «BASE».

Рисование иконки телевизора

Рисование иконки телевизора


Шаг 6


Создайте новый слой под слоем «BASE» и назовите его «FOOT». Создайте фигуру тем же инструментом и примените следующие стили:

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

Рисование иконки телевизора


Внутренняя тень: Режим – Умножение.

Рисование иконки телевизора

Рисование иконки телевизора


Создайте копию слоя «FOOT» и сдвиньте её в сторону.

Рисование иконки телевизора


Шаг 7


Создайте новый слой «GLOSSY» на самом верху. Инструментом Кисть (Brush Tool) нарисуйте большое белое пятно.

Рисование иконки телевизора


Установите режим наложения Перекрытие (Blending Mode – Overlay) и уменьшите непрозрачность до 50%.

Рисование иконки телевизора


Шаг 8


Создайте новый слой «SCREEN» и создайте скругленную фигуру. Скопируйте на неё стили слоя «BODY_2». Измените толщину обводки.

Рисование иконки телевизора

Рисование иконки телевизора


Шаг 9


Сейчас мы создадим экрана телевизора. Создайте новый слой «SCREEN_2», создайте скругленную фигуру и примените к ней следующие стили:

Наложение градиента: Режим – Нормальный, Стиль – Радиальный.

Рисование иконки телевизора


Внутренняя тень: Режим – Умножение.

Рисование иконки телевизора


Внутреннее свечение: Режим – Осветление, Метод – Мягкий.

Рисование иконки телевизора


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

Рисование иконки телевизора

Рисование иконки телевизора


Шаг 10


Создайте новый слой «SCREEN GLOSSY» и инструментом Перо (Pen Tool) нарисуйте белое световое отражение на экране телевизора.

Рисование иконки телевизора


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

Рисование иконки телевизора


Шаг 11


Создайте новый слой «LIGHT DOT» и мягкой кистью нарисуйте большое белое пятно. При помощи маски сотрите часть пятна, которая выйдет за пределы экрана.

Рисование иконки телевизора


Шаг 12


Инструментом Эллипс (Ellipse Tool) создайте круг и назовите слой «BUTTON».

Рисование иконки телевизора


Скопируйте стили слоя «BODY_2» на слой «BUTTON».

Рисование иконки телевизора


Создайте ещё один круг и расположите его здесь:

Рисование иконки телевизора


Примените следующие стили:

Наложение градиента: Режим – Нормальный, Стиль – Угловой.

Рисование иконки телевизора


Обводка: Положение – Внутри, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный.

Рисование иконки телевизора


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

Рисование иконки телевизора


Результат:

Рисование иконки телевизора


Инструментом Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) создайте полоску, как показано ниже.

Рисование иконки телевизора


Примените те же стили, что и в последний раз, но измените настройки тени.

Рисование иконки телевизора


Результат:

Рисование иконки телевизора


Шаг 13


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

Рисование иконки телевизора

Рисование иконки телевизора


Результат:

Рисование иконки телевизора


Шаг 14


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

Рисование иконки телевизора


Примените следующие стили:

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

Рисование иконки телевизора


Внутренняя тень: Режим – Умножение.

Рисование иконки телевизора


Обводка:

Рисование иконки телевизора


Результат:

Рисование иконки телевизора


Создайте несколько копий и расположите их в ряд.

Рисование иконки телевизора


Шаг 15


Напишите название брэнда и примените следующие стили:

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

Рисование иконки телевизора


Отбрасывание тени:

Рисование иконки телевизора


Результат:

Рисование иконки телевизора


Шаг 16


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

Рисование иконки телевизора

Рисование иконки телевизора


Шаг 17


Создайте новую группу «SHADOW». Инструментом Эллипс (Ellipse Tool) создайте чёрный овал и примените к нему фильтр Размытие по Гауссу (Gaussian Blur Filter).

Рисование иконки телевизора


Инструментом Ластик (Eraser Tool) подотрите края будущей тени. Установите режим наложения Умножение (Blending Mode – Multiply) и уменьшите непрозрачность до 47%.

Рисование иконки телевизора

Рисование иконки телевизора


Создайте копию тени и расположите оба слоя под ножками.

Рисование иконки телевизора


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



Рисование иконки телевизора



PSD файл


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

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

Ваше Имя

Ваш E-mail

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

Введите код: