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

17

65265
21-01-2012

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

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

Шаг 2.
Воспользуемся «Фильтр» (Filter) > «Шум» (Noise) > «Добавить шум…» (Add Noise…) со значением 6, распределение равномерное, монохромный.Создаем в фотошопе круглый логотип с декоративным элементом

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

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

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

Шаг 6.
Теперь сделаем так. Удерживая Ctrl, щелкаем по слою с кругом, чтобы выделить его. В верхнем меню выбираем «Окно» (Window) > «Контуры» (Paths). В открывшемся диалоговом окошке щелкаем по нижней иконке «Сделать из выделенной области рабочий контур» (Make Work Path From Selection). Получили рабочий контур. Теперь выбираем инструмент «Текст» (Text Tool) и пишем простой точкой по контуру. Настройки шрифта как на рисунке ниже. Более подробно посмотреть как написать текст по кругу можно посмотреть в соответствующем уроке.Создаем в фотошопе круглый логотип с декоративным элементом

Шаг 7.
После этого, удерживая Ctrl, щелкаем по слою с точками, чтобы выделить фигуры. Слой с точками можно отключить.Создаем в фотошопе круглый логотип с декоративным элементом

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

Шаг 9.
Выделяем в центер круг и нажимаем Del, чтобы удалить середину шестеренки.Создаем в фотошопе круглый логотип с декоративным элементом

Шаг 10.
Делаем еще два декоративных круга внутри шестеренки. Для этого на новом слое создаем круг, цвет #d2d2d2. Вырезаем у него середину, оставив кромку шириной 3 пикселя. К оставшейся фигуре применим стиль слоя «Обводка» (Stroke) шириной 2 пикселя и цветом #1f1f1f.Создаем в фотошопе круглый логотип с декоративным элементом

Шаг 11.
На новом слое выделяем два круга, как на рисунке ниже и заливаем цветом #1f1f1f.Создаем в фотошопе круглый логотип с декоративным элементом

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

Шаг 13.
Выбираем узкий активный шрифт и на новом слое пишем слово, в данном случае DESIGNONSTOP. Применим к тексту трехпиксельную обводку цветом #d4d4d4.Создаем в фотошопе круглый логотип с декоративным элементом

Шаг 14.
Теперь напишем текст по кругу. Опять воспользуемся уроком «Как написать текст по кругу«. Настройки шрифта, как на рисунке ниже. Сначала пишем текст сверху.Создаем в фотошопе круглый логотип с декоративным элементом

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

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

Урок замечательный, давно хотела узнать, как написать текст по кругу! только у меня почему-то контур получается не гладким, а с кривизной=( и не знаю, что с этим делать, пробовала делать разными способами, даже так: делала выделение по букве, затем создавала на основе него контур, а он все равно кривой получается..

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

@Марина:
Спасибо, Марина!
Тоже сталкиваюсь с такой проблемой, что контур не гладкий. Все перепробовала )) Как вариант, можно писать текст на большом объеме, а потом растрировать и уменьшать. Но все-равно, хотелось бы знать в чем причина, гугль пока не помог ))

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

Креативчик. Получилось здоровски!

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

Отличный урок. Большое спасибо, Наташа. 🙂

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

@Stafox:
@Роберт:
Спасибо, друзья! ))

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

Отличный урок!
+retweet))

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

@DimkOf:
Спасибо большое ))

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

Идея очень и очень хорошая!

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

@Иван:
Спасибо! ))

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

У меня на 8 шаге где нужно обрезать лишнее выбивает сообщение Невозможно выполнить запрос содержимое слоя непосредственно не редактируется. Пользуюсь CS 5.

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

@Александр Василенко:
Попробуйте находясь на слое с кругом нажать правую кнопку мыши и выбрать пункт «Сгруппировать в новый смарт объект» (Convert to new smart object). А после этого повторить щаг 7…

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

А можно попросить указывать размер документа, в котором вы работаете, а то создаешь на глаз и потом случаются разного рода нестыковки

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

@Вова:
А размер один в один как на картинках в уроке, 500х250. Я всегда стараюсь так делать. Можете сохранить первую картинку урока у себя на компьютере и потом открыть ее в фотошопе. Это и будет новым документом.

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

@Наташа Клевер: Спасибо!

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

Для тех, у кого не получается ровный контур. Делайте сначала контур, инструментом «Перо» (выбирайте эллипс). а затем все как в уроке. всё будет ровненько)

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

Подскажите пожалуйста.
Почему, когда я пишу «точки» по кругу они у меня не смыкаются, т.е. остаётся место для последней «точки», но она не пишется, пропадает. Всё перепробывал менял размер шришта и т.п.(((

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

Аналогично, по кругу когда пишу, то в конце остаётся место для последней буквы (
Как исправить, подскажите пожалуйста.

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

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

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

70 queries in 0,243 seconds.