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

15

55295
14-09-2011

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

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

Шаг 2.
Применим фильтр «Шум» (Noice) зо значением 5, распределение — равномерное.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

Шаг 3.
На новом слое рисуем круг, заливаем его цветом #1f1f1f.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

Шаг 4.
Применим к слою следующие стили слоя. Сначала «Обводка» (Stroke). Тип обводки выбираем — узор, а в качестве узора — пиксельный паттерн белого цвета. Если подходящего паттерна нет, то можно либо сделать самому паттерн 2х2 пикселя, либо просто сделать обводку сплошным белым цветом.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

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

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

Шаг 7.
Далее на новом слое рисуем еще один круг и заливаем его цветом #e3fdbb.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

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

Шаг 9.
На новом слое рисуем еще один круг и заливаем его цветом #1f1f1f.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

Шаг 10.
Применим к слою стили слоя. Сначала «Обводка» (Stroke), как в Шаге 4. Создаем в фотошопе логотип текстом по кругу и лентами по бокам

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

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

Шаг 13.
Теперь напишем текст по кругу. Я использовала шрифт Swis721 BdRnd RT, размер 16 пикселей. Написать текст по кругу можно двумя способавми. Первый — это щелкнуть по слою с текстом правой кнопкой мыши и выбрать пункт «Деформировать текст» (Warp Text), стиль «Арка» (Arc). Поэкспериментировав с настройками, можно добиться приемлимого результата. И второй способ — это использование «Контуров» (Paths) по которому пишется текст. О том, как писать текстом по контуру, лучше посмотреть в отдельном, более подробном уроке уроке. В данном случае я использовала второй способ.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

Шаг 14.
Аналогично пишется по кругу текст снизу. В данном случае это звездочки из шрифта Seeing Sters. Размер шрифта 10 пикселей, расстояние между буквами — 500.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

Шаг 15.
На этом шаге воспользуемся инструментом «Произвольная фигура» (Custom Shape Tool), орнамент Leaf Ornament 3, цвет #e1e3da.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

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

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

Шаг 18.
Теперь начнем рисовать ленты по бокам. Инструментом «Прямолинейное лассо» (Polygonal Lasso Tool) создаем фигуру в виде ленты, на новом слое заливаем ее цветом #1f1f1f.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

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

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

Шаг 21.
Опять воспользуемся инструментом «Прямолинейное лассо» (Polygonal Lasso Tool) и создадим на новом слое еще одну ленту произвольной формы. Заливаем ее цветом #e3fdbb.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

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

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

Шаг 24.
Теперь надо создать группу слоев и переместить в нее два слоя — слой с черной лентой и слой со светло-зеленой лентой. Далее делаем дубликат группы с лентами, и щелкнув правой кнопкой мыши по названию группы, выбираем пункт «Объединить группу в новый смарт-объект» (Convert to Smart Object). Далее трансформируем полученный слой по горизонтали и устанавливаем справа от основных кругов.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

Финал
На этом шаге можно добавить какой-нибудь текст на боковые фигуры. В данном случае — это год основания designonstop.com. И теперь все, наше лого готово.Создаем в фотошопе логотип текстом по кругу и лентами по бокам

 
 

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

Ухты!!! А я и не знал что в фотошопе тоже можно использовать путь для текста. Думал это только в кореле.
Блин и всё это время мучился с варпом.

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

@Cheerful Weasel:
Использовать можно. И в принципе, результат приемлемый. Выделяешь круг, потом преобразуешь выделение в рабочий контур и далее пишешь текстом по контуру. ))

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

Благодарю за подробный урок.

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

@Наташа Клевер:
Ну и не только круг, работает любой путь

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

@Supaman:
Всегда пожалуйста! ))

@Cheerful Weasel:
Само собой ))

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

@Наташа Клевер:
Скажите, а можно ли в фотошопе сделать так, чтобы текст снизу был в форме одного пути, а верхней частью в форме другого?
Мне кажется это было бы интересным дизайнерским решением.

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

@Cheerful Weasel:
Конечно так можно. Для верхней записи делается свой путь, а для нижней свой. И результат действительно может быть интересным ))

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

@Наташа Клевер:
Может вы не совсем поняли, что я имел в виду.
Я имею в виду что строка текста всего одна, но просто верх букв принимает форму одного пути, а низ — другого.

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

@Cheerful Weasel:
Тогда точно не поняла. А как это сделать тогда? Если верх по одному пути, а низ по другому пути — значит нужно два разных. Или нет… запуталась однако… )))

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

@Наташа Клевер:
сам не знаю)
Наверное патчем нельзя, надо чем-то другим

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

@Cheerful Weasel:
Я думаю двумя разными путями. В любом случае, когда возникнет такая необходимость — решение обязательно найдется ))

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

@Наташа Клевер:
В любом случае, спасибо за потраченное на меня время))

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

@Cheerful Weasel:
Это вам спасибо! Заходите еще ))

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

Отличный и доступный урок. Результат очень понравился. Создал лого для своего сайта.

Спасибо!

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

@Олег Маркарьян:
Спасибо! Рада, что урок понравился ))

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

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

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

68 queries in 0,201 seconds.