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

25

36165
09-11-2011

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

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

Шаг 2.
Воспользуемся подходящей винтажной текстурой из этого набора. Я воспользовалась винтажной текстурой N15. Вставляем ее в основной документ, масштабируем и снижаем прозрачность слоя до 30%.Создаем в фотошопе стильный винтажный логотип с завитушками

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

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

Шаг 5.
К созданному кругу применим стиль слоя «Обводка» (Stroke). Тип обводки — градиент, положение — внутри, размер — 10 пикселей.Создаем в фотошопе стильный винтажный логотип с завитушками

Шаг 6.
Так выглядит градиент при ближайшем рассмотрении. Цвет желтого все тот же — #fff962. Вторая половина градиента — черная.Создаем в фотошопе стильный винтажный логотип с завитушками

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

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

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

Шаг 10.
Теперь к черному прямоугольнику применим стиль слоя «Обводка» (Stroke). Тип обводки — градиент, положение — внутри, размер — 5 пикселей.Создаем в фотошопе стильный винтажный логотип с завитушками

Шаг 11.
Так выглядит градиент при ближайшем рассмотрении. Цвет желтого — #fdf886. Вторая половина градиента — черная.Создаем в фотошопе стильный винтажный логотип с завитушками

Шаг 12.


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

Шаг 13.
Воспользуемся щрифтом Storybook и напишем какое-нибудь слово, в данном случае DesigNonstop. Размер шрифта 28 пикселей, а масштаб по вертикали — 120%.Создаем в фотошопе стильный винтажный логотип с завитушками

Шаг 14.
На белых участках круга напишем текст, например BLOG и 2009 — дата создания DesigNonstop. Шрифт Tahoma, размер 11 пикселей, цвет черный.Создаем в фотошопе стильный винтажный логотип с завитушками

Шаг 15.
Теперь желтым цветом #fff962 напишем слово DESIGN. Обратите внимание, что масштаб шрифта по вертикали — 250%, а по горизонтали — 90%.Создаем в фотошопе стильный винтажный логотип с завитушками

Шаг 16.
Теперь деформируем текст. Для этого щелкнуть правой кнопкой мыши по слою с текстом и выбрать пункт «Деформировать текст» (Warp Text). Настройки как на рисунке ниже. Стиль «Дугой снизу».Создаем в фотошопе стильный винтажный логотип с завитушками

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

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

Шаг 19.
Теперь украсим композицию завитушками. Здесь подойдут любые завитушки, имеющиеся у вас в наличии. Например хорошо подойдут завитушки N13 из этого набора кистей. А для того, чтобы сделать второй элемент, можно напечатать подряд пять скобок и с помощью «Деформации текста» (Warp Text) , регулируя параметр «Искажение по горизонтали», можно создать такой элемент.Создаем в фотошопе стильный винтажный логотип с завитушками

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

Шаг 21.
Теперь ответственный шаг. Складываем все созданные нами слои с элементами в одну группу (кроме винтажной подложки и черного фона из Шага 1 и 2), а потом делаем дубликат всей группы. Находясь на созданном дубликате, нажимаем правую кнопку мыши и выбираем пункт «Объединить группу» (Merge Group). А после этого к получившемуся слою применим стиль слоя «Обводка» (Stroke), красного цвета для наглядности и размером 8 пикселей. После этого опять нажимаем правую кнопку мыши и нажимаем «Сгруппировать в новый смарт-объект» (Group into new smart object). После этого перетаскиваем слой вниз, над слоем с винтажным фоном.Создаем в фотошопе стильный винтажный логотип с завитушками

Шаг 22.
Теперь применим к созданному в предыдущем шаге красному слою стиль слоя «Наложение цвета» (Color Overlay), цвет черный.Создаем в фотошопе стильный винтажный логотип с завитушками

Шаг 23.
После этого стиль слоя «Обводка» (Stroke), цвет #494949.Создаем в фотошопе стильный винтажный логотип с завитушками

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

Финал
В итоге мы плучили такой вот винтажный логотип.Создаем в фотошопе стильный винтажный логотип с завитушками

  • Короткая ссылка на этот пост: https://www.designonstop.com/?p=4476
  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

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

Как хорошо было, если бы каждый занимался своим делом….
В кругом дилетанты…. Вы с начало сами учитесь, потом уроки будете давать.

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

@Fil:
Спасибо за комментарий. Повеселили и орфографией и содержанием 🙂

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

Я не русский, могу писать с ошибками.
А если содержание Вас повеселила, это говорит об одном, у Вас ломка.

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

@Fil:
Ну ломка, так ломка ))

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

Fil, представьте на суд ваши работы. Я бы с удовольствием посмотреть и поосуждать ваши творческие потуги. Вы есть понимать?

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

Отличный урок и сама затея, спасибо!
p.s. Не обращайте внимание на Fil — он неадеквато состояния

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

@Redapp:
Вам спасибо за поддержку! ))

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

Здравствуйте!
Должен поддержать Fil-а, если цель этого урока демонстрация функций графического редактора, то возможно урок и хороший, не буду судить.
А если этот урок о создании логотипа, он ужасен.
Наташа, если Вам интересно я могу объяснить почему я так думаю. Спрашиваю, потому что знаю, что Вы не рады моим комментариям и я только что понял, что Вы не любите критику. Критика путь к успеху. Надо уметь слушать и неприятные мнения.

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

@RED:
Здравствуйте! Давненько вас не было. Если честно, то я сама в восторге от этого урока. Мой внутренний цензор, которому я доверяю, спокойно отличает что хорошо сделано, а что плохо. Если вы считаете, что он ужасен, пусть так, это ваше мнение. Я вас разубеждать не собираюсь. Но вот другой вопрос в том, что заставляет вас сюда приходить и радостно делиться своим негативом, вот это интересно. Кстати, менторский тон я тоже не люблю.

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

А каком негативе идет речь, не хотите расти, Ваше дело.
Можете смело удалять те комментарии, которые Вам не нравятся.
Если Вы хотите, чтобы я не комментировал Ваши стати, пожалуйста, так и будет.

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

@RED:
Не путайте высказанное собственное негативное мнение с критикой. Нормальная критика изначально доброжелательна и спокойна. А фразы «ужасно» и «мне не нравится» это не критика — это частное мнение со знаком минус. Это нормально, частное мнение имеет место быть, для этого и существуют комментарии в блоге. Но приписывать им просветительско-воспитательную функция все же не стоит, а уж обижаться тем более…

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

Я написал, что при желании я могу обосновать мое мне, а Вы не захотели, и после этого говорите, что это «частное мнение»? Не хочу продолжать эту тему, желаю Вам творческих успехов и процветание Вашему блогу! Больше Вы меня в комментариях не увидите, прошу не писать провокационные сообщения, чтобы я не смог не ответить.

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

@RED:
Ваше право. Спасибо за добрые пожелания ))

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

Здравствуйте Наталья! Почитал здешние посты… согласен с вами на счет частного мнения: это действительно не критика. Так вот мое частное мнение на счет этого логотипа — мне понравилось! Простота исполнения и изысканность, и ничего более!

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

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

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

Здравствуйте! Согласен с RED. Правда…как логотип для дешевой конторы, то да все ок. А если что-то серьезное, то не очень. Простите, если обидел.

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

@Buld0:
Да ладно извиняться, вы ведь именно и хотели обидеть. Впрочем, я вас прекрасно понимаю ))

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

Глупости пишет Fill, логотип совершенно нормальный. Скорее это не логотип, а стилизованная вывеска под 19 век.

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

@Drive Alienn:
Спасибо! А Fill это местная достопримечательность в нескольких лицах. Под разными никами с одного ip пишет ))

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

Урок хороший, он прост, со вкусом, …! Великие критики появляются от туда где они были опозорены. — (Уинстон Черчиль). Критика хорошо. Была бы она еще бы конструктивной?! Чем возникать лучше бы показали реально работы свои, или показали на каком шагу можно сделать лучше. Как по мне урок великолепен. Этим Наталья мне и нравится, что тяжёлые работы разжованны со всех сторон! Спасибо.

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

@Serj Zabaluev:
Вам спасибо большое за такой хороший комментарий! ))

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

А я вот что скажу. Этот урок помог мне создать свой логотип для интернет-магазина. И когда я пущу сайт в ротацию — в знак благодарности предложу автору разместить рекламу DesignNonStop на своем сайте бесплатно.

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

@Teo:
Спасибо большое за комментарий и намерения. И успехов в развитии вашего интернет-магазина ))

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

Сайт достойный уважения

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

@Саня:
Спасибо ))

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

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

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

63 queries in 0,284 seconds.