Логотип Web 2.0

1. Создайте новый документ размером 300 х 300 пикселей с чёрным фоном. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите любое слово. Я написал “logo” шрифтом Arial Rounded, размер — 72 px. Закруглённый шрифт обычно используется для дизайна логотипов в интернете:


Логотип Web 2.0



2. Теперь я залью логотип градиентом. Для этого примените стиль Наложение градиента
(Layer Style — Gradient Overlay) и настройте так:


Логотип Web 2.0

Логотип Web 2.0



3. Вот, что у нас получилось. Сверху область должна быть затемнена. Если вам не понравился результат, то подкорректируйте цвета при настройке стиля:


Логотип Web 2.0



4. Потом примените стиль Внешнее свечение (Layer Style — Outer Glow): Режим (Blend Mode) — Замена светлым (Lighten), настройте, как показано ниже:


Логотип Web 2.0

Логотип Web 2.0





5. Создайте новый слой (Create New Layer):


Логотип Web 2.0



6. Сделайте выделение слоя с текстом (Ctrl+Click):


Логотип Web 2.0



7. Потом примените Сжатие (Modify — Contract) и введите значение — 1 пиксель.



Логотип Web 2.0



8. Теперь инструмент Прямоугольная область (Rectangular Marquee Tool) создайте выделение выделение нижней половины выделения, удерживая Alt.


Логотип Web 2.0



9. Установите цвета, как показано ниже:


Логотип Web 2.0



10. Выберите инструмент Градиент (Gradient Tool) и настройте его, как показано ниже.



Логотип Web 2.0



11. Залейте выделение градиентом сверху вниз:


Логотип Web 2.0



12. Выберите оба слоя, показанных ниже и объедините их (Ctrl+Click):


Логотип Web 2.0



13. Теперь сделайте копию этого слоя. Потом примените Отражение по вертикали
(Transform — Flip Vertical). Потяните отражение вниз:


Логотип Web 2.0



14. Установите значение Непрозрачности (Opacity) — 30%.


Логотип Web 2.0



Результат:


Логотип Web 2.0



15. Выберите инструмент Ластик (Eraser Tool) и настройте, как показано ниже:


Логотип Web 2.0



16. Подотрите нижнюю часть отражения, как показано ниже:


Логотип Web 2.0



17. Можете добавить кое-какие эффекты к вашему логотипу. Для этого сначала нужно растеризовать слой. Создайте новый слой (Create New Layer) и объедините его со слоем с логотипом. Потом примените стиль Внешнее свечение (Layer Style — Outer Glow) и настройте, как показано ниже (Режим (Blend Mode) — Замена светлыми (Lighten)).


Логотип Web 2.0



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


Логотип Web 2.0



19. Тоже самое только с другим цветом свечения:


Логотип Web 2.0







Делаем Web-дизайн

Вас может также заинтересовать:

27 июня 2019

27 июня 2019

Байонет: Minolta A Тип объектива: макрообъектив Фокусное расстояние: постоянное

27 июня 2019

Байонет: Nikon F Тип объектива: широкоугольный Фокусное расстояние: постоянное