Сайт о графическом дизайне в Photoshop
Информация, статьи, теория, уроки

Графический дизайн всегда начинается с Adobe Photoshop
Сайт в разработке. Приходите чуть попозже :)
Сайт в разработке. Приходите чуть попозже :)
Сайт в разработке. Приходите чуть попозже :)
Сайт в разработке. Приходите чуть попозже :)
Дизайн в PSD

Мы живем в век высоких технологий и постоянного развития ПО. В дизайне революцию стремительно сделал Photoshop. Сейчас без этого инструмента вообще никуда  это уже всемирно, давно и всеми признанный стандарт.
(А.Б.Чубайс, чиновник) 

Свежие статьи

Еще 20 лет назад индустрия графического дизайна была уделом художников. Сейчас Photoshop дает возможность творить людям с хорошим художественным вкусом. Если они профессионалы.
(Н.А.Копейкин, художник) 

Дополнительно

Photoshop дает нам массу возможностей — начиная с редактирования домашних фотографий и до разработки сайтов и полиграфии. Нужно просто понимать, на что ты УЖЕ способен, владея этим инструментом!
(М.С.Щипунов, ИТ-директор) 

Как создать забавный смайлик в Adobe Photoshop

В этой статье о графическом дизайне в Photoshop мы рассмотрим достаточно несложный урок, который покажет, как средствами лучшего графического редактора нарисовать симпатичный смайлик, изображающий эмоцию. Скажем, эмоцию «Шок!», «Офигеть!», или что то в этом роде. Никаких сторонних исходных материалов нам для этого вовсе не потребуется. Будем работать исключительно средствами фотошопа.

Начнём с создания нового документа, нажав в верхнем меню редактора «Файл» — «Новый...» и создадим документ размерами, например, 500x500 px. Фон подложки выберем белый.

В панели инструментов выберем инструмент «Овальная область». Далее, удерживая клавишу Shift, отрисовываем окружность.
После этого нам необходимо создать новый слой в палитре слоёв. Устанавливаем основной цвет в палитре цветов #FF9000, а фоновый цвет — #FFE700. Затем обратимся к инструменту «Градиент» — «Радиальный градиент» и протянем им по стрелке, изображённой на скриншоте ниже. Постарайтесь светлую область расположить в левой, верхней части.

Не снимая выделения, переходим в меню «Выделение» — «Модификация» — «Сжатие». Устанавливаем значение в 10рх. Наше выделение перемещается на 10рх внутрь круга.
Теперь же поменяем основной цвет в палитре цветов на белый. Далее мы выберем инструмент «Градиент» с функцией «Линейный градиент», от белого к прозрачному, а затем протянем его по стрелочке, как указано на изображении ниже. Теперь давайте назовём этот слой условно «Лицо».

Нажав комбинацию клавиш Ctrl+D, снимаем выделение.
Теперь переходим к рисованию глаза. Выбираем инструмент «Овальная область».
Создаём новый слой, нажав на значок внизу палитры слоёв, и отрисовываем овал на лице нашего смайлика. Теперь в палитре инструментов основным цветом выбираем белый, фоновым цветом определим светло-серый — #D1D1D1. Далее давайте с вами обратимся к инструменту «Градиент» — «Линейный градиент» — «От белого к серому». Выбрав всё это, нужно протянуть с верхней части глаза к нижней. После этого выделение не снимаем.

Теперь перейдем в «Выделение» — «Модификация» — «Сжатие», где установим значение 5рх.

Не снимая выделение, обращаемся к инструменту «Овальная область». В свойствах нажимаем на значок «Вычитание из выделенной области» и рисуем окружность, как изображено ниже. Часть овального выделения ушла, что нам с вами и было нужно. По оставшемуся выделению протягиваем линейным градиентом с установленным цветом от белого к прозрачному. После этого снимаем выделение.

При помощи инструмента «Овальное выделение», рисуем окружность для зрачка глаза.
Чёрно-белым линейным градиентом нужно провести сверху вниз зрачка. Слой, который у нас получился, назовём «Глаз».

Зажав Ctrl на клавиатуре, нужно нажать по иконке слоя «Глаз», выделив его.
Далее нужно перейти в меню редактора, зайдя в «Выделение» — «Модификация» — «Сжатие», где давайте установим значение в 5рх. После этого нажимаем Ctrl+J, дублируя сжатую область на новом слое. Назовём этот новый слой «Сжатие». Теперь же необходимо спуститься на слой «Глаз» и продублировать его. Получившийся слой назовем «Глаз копия».
Не уходя со слоя «Глаз копия», нам нужно, удерживая Ctrl, кликнуть по иконке слоя «Сжатие» и после этого нажать клавишу Delete, удалив внутреннюю часть. Затем, не снимая выделения, нам нужно, снова удерживая клавишу Ctrl, кликнуть по иконке слоя «Глаз копия». В результате получится двойное выделение в виде овального кольца.

Устанавливаем основной цвет #FFB221, а фоновый — #FFCD22. Теперь выберем линейный градиент и протянем им сверху вниз выделенной области.

Теперь давайте удалим наш слой «Сжатие».
При помощи клавиши Shift выделим слои «Глаз» и «Глаз копия». Сочетанием клавиш Ctrl+E клавиатуры объединим эти слои и назовём объединённый слой «Глаз».

Далее давайте продублируем слой «Глаз» и получим новый слой «Глаз копия».
При помощи инструмента «Перемещение» перетаскиваем копию глаза в сторону и получаем двуглазое нечто, изображенное на скриншоте ниже.

Надо нашей рожице нужно приделать рот. Для этого мы создадим новый слой и назовем его «Рот». При помощи инструмента выделения «Овальная область» нарисуем такую фигурку, как показано на изображении ниже.

Основной цвет чёрный, а фоновый — #880202. Линейным градиентом тянем так, как показано на скриншоте.

Нажимаем Ctrl+T и при помощи инструмента «Свободное трансформирование» поворачиваем рот рожицы наискосок. После этого двойным кликом по рамке снимаем трансформирование.

Не снимая выделения с овала, обратимся у инструменту «Прямоугольная область», избрав функцию «Пересечение с выделенной областью». После этого создаем новый слой и рисуем прямоугольник, как показано на изображении.

Основной цвет делаем белым, затем нажимаем Shift+F5, заливаем белым цветом и получаем нижеследующее.

Теперь двойным кликом по слою с зубом вызываем стили слоя и выбираем стиль «Тиснение» с настройками, которые показаны ниже на скриншоте ниже.

Вот мы и закончили! В результате у нас получилась забавная рожица-смайлик, которая может использоваться для самых разных целей.

Благодарим вас за внимание! Читайте чаще на сайте нашего проекта статьи о графическом дизайне, а мы, в свою очередь, надеемся, что вы найдете в них для себя что-то полезное и интересное и призываем не стесняться присылать нам свои работы с описаниями!
Давайте делать наш сайт вместе!

© 2009 — 2014 

Дорогие графические дизайнеры!
Мы всегда рады приветствовать вас
на сайте о дизайне в Photoshop!

Графический дизайн в Adobe Photoshop и Illustrator

Яндекс цитирования
Веб сайт разработан
дизайн-студией Trio-R Alliance
Обслуживание сайта выполняется
администрацией Photoshop-area