Как в фотошопе cs5 создать логотип. Как сделать логотип в Фотошопе?

Создаём красочный логотип в Фотошоп

Сегодня я покажу для вас, как с помощью фигур и стилей слоя сделать прекрасный логотип 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).

Читайте также  Добавить в вкладку в гугл хром. 4 способа добавить новую вкладку в Google Chrome

Примечание переводчика: для необычного слоя с квадратиком значение заливки было 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) поверх всех слоёв. Установите кривую, как показано на скриншоте ниже, чтоб провести маленькую корректировку цвета.

Поздравляю, мы завершили урок!

Читайте также  Программа распознающая музыку. Лучшие приложения App Store для распознавания музыки

Урок в формате PSD

Автор: designstacks.net

Logo Design Tutorial

Оставьте комментарий