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

12

Уроки / Логотипы
Наташа Клевер
12-03-2013

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

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

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

Шаг 3.
Выбираем инструмент «Кисть» (Brush). Выбираем большую мягкую кисть диаметром 500, цвет белый. Кликаем мышкой в центре нашего документа. Меняем режим наложения слоя на «Перекрытие» (Overlay).Создаем в фотошопе эмблему с имитацией загнутой ленты

Шаг 4.
Создаем прямоугольник размером 245х47 пикселей, заливаем его цветом #aa7ba5.Создаем в фотошопе эмблему с имитацией загнутой ленты

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

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

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

Шаг 8.
Теперь, удерживая Ctrl, щелкаем по слою с нижним прямоугольником, чтобы выделить фигуру. Затем ниже двух прямоугольников создаем новый слой и заливаем выделение цветом #865981. После этого нажимаем Ctrl+T, передвигаем и вращаем фигуру так, чтобы она встала в позицию как на рисунке ниже.Создаем в фотошопе эмблему с имитацией загнутой ленты

Шаг 9.
Применим стиль слоя «Перекрытие узора» (Pattern Overlay).Создаем в фотошопе эмблему с имитацией загнутой ленты

Шаг 10.
Удаляем маленькие хвостики в углах нижней фигуры, выходящие за рамки всей композиции (они видны в Шаге восемь) и получаем такой результат.Создаем в фотошопе эмблему с имитацией загнутой ленты

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

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

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

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

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

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

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

Шаг 18.
Теперь пишем текст БЛОГ О ВЕБ-ДИЗАЙНЕ, цвет белый.Создаем в фотошопе эмблему с имитацией загнутой ленты

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

Шаг 20.
Воспользуемся инструментом «Произвольная фигура» (Custom Shape Tool) и выберем из стандартного набора фотошопа фигуру 5 Point Star. Создадим две звезды по краям от текста DESIGNONSTOP, цвет #865981.Создаем в фотошопе эмблему с имитацией загнутой ленты

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

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)
  • 22616
  • Короткая ссылка на этот пост: http://www.designonstop.com/?p=8984
  • Получать обновления:

  • Поддержать DesingNonstop рублём!

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

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

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

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

Простенько и со вкусом!

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

Я уже гораздо быстрее делаю эти уроки, чем вначале. Прогресс))

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

Наташа, посоветуйте Ваш самый простой урок по логотипу. Я Фотошоп очень уважаю, поэтому с ним периодически на Вы 🙂

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

Ольга, так тут всё очень подробно — выполняйте по пунктам и получится. Даже номера цветов указаны.

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

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

@Жанна:
Вы молодец! ))

@Ольга Абрамова:
Ну, например вот эти два совсем простенькие ))
http://www.designonstop.com/?p=8896
http://www.designonstop.com/?p=2007

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

Здравствуйте! Спасибо большое за замечательный блог!))
Возник вопрос по этому уроку: Какой использовался узор (название) в «Перекрытие узора»?)) Там, где три квадратика по диагонали. Заранее спасибо за ответ!))

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

@Любовь:
Спасибо большое за добрые слова!
По-моему такой кисти нет в дефолтовом наоборе кистей фотошопа. Так что вам лучше либо скачать готовые, либо сделать ее. Делаете документ размером 3 на 3 пикселя. Выбираете инструмент Карандаш и три раза тыкаете карандашом по диагонали, а потом сохраняете узор как готовую кисть. В этом посте есть в конце как сохранить кисть http://www.designonstop.com/?p=1178 ))

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

@Наташа Клевер: Ура! Ура! Ура! Получилось!)) Спасибо большое, Наталья!)) Творческих Вам успехов!!! ;))

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

@Любовь:
Отлично! Рада что все получилось! Вам тоже творческих успехов ))

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

Где можно скачать такие готовые в psd формате?

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

@martinez:
Нигде, такой возможности нет.

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

У вас ж есть…

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

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

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

164 queries in 0,750 seconds.