Создаём красочный логотип в Фотошоп
Сегодня я покажу для вас, как с помощью фигур и стилей слоя сделать прекрасный логотип Apple WWDC в програмке Photoshop CS5. Вы узнаете, как сделать прекрасный логотип, при этом, не используя множество технических приёмов. Ссылка на PSD файл урока указана в конце урока. Итак, давайте приступим!
Примечание переводчика: WWDC (Apple Worldwide Developers Conference) — глобальная конференция разрабов на платформе Apple. Проводится раз в год в Калифорнии, США.
Скачать архив с материалами к уроку
Итоговый результат
Шаг 1
Вначале сделайте новейший документ (Ctrl+N) в програмке Adobe Photoshop CS5 со последующими размерами: 1920 px х 1200 px (цветовой режим RGB), разрешение 72 пикселей на дюйм (pixels/inch). Выберите инструмент Заливка 
(Paint Bucket Tool (G)) и залейте слой с задним фоном цветовым цветом #120807. Подберите логотип Apple в формате PNG. Добавьте избранный логотип на наш рабочий документ, я употреблял логотип, ссылка на который дана в начале урока. При необходимости, вы сможете прирастить масштаб изображения с помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)).
Примечание переводчика: цвет заливки для слоя с задним фоном будет зависеть от ваших предпочтений, а также, всё будет зависеть от того, на каком фоне будет размещен логотип Apple.
Шаг 2
Мы получим последующий результат.
Шаг 3
Итак, мы сделали контур логотипа. Сейчас мы добавим к нему последующий квадратик. В данном случае, я избрал инструмент Прямоугольник со скруглёнными углами 
(Rounded Rectangle Tool (U)), в настройках данного инструмента установил Радиус (Radius) 15 px, дальше, удерживая кнопку (Shift)+нарисуйте последующий квадратик, как показано на скриншоте ниже. Дальше, с помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)), поверните квадратик на 45 градусов.
Уменьшите значение Заливки (Fill) до 0% для слоя с квадратиком. Дальше щелкните по значку Добавить стиль слоя (Add a layer style) в нижней части панели слоев, чтоб применить стиль слоя Тень (Drop Shadow).
Далее, примените стиль слоя Наложение градиента (Gradient Overlay):
Зайдите в опции градиента. Установите цвета градиента, которые указаны на скриншоте ниже. Нажмите клавишу OK, чтоб закрыть окно опций редактора градиента.
Поменяйте режим наложения для слоя с квадратиком на Жёсткий свет (Hard Light).
Мы получили последующий результат.
Шаг 4
Мы должны растрировать новейший слой. Для этого, сделайте новейший слой поверх слоя с квадратиком, дальше, выделите оба слоя, а потом, нажмите клавиши (CTRL+E), чтоб объединить их вкупе. Сейчас, с помощью инструмента Перемещение 
(Move Tool (V)), мы можем расположить квадратик снутри контура логотипа. При использовании инструмента Перемещение (Move Tool (V)), удерживайте кнопку (Alt)+потяните за квадратик, чтоб сделать дубликат квадратика. Сделайте несколько квадратиков. С помощью инструмента Свободная трансформация (Free Transform (Ctrl+T)), варьируйте размеры квадратиков.
Шаг 5
Для дубликатов слоёв с квадратиками мы применим другое значение Заливки (Fill).
Примечание переводчика: для необычного слоя с квадратиком значение заливки было 0%, для дубликатов слоёв с квадратиками значение заливки будет 70%.
Далее, мы также поменяем цвет квадратиков.
Примечание переводчика: автор к розовым квадратикам добавляет голубые квадратики.
В данном случае, сделайте ещё один дубликат слоя с квадратиком (выбрав инструмент Перемещение (Move Tool (V)) + удерживая кнопку (Alt)+потяните мышкой квадратик, чтоб сделать дубликат слоя). Дальше, нажмите клавиши (CTRL+U) и в диалоговом окне корректировки Цветовой тон / Насыщенность (Hue/Saturation) сместите бегунок функции Цветовой тон (Hue) на лево, чтоб поменять цветовой тон квадратика.
Теперь, продублируйте слой с голубым квадратиком. Расположите дубликаты голубых квадратиков, как показано на скриншоте ниже:
Примечание переводчика: не запамятовывайте варьировать размер дубликатов квадратиков.
Шаг 6
Продолжайте добавлять квадратики, на этот раз уже другого цвета. Чтоб поменять цвет, используйте ту же самую команду корректировки Цветовой тон / Насыщенность (Hue/Saturation). Сейчас, несколько раз продублируйте слой с квадратиком, используя технику, которая описана выше.
Мы получили последующий результат.
Шаг 7
Слои с квадратиками должны размещаться друг за другом. Дальше, мы возвращаемся на слой с первым квадратиком, создаём дубликат слоя (с помощью инструмента Перемещения (Move Tool (V))+клавиши (Alt)). А потом, меняем цвет квадратика с помощью корректировки Цветовой тон / Насыщенность (Hue/Saturation (CTRL+U)).
Теперь, несколько раз продублируйте слой с квадратиком, используя технику, которая описана выше.
Шаг 8
Продолжайте добавлять квадратики разных цветовых цветов. Сделайте дубликат самого первого слоя с квадратиком, используя технику, которая описана выше. А потом, поменяйте цвет дубликата квадратика с помощью корректировки Цветовой тон / Насыщенность (Hue/Saturation (CTRL+U)).
Мы получили последующий результат.
Шаг 9
Используя вышеописанную технику, добавьте ещё квадратики разных цветовых оттенков.
Шаг 10
В центральной части логотипа, мы добавим разноцветные квадратики размером побольше. Примените к сиим слоям различную степень Непрозрачности (Opacity), а также разные режимы наложения, к примеру, Перекрытие (Overlay), Жёсткий свет (Hard Light), Мягкий свет (Soft Light). Варьируйте размер квадратиков с помощью Свободной трансформации (Free Transform (Ctrl+T)).
Шаг 11
Теперь, удалите слой с контуром логотипа.
Шаг 12
Нажав на значок «Создать новейший корректирующий слой либо слой-заливку» (Create new fill or adjustment layer) в нижней части панели слоев, добавьте корректирующий слой Кривые (Curves) поверх всех слоёв. Установите кривую, как показано на скриншоте ниже, чтоб провести маленькую корректировку цвета.
Поздравляю, мы завершили урок!
Урок в формате PSD
Автор: designstacks.net
Logo Design Tutorial