Смарт-объекты в дизайне логотипа

В этом Photoshop уроке мы будем создавать логотип, используя смарт-объекты.

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

Смарт-объекты в дизайне логотипа

Откройте Photoshop и создайте новый документ, параметры которого указаны на изображении ниже.

Смарт-объекты в дизайне логотипа

Загрузите изображение капли воды. Зайдите во вкладку File > Place (Файл - Поместить) и выберите его.

Смарт-объекты в дизайне логотипа

Теперь при помощи команды Edit > Transform > Distort (Редактирование - Трансформирование - Искажение) исказите изображение как показано на изображении ниже.

Смарт-объекты в дизайне логотипа

Если вас устраивает результат искажения, то сохраните изменения, нажав клавишу Enter или на значок галочки в панели настроек.

Смарт-объекты в дизайне логотипа

Взгляните на панель слоев, и вы увидите, что это изображение было добавлено как смарт-объект.

Смарт-объекты в дизайне логотипа

Теперь для удобства изменим название слоя, для этого зайдите во вкладку Layer > Layer Properties (Слои - Параметры слоя) или сделайте двойной клик по названию нужного слоя и переименуйте его на Base.

Смарт-объекты в дизайне логотипа

Продублируйте (Ctrl + J) этот слой и копию назовите Shadows.

Смарт-объекты в дизайне логотипа

Создайте еще один дубликат и назовите его Lights.

Смарт-объекты в дизайне логотипа

Чуть выше слоя Base создайте новый заливочный слой Layer > New Fill Layer > Solid Color (Слои - Новый слой-заливка - Цвет) и установите белый цвет #ffffff.

Смарт-объекты в дизайне логотипа

Теперь, уберите видимость слоя Lights, нажав на значок глаза слева от названия слоя.

Смарт-объекты в дизайне логотипа

Для слоя Shadows снизьте значение непрозрачности до 22%.

Смарт-объекты в дизайне логотипа

Выделите слой Shadows и заливочный слой, и объедините их, нажав Ctrl + E.

Смарт-объекты в дизайне логотипа

Для объединенного слоя смените режим наложения на Multiply (Умножение).

Смарт-объекты в дизайне логотипа

Сделайте видимым слой Lights.

Смарт-объекты в дизайне логотипа

Поменяйте режим наложения на Screen (Экран) и непрозрачность на 35%.

Смарт-объекты в дизайне логотипа

Чуть выше слоя Base создайте новый слой и назовите его My Logo.

Смарт-объекты в дизайне логотипа

Нажмите клавишу D, чтобы сбросить цвета. После этого перейдите Edit > Fill (Редактирование - Выполнить заливку) или нажмите Shift + F5 и в открывшемся окне выберите Use > Foreground Color (Использовать - Основной цвет).

Смарт-объекты в дизайне логотипа

Слой My Logo преобразуйте в смарт-объект, для этого выберите этот слой, сделайте клик правой кнопкой мыши и из меню выберите команду Convert to Smart Object (Преобразовать в смарт-объект).

Смарт-объекты в дизайне логотипа

Снова активируйте команду Distort (Искажение) и исказите содержимое этого слоя, опирайтесь на изображение ниже.

Смарт-объекты в дизайне логотипа

Сохраните изменения.

Смарт-объекты в дизайне логотипа

Над слоем Light создайте новый слой Gradient.

Смарт-объекты в дизайне логотипа

На панели инструментов выберите инструмент Gradient Tool (G) (Градиент), в панели параметров установите Style (Стиль) - Radial (Радиальный).

Смарт-объекты в дизайне логотипа

Откройте редактор градиентов выберите режим Foreground to Transparent (От основного к прозрачному). После этого на панели параметров поставьте галочку возле Reverse (Инверсия) для смены местами цветов градиента.

Смарт-объекты в дизайне логотипа

Проведите линию градиента от центра к одному из углов холста.

Смарт-объекты в дизайне логотипа

Для слоя с градиентом задайте режим наложения Multiply (Умножение) и уменьшите непрозрачность до 45%.

Смарт-объекты в дизайне логотипа

К слою Base примените фильтр Filter > Blur > Gaussian Blur (Фильтр - Размытие - размытие по гауссу), установив значение Radius (Радиус) 3 пикселя.

Смарт-объекты в дизайне логотипа

В результате справа от названия слоя появится значок - панель, примененных смарт-фильтров.

Смарт-объекты в дизайне логотипа

Уберите видимость следующих слоев: My Logo, Shadows, Lights и Gradient.

Смарт-объекты в дизайне логотипа

Раскройте панель смарт-фильтров, кликнув по стрелочке.

Смарт-объекты в дизайне логотипа

Выберите миниатюру маски смарт-фильтра, и перейдите к инструменту Gradient Tool (G) (Градиент).

Смарт-объекты в дизайне логотипа

В редакторе градиентов выберите черно-белый градиент Foreground to Transparent (От основного к фоновому) и поставьте галочку возле Reverse (Инверсия).

Смарт-объекты в дизайне логотипа

Проведите линию градиента от центра к одному из углов холста.

Смарт-объекты в дизайне логотипа

В результате эффект размытия скроется в центре холста. Маска смарт-фильтров работает аналогично маске слоя. Проделайте тоже самое для слоя My Logo. Продублируйте слой Base.

Смарт-объекты в дизайне логотипа

Со слоя Base 2 переместите значок смарт-фильтров на слой My Logo.

Смарт-объекты в дизайне логотипа

Слой Base 2 удалите, и сделайте видимыми все скрытые слои.

Смарт-объекты в дизайне логотипа

Перейдите на слой My Logo.

Смарт-объекты в дизайне логотипа

Зайдите в меню Layer > Smart Object > Edit Contents (Слой - Смарт-объект - Редактировать содержимое). В результате откроется новый документ, который будет отражать содержимое смарт-объекта.

Смарт-объекты в дизайне логотипа

Зайдите в меню File > Place (Файл - Поместить), в открывшемся окошке выберите файл логотипа. Результат получится лучше, если логотип будет на прозрачном фоне.

Смарт-объекты в дизайне логотипа

Уберите видимость черного фонового слоя.

Смарт-объекты в дизайне логотипа

Нажмите Ctrl + S для сохранения документа, и закройте его. В нашем основном документе изменения будут применены автоматически.

Смарт-объекты в дизайне логотипа

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

Смарт-объекты в дизайне логотипа

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