Это цитата сообщения Svyatoslav_Lee Оригинальное сообщение
Создание стильного логотипа
В данном уроке я покажу вам, как нарисовать в PhotoShop весьма красивый логотип (на вид он выполнен из металла или карбона, с привлекательной сияющей подсветкой), который можно использовать где угодно.
Сложного в нем ничего нет. Делался для английской версии Adobe PhotoShop CS4 - советую повторять урок именно в нем.
Ну что ж... Приступим! :)
Современный логотип в фотошопе
1. Создаем новое изображение (в моем случае размером 504x422 px):
2. Разблокируем единственный слой (кликнув 2 раза на изображении замочка рядом со слоем - на панели слоев Layers).
3. Заходим в Layer Style (кликнув правой клавишей мышки по изображению слоя на панели слоев Layers и выбрав пункт Blending Options...).
Там переходим на вкладку Gradient Overlay и настраиваем все так, как показано на рисунке ниже (примечание для новичков: что бы открыть подробные настройки градиента, кликните 2 раза по полоске справа от надписи Gradient; что бы изменить цвет нижних квадратиков, кликните по ним 2 раза и в поле справа от # введите код цвета, написанный красным цветом на моем скриншоте):
Жмем OK и получаем вот такой фон, залитый радиальным градиентом:
4. Сейчас нам нужно создать текстуру для дальнейшего использования (если вы уже читали предыдущие уроки, то должны знать как это делается).
Для этого создайте новое изображение размером 2x2 px с прозрачным фоном, увеличьте изображение (с помощью лупы - Zoom Tool), выберите карандаш (Pencil Tool) и закрасьте черным цветом левый верхний пиксель:
В главном меню выберите Edit --> Define Pattern... и нажмите OK. Закройте это изображение (его можно не сохранять - оно нам уже не понадобится).
5. Создайте новый слой (нажав на кнопочку Create a new layer на панели слоев Layers снизу).
Залейте его любым цветом (с помощью инструмента Paint Bucket Tool).
Непрозрачность заливки слоя выставьте в 0% (Fill: 0%):
6. Зайдите в Layer Style данного слоя, перейдите на вкладку Pattern Overlay и выставьте параметры как на скриншоте (в качестве текстуры выберите ту, которую мы создавали в пункте #4):
Жмем OK и вот что получаем:
7. Сейчас самое время на то, что бы создать силуэт логотипа. Если силуэт у вас уже нарисован, то можете использовать его, а пункт 7 пропустить.
Расскажу вкратце как я рисовал силуэт своего логотипа (для новичков, не читавших предыдущих уроков). Сразу создаем новый слой, выбраем инструмент Rectangle Tool и рисуем прямоугольник. После, с помощью инструмента Add Anchor Point Tool добавим слева и снизу от правого верхнего уголка прямоугольника по одной опорной точке и закруглим угол с помощью инструмента Direct Selection Tool (кликнув по правой верхней точке и передвинув ее на другое место - левее и ниже):
На новом слое тиким же образом нарисуем такую же фигуру, но немного меньшего размера (буква D готова):
Дублируем нижний слой силуэта (кликаем правой клавишей на иконке слоя на панели слоев Layes и выбираем Duplicate Layer..., жмем OK), отразим его по-горизонтали (Edit --> Transform --> Flip Horizontal) и разместим правее (передвигать объекты можно с помощью инструмента Move Tool):
То же самое сделаем со вторым слоем силуэта логотипа (дублируем, отразим и разместим справа), после чего его немного удлиним по-вертикали (с помощью инструмента Direct Selection Tool - кликая по нижним опорным точкам и сдвигая их вниз):
На новом слое нарисуем еще один прямоугольник, что бы в итоге получилась баква A:
Сейчас нужно сделать выделение самого логотипа, без всего лишнего. (Будьте внимательны! Тут можно легко запутаться!) Для этого выбираем инструмент Rectangular Marquee Tool, зажимаем клавиши Ctrl и Shift и кликаем на панели слоев Layers сразу по первому слою с красной частью логотипа (он выделится), за тем по второму (он тоже выделится); после зажимаем Alt и Shift и кликаем сразу по первому слою с белой частью логотипа (он уберется из выделения), после по второму (он так же уберется); и осталось снова зажать клавиши Ctrl и Shift и кликнуть по самому верхнему слою с красной частью логотипа (прямоугольник в букве A). Вот что должно получится (текста много, но, на самом деле, все делается очень просто):
Теперь, не снимая выделения, создадим новый слой, и зальем его любым цветом с помощью Paint Bucket Tool:
Вот мы и нарисовали силуэт логотипа. Остальные слои, которые мы использовали в данном пункте (при создании логотипа), можно удалить (перетащив слой на иконку с мусорной корзиной, или кликнув на нем правой клавишей мышки и выбрав пункт Delete Layer) или отключить (кликнув по иконке ввиде глаза - на панели слоев Layers, слева от иконки слоя):
8. Сейчас создайте еще три копии этого слоя с логотипом (они нам понадобятся в следующих пунктах) - для этого кликните правой клавишей по иконке слоя на панели слоев Layers и выберите Duplicate Layer..., нажмите OK. Отключите оригинал и две последние копии, кликнув по глазу (слева от каждого отключаемого слоя).
Сейчас применим к видимому слою с логотипом (первая копия) некоторые эффекты. Для этого зайдем в Layer Style и выставим следующие параметры:
Перейдем на вкладку Drop Shadow и настроим отбрасывание тени:
На вкладке Inner Glow настроим внутреннее свечение:
На вкладке Gradient Overlay настроим градиент:
И... На вкладке Stroke настроим обводку:
Жмем OK и получаем такой-вот логотип:
9. Сейчас нам понадобится создать еще одну текстуру (таким же способом, как в пункте #4) следующего вида:
10. Теперь включим ранее отключенный слой (вторую копию логотипа; кликнув по глазу слева от иконки слоя), после чего зайдем в Layer Style данного слоя и выставим там следующие параметры:
На вкладке Stroke настроим обводку:
А на вкладке Pattern Overlay выберем созданную в пункте #9 текстуру и выставим следующие параметры:
Жмем OK и получаем следующую картинку:
11. Теперь создадим блик. Для этого включим третью (самую верхнюю) копию слоя, выберем инструмент Rectangular Marquee Tool и, зажав Ctrl, кликнем по слою, что бы его выделить:
Не снимая выделения, выбираем инструмент Elliptical Marquee Tool, зажимаем Alt и делаем овальное выделение:
Вот что должно получится в итоге:
Сейчас инвертируем выделение (Select --> Inverse) и очистим его (Edit --> Clear):
Заходим в Layers Style данного слоя и вот что там творим:
А вот что делаем на вкладке Gradient Overlay:
Сейчас жмем OK и получаем блик на нашем логотипе:
12. Теперь создадим свечение под нашим логотипом. Для этого создайте новый слой под нижним слоем логотипа, выберите инструмент Elliptical Marquee Tool, сделайте овальное выделение и залейте его белым цветом (с помощью Paint Bucket Tool). Снимите выделение (Select --> Deselect):
Размоем слой, применив фильтр Gaussian Blur (Filter --> Blur --> Gaussian Blur...) с такими настройками:
Уменьшим непрозрачность слоя до 4%:
Получится должно приблизительно так:
13. Займемся созданием тени. Для этого сперва включим самый первый слой логотипа (три копии которого мы делали и уже использовали). За тем трансформируем его, немного сжав по-вертикали (Edit --> Free Transform):
Создадим из этого слоя смарт-объект (кликаем правой клавишей мыши по иконке слоя на панели слоев Layers и выбираем Convert to Smart Object).
Добавим к слою маску, для чего нажмем на кнопку Add layer mask (находится на панели слоев Layers, внизу - где корзина). Справа от иконки слоя появилась еще одна, белого цвета - это наша маска слоя.
Кликаем по маске, заливаем ее черно-белым градиентом (с помощью инструмента Gradient Tool) снизу вверх. Вот что должно получится (тень плавно переходит от менее прозрачной к более прозрачной):
Кликаем по иконке слоя с тенью на панели слоев Layers, выпоняем размытие (применив фильтр Filter --> Blur --> Gaussian Blur...) с такими настройками:
Жмем OK. Получаем равномерно размытую тень:
Что бы тень была более реалистичной, она должна быть более размытой при удалении от объекта. Для этого применим маску к фильтру - кликаем по белой квадратной иконке Smart Filters (которая появилась под слоем с тенью) и заливаем ее черно-белым градиентом (Gradient Tool) снизу вверх. Вот что получится:
Работа с тенью закончена. Начнем украшать наш логотип...
14. Первым делом сделаем на гранях логотипа блики. Для этого я поступил так: с помощью Pencil Tool нарисовал 4 линии белого цвета (каждую на отдельном слое):
После к каждой линие в Layer Style добавил небольшое слегка заметное внешнее свечение (Outer Glow), и к каждой линии добавил маску (Layer Mask), залив ее с обоих сторон черно-прозрачным (Foreground to Transparent) градиентом (горизонтальные линии - слева направо и справа налево, вертикальные - сверху вниз и снизу вверх). Вот что получилось:
С помощью инструмента Horizontal Type Tool добавим текст (шрифт и размер - по вкусу) - в моем случае это три надписи, каждая на отдельном слое (Design, Arts и .RU):
К одной из надписей добавим градиентную заливку (в Layer Style на вкладке Gradient Overlay) с такими параметрами:
Вот что у меня вышло (см. слово Design):
Теперь нужно применить этот эффект к остальным надписям. Для этого кликаем правой клавишей мышки по уже раскрашенной надписи и выбираем Copy Layer Style, после кликаем правой клавишей по двум другим надписям и выбираем Paste Layer Style. Вот что вышло:
15. Продолжим украшать наше творение... Сейчас добавим лампочки (лучшее название моментально в голову не пришло), для чего создаем новый слой (располагаем его выше всех остальных), заливаем его черным цветом (с помощью Paint Bucket Tool) и применяем фильтр Filter --> Render --> Lens Flare (Brignhtness: 100%, Lens type: Movie Prime):
Выбираем стирку (инструмент Eraser Tool) и стираем ей светлые линии, оставляя сияющую точку с короткими лучами вокруг:
Изменим цвет этого свечения на зеленый, для чего в меню выберите Image --> Adjustments --> Hue/Saturation... и выставьте следующие параметры:
Жмем OK и видим вот что:
Теперь изменим тип наложения данного слоя с Normal на Color Dodge (это делается на панели слоев Layers):
Передвигаем (с помощью Move Tool) получившуюся лампочку на понравившееся место:
Я сделал еще три копии этой лампочки и разместил вот таким образом:
16. Для придания большей реалистичности добавим к логотипу отражение. Для этого создадим под слоем с тенью от логотипа еще один слой и зальем его (Paint Bucket Tool) черным цветом. После с помощью Rectangular Marquee Tool аккуратно выделим логотип и скопируем его в буфер обмена (Edit --> Copy Merged), удалим слой, который только что полностью заливали черным цветом, на том же месте создадим новый слой и вставим из буфера (Edit --> Paste) логотип, отразим его по-вертикали (Edit --> Transform --> Flip Vertical) и разместим следующим образом:
Создадим смарт-объект (правой клавишей мыши кликаем по слою, выбираем там Convert to Smart Object) и изменим тип наложения этого слоя с Normal на Lighten:
Трансформируем отражение. Сперва сузим его по-вертикали (Edit --> Free Transform), после сделаем его немного шире снизу (Edit --> Transform --> Skew):
Размоем отражение, для чего применим к смарт-объекту смарт-фильтр Filter --> Blur --> Gaussian Blur... с такими настройками:
Вот что должно получится:
Что бы отражение было еще более реальным, сделаем, что бы оно при приближении к логотипу становилось более контрастным. Для этого к фильтра применим маску (кликаем по квадратику Smart Filter (расположен под слоем с отражением) и заливаем черно-белым градиентом (Gradient Tool) сверху вниз). Вот что должно получится:
Последние штрихи... Сделаем отражение прозрачным (снизу более прозрачное, сверху - менее), для чего к слою с отражением применим маску (кликнув по иконке слоя на панели слоев Layers, после по кнопке Add layer mask) и зальем ее снизу вверх черно-белым градиентом (с помощью Gradient Tool). Получим готовый логотип:
17. А теперь изменим цвет логотипа по-вкусу. Мне понравился синий. Для этого на панели слоев Layers кликаем по самому верхнему слою, после по кнопке Create new fill or adjustment layer, там выбираем Hue/Saturation и настраиваем сдвиг цвета следующим образом:
И, наконец-то, мы можем созерцать финальный вариант нашего стильного логотипа: