ДомойДизайнВеб-дизайнЧашка с чаем. Создаем иконку для сайта

Чашка с чаем. Создаем иконку для сайта

Для сайта приуроченного кулинарии иногда незаменимы иконки чашек, ложек, тарелочек. Рассмотрим, как создать иконку чашки, наполненную чаем.

Создать файл размером 600*600, потом уменьшим картинку.

Заливаем слой цветом #97b07a. Создаем новый слой и кистью мягкого типа серого цвета прорисовываем имитацию тени. Снижаем непрозрачность слоя до 25%.

иконка чашки-01

На панели инструментов устанавливаем в верхнем квадрате белый цвет, в нижнем черный. При помощи инструмента «Фигура» тип «Эллипс» прорисовываем окружность.

иконка чашки-02

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

«Фигура»

«Слой-фигура»

«Создать новый слой-фигуру».

иконка чашки-03

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

«Фигура»

«Эллипс»

«Вычесть из области фигуры».

иконка чашки-04

Получаем вот такой промежуточный результат в построении чашки.

иконка чашки-05

Теперь необходимо слоям чашки: верх и основа придать тени и прочее.

Становимся на слой «Основа чашки» и во вкладке «Слои» выполняем действия: «Стиль слоя» – «Параметры наложения». В окошке устанавливаем галочку возле параметра «Внутренняя тень». Изменяем цвет #e0e6da. Настраиваем значения.

иконка чашки-06

Устанавливаем галочку возле параметра «Внутреннее свечение». Устанавливаем светлый цвет свечения #fafcf8. Настраиваем значения.

иконка чашки-07

Устанавливаем галочку возле параметра «Тиснение», чтобы придать эффект объема. В режиме теней выставляем темно-зеленый цвет #173e02. Настраиваем значения.

иконка чашки-08 иконка чашки-09

Становимся на слой «верх чашки» и снова обращаемся к «Параметрам наложения».

Устанавливаем «Внутренняя тень». Выставляем цвет тени #cfd4c8.

иконка чашки-10

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

иконка чашки-11

«Масштабированием» уменьшаем размер слоя.

иконка чашки-12

Обращаемся к «Параметрам наложения». Устанавливаем «Внутренняя тень», выставляем цвет #f6f8f3 и другие значения.

иконка чашки-13

Создаем «Обводку» белого цвета.

иконка чашки-14

Чтобы создать тени из-за объема, то нужно наложить градиент и настроить цвета.

иконка чашки-15

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

иконка чашки-16

Для слоя с ручкой обращаемся к «Параметрам наложения» и создаем эффект объема.

Устанавливаем «Тиснение» и меняем цвет тени #e4e9dd.

иконка чашки-17

Создаем очередную копию слоя «верх чашки копия».

иконка чашки-18

В «Параметрах наложения» накладываем цвет. Создаем обводку.

иконка чашки-19

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

иконка чашки-20

Растрируем этот слой.

иконка чашки-21

Добавляем слой-маску и в слое-маске кистью черного цвета скрываем часть слоя.

иконка чашки-22

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

иконка чашки-23

Заходим во вкладку «Фильтр» и выполняем действия: «Размытие» – «Размытие по Гауссу».

Задаем размытие.

иконка чашки-24

Добавляем слой-маску и в слое-маске кистью черного цвета скрываем лишние участки пара, чтобы он не был сплошным.

иконка чашки-25

Уменьшаем размер файла, заходим во вкладку «Изображение» и выбрав «Размер изображение» в открывшемся окошке задаем нужные параметры.

иконка чашки

Источникfotokomok.ru

ОСТАВЬТЕ КОММЕНТАРИЙ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

ПОХОЖИЕ СТАТЬИ