Создаем в фотошопе логотип с декоративной первой буквой

10

20401
14-02-2013

Создаем в фотошопе логотип с декоративной первой буквойВ этом достаточно несложном уроке мы будем создавать логотип с декоративной первой буквой. За счет того, что мы будем использовать насыщенные контрастные цвета, результат будет смотреться весьма эффектно. Сначала создадим темный фон и немного затемним его по краям. Далее печатаем основной текст с названием сайта, применяем к нему несколько стилей слоя. После пишем вспомогательный текст, используя более приглушенный цвет. Затем напишем декоративную первую букву, растрируем ее. И потом создадим вспомогательную фигуру и объединим ее с основной буквой. Украсим ее стилями слоя и получим готовый логотип.

Шаг 1.
Создаем в фотошопе новый документ 500х250 пикселей, заливаем цветом #201f25.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 2.
Применим стиль слоя «Внутреннее свечение» (Inner Glow), цвет черный.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 3.
Получили такой результат.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 4.
Теперь печатаем текст DESIGNONSTOP, цвет белый.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 5.
Применим к тексту стиль слоя «Наложение градиента» (Gradient Overlay). Цвет от белого слева к #c1c1c1 справа.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 6.
Применим стиль слоя «Обводка» (Stroke).Создаем в фотошопе логотип с декоративной первой буквой

Шаг 7.
Применим стиль слоя «Тень» (Drop Shadow).Создаем в фотошопе логотип с декоративной первой буквой

Шаг 8.
Получили такой результат.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 9.
Теперь печатаем текст «блог о веб-дизайне», цвет #6d6d6d.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 10.
Теперь печатаем большую букву D, цвет #f37f12. Размещаем ее позади текста.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 11.
На новом слое выделяем фигуру, как на рисунке ниже, чтобы она соприкасалась с нижней частью буквы D.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 12.
Заливаем выделенную область цветом #f37f12 и получаем такой результат. После этого надо растрировать букву D и объединить ее с фигурой в один слой.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 13.
Далее применим к декоративной букве D стиль слоя «Наложение градиента» (Gradient Overlay). Цвет от #d43a06 слева к #f4a419 справа.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 14.
Применим стиль слоя «Внутреннее свечение» (Inner Glow), цвет #f07a17.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 15.
Применим стиль слоя «Внутренняя тень» (Inner Shadow), цвет белый.Создаем в фотошопе логотип с декоративной первой буквой

Шаг 16.
Применим стиль слоя «Тень» (Drop Shadow).Создаем в фотошопе логотип с декоративной первой буквой

Шаг 17.
Получили такой вот логотип с декоративной первой буквой.Создаем в фотошопе логотип с декоративной первой буквой

Комментариев 10 комментариев

Такой вариант для сайта на автомобильную тематику подходит. Nice! 🙂

ОтветитьОтветить

@Иван:
Можно и для автомобильного, почему бы нет 🙂

ОтветитьОтветить

Дуже цікавий і корисний урок.Все дуже доступно.Дякую!

ОтветитьОтветить

@Гоша:
Спасибо! ))

ОтветитьОтветить

Наташа, здравствуйте.

Сделала лого по вашему описанию. Теперь встал вопрос, как уменьшить размер картинки, при этом текст остался бы прежнего размера. Я изменяю размер изображения, изменяется и текст. Изменяю размер холста по высоте, обрезаются края по низу и верху.
И второе. Если я хочу подредактировать оранжевую букву, как это сделать?

ОтветитьОтветить

@Ольга Абрамова:
Оля, попробуйте выделить нужную вам область и потом воспользоваться командой «Изображение» > «Кадрирование». А вот размер буквы D лучше изначально задавать правильный, потому что она в процессе обработки растрируется и ее потом трудно масштабировать. А оформление можно редактировать стилями.

ОтветитьОтветить

Почему у меня к фоновому слою нельзя применить режимы наложения?

ОтветитьОтветить

Что за шрифт?

ОтветитьОтветить

@Иван:
На картинках есть все названия шрифтов.

ОтветитьОтветить

@Наташа Клевер: Ага, я уже заметил) поторопился с вопросом.

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

63 queries in 0,249 seconds.