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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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