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

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

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

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

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

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

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

«Фигура»

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

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

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

«Фигура»

«Эллипс»

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

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

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

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

Настраиваем значения.

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

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

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

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

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

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

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

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

Дабы создать тени из-за количества, то необходимо наложить градиент и настроить цвета.

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

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

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

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

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

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

Растрируем данный слой.

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

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

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

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

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

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

Как создать/поменять иконку сайта?


Интересно почитать:

Самые интересный результаты подобранные по Вашим интересам:

  • Карандаш. создаем иконку для сайта

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

  • Создаем обои для рабочего стола в фотошоп

    Разнообразие обоев для рабочего стола часто представлены в виде фонового узора и изображения человека. Такие обои возможно выполнить из собственной…

  • Макет страницы для сайта

    В то время, когда готова основная титульная страница макета, то возможно дать волю фантазии и оформить страницу с рецептами, приукрасив её коллажами. На…

  • Создаем дизайн упаковки в фотошоп

    Реклама значительно чаще выбирает в собственные помощницы полиграфическую продукцию, но без элемента упаковки не обойтись. В программе Photoshop возможно…

  • Гостевая страница для сайта

    Общение с визитёрами сайта возможно очень нужным и потому возможно сделать на сайте страницу «Гостевая». Так как мы используем как пример макет…

  • Создание шапки сайта

    Создание макета сайта начинается с его шапки, на опытном языке эта область именуется хедер (header). Как раз тут будет размешаться наименование сайта,…