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

9

767
14-07-2011

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

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

Шаг 2.
В меню выбираем «Фильтр» (Filter) > «Оформление» (Pixelate) > «Цветные полутона» (Color Halftone), Настройки как на рисунке ниже.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

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

Шаг 4.
Теперь обесцветим изображение (Shift+Ctrl+U).Создаем в фотошопе логотип в стиле ретро с эффектом смещения

Шаг 5.
На панели инструментов выбираем инструмент «Затемнитель» (Burn Tool) и мягкой кистью размером 70 пикселей затемняем края фона по периметру.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

Шаг 6.
На новом слое создаем прямоугольник, заливаем его цветом #bcd6d0.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

Шаг 7.
В меню выбираем «Редактирование» (Edit) > «Трансформирование» (Transform) > «Деформация» (Warp) и деформируем фигуру.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

Шаг 8.
Далее наложим шум «Фильтр» (Filter) > «Шум» (Noise) > «Добавить шум» (Add Noise) со значением 4. Получился такой результат.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

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

Шаг 10.
Потом выделяем фигуру, в меню выбираем «Выделение» (Select) > «Модификация» (Modify) > «Сжать» (Contract) и ставим значение 3 пикселя. Нажав Del, удаляем середину фигуры.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

Шаг 11.
На новом слое создаем декоративные круги и заливаем их цветом #bcd6d0.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

Шаг 12.
Создаем дубликат предыдущего слоя, заливаем цветом #b27050. Потом в меню выбираем «Выделение» (Select) > «Модификация» (Modify) > «Сжать» (Contract) и ставим значение 2 пикселя. Нажав Del, удаляем середину коричневых кругов.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

Шаг 13.
Пишем текст DESIGNONSTOP.COM шрифтом Times New Roman, размер 20 пикселей, между буквами расстояние 250, цвет #5f5f5f.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

Шаг 14.
Цветом #b27050 на новом слое создаем коричневые полоски по бокам от текста.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

Шаг 15.
Шрифтом Arial Black, размер 70 пикселей, расстояние между буквами 25, цвет #b36f51, пишем текст КРЕАТИВ.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

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

Шаг 17.
Потом стиль слоя «Тень» (Shadow).Создаем в фотошопе логотип в стиле ретро с эффектом смещения

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

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

Шаг 20.
Применяем к нему стиль слоя «Перекрытие узора» (Pattern Overlay). Выбираем какой-нибудь подходящий паттерн, типа как на рисунке ниже.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

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

Шаг 22.
Теперь меняем режим наложения слоя на «Умножение» (Multiply) и снижаем прозрачность слоя до 25%. И все, наше ретро лого готово.Создаем в фотошопе логотип в стиле ретро с эффектом смещения

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

Логотип для сайтов 90-ых годов.

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

@Санчез:
Да ладно! Где это вы видели такие логотипы в 90-х? Абсолютно современный дизайн в духе сегодняшнего тренда. ))

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

А мне нравится! Спасибо за идею!!! 🙂

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

а вот оригинал урока был предназначен для illustrator-а (http://vectips.com/tutorials/quick-tutorial-create-a-reusable-retro-type-treatment/) и в место 22 шагов, всего 8. да и вектор всегда лучше!
Люблю этот стиль!

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

@RED:
Эх, невнимательность… В самом начале статьи у меня указана и ссылка на оригинал урока и то, что это для иллюстратора. Ну а что для кого лучше — это весьма субъективно…

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

@Иван:
Пожалуйста! ))

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

@Наташа Клевер: За невнимательность извиняюсь, по правде говоря я статью и не читал, посмотрел беглым взглядом.
А превосходство вектора думаю и не надо доказывать.

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

@RED:
Честно говоря, не знакома близко ни с вектором, ни с иллюстратором, отсюда и появилась идея сделать это в фотошопе. Поэтому для меня 22 шага в фотошопе просто легкая прогулка по сравнению с 8 в иллюстраторе ))

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

@Иван: И мне нравится.Что-то в этом есть.

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

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

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

61 queries in 0,179 seconds.