Сайт ищет новых владельцев. Пишите на e2network@yandex.ru с темой "Покупка psd.by"

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

Категория: Работа с текстом|Уроки Photoshop

5 Окт 2012

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

Вот, что у нас должно получиться:

clip_image002

Для урока нам понадобится кисть:
Шаг 1 — создаём новый документ

Создаем новый документ размером 1000х500 пикселей. Вы можете сделать это через меню File — New (Файл — Новый).

clip_image004

Шаг 2

Выбираем фоновый слой и используем Paint Bucket Tool (Заливка), чтобы залить его цветом #D0CFCF.

clip_image006

Шаг 3 — Текст

Для текста создаем новый слой, подходящий шрифт вы можете найти в интернете или нарисовать четкий контур букв на бумаге, отсканировать и импортировать его в Фотошоп. Далее берем pen tool (Перо) и создаем контур одной из букв. Я использовала слово «Graffiti».

clip_image008

Шаг 4

Потом выделяем наш контур, кликнув по нему правой кнопкой мыши и выбрав Make Selection, заливаем его любым цветом.

clip_image010

Шаг 5

Переименовываем этот слой. Я назвала этот слой «G». Дублируем слой и располагаем его под первоначальным слоем. Дважды щелкаем по дублированному слою «G Copy», чтобы вызвать окно Layer style box (стиль слоя) и поменять цвет.

clip_image012

Шаг 6

Далее переместите слой «G copy» вверх на 5 пикселей и вправо на 8-9 пикселей, используя клавиши со стрелками.

clip_image014

Шаг 7

На оригинал слоя «G» добавим стили слоя, начнем с Inner Shadow (Внутренняя тень)

clip_image016

clip_image018

clip_image020

clip_image022

Шаг 8

Так должен выглядеть ваш результат. Переходим на слой «G copy», а затем Layer>Layer Style>Create Layer (Слой — Стиль слоя — Создать слой). Теперь выбираем Burn tool (Затемнитель) и затемняем в нескольких областях. После этого выбираем Dodge tool (Осветлитель) и осветляем несколько участков. Заметка: Зелеными кружочками указаны места, в которых использовался затемнитель, а в красных использовался осветлитель.

clip_image024

clip_image026

Шаг 9

В слой «G copy» добавляем Drop Shadow (Отбрасывание тени).

clip_image028

Шаг 10

Создаём новый слой и делаем его выделение на слое «G copy» , добавляем Stroke (Обводка) Edit>Stroke (Редактирование – Обводка), располагаем обведенный слой под слоем «G copy».

clip_image030

Шаг 11

Создаем новый слой и называем его «Прямоугольники», берем selection tool (инструмент выделения) и создаем несколько прямоугольных фигур, залитых цветом #8cb809.

clip_image032

Шаг 12

Сейчас мы добавим блик, для этого создаем новый слой и с помощью pen tool (Перо) рисуем область, которая будет светиться. Заливаем это цветом #FFFFFF.

clip_image034

Шаг 13

Стираем лишние области. Чтобы это сделать выделяем слои «G» and «G Copy» (зажимаем ctrl+alt и кликаем по миниатюре слоя на панели слоев), Select>Inverse (Выделение – Инвертирование), потом удаляем лишнюю часть слоя с бликом.

clip_image036

Шаг 14

Меняем этот слой на «Soft Light»(Мягкий свет) и добавляем стиль слоя Layer > Layer Style > Inner Shadow (Слой — Стиль слоя — Внутренняя тень).

clip_image038

Шаг 15

Повторяем предыдущие шаги для остальных букв.

clip_image040

clip_image042

clip_image044

clip_image046

clip_image048

clip_image050

clip_image052

clip_image054

Шаг 16 — Облако

Создаем новый слой и называем его «облако». Располагаем этот слой под слоями с буквами. Берем brush tool (Кисть) и, изменяя диаметр, рисуем много кругов для создания облака. Я использовала цвет #e40480. Далее делаем дубликат слоя.

clip_image056

Шаг 17

Добавляем стили слоя к оригиналу слоя «Облако» Layer > Layer Style > Bevel and Emboss (Слой — Стиль слоя — Фаска и Тиснение).

clip_image058

clip_image060

clip_image062

Шаг 18

Вот, что у вас должно получиться:

clip_image064

Шаг 19

Создаем новый слой над слоем с облаком, и с помощью мягкой круглой кисти (#FFFFFF) рисуем несколько бликов возле облака. Убедитесь, чтобы у кисти была низкая opacity (непрозрачность).

Шаг 20

Переходим к слою «Cloud copy» и располагаем его под оригиналом, меняем opacity (непрозрачность) слоя на 27%. Также подвиньте слой таким образом, чтобы была видна тень.

clip_image066

Шаг 21

Создаем новый слой для внутреннего облака, берем жесткую круглую кисть и, регулируя диаметр, рисуем облако. Я использовала цвет #8cb809.

clip_image068

Шаг 22

Добавляем к слою стили:

clip_image070

clip_image072

clip_image074

Шаг 23

Создаем новый слой и добавляем немного свечения слою с облаком, с помощью маленькой мягкой круглой кисти. Также можно использовать smudge tool (Палец), чтобы растянуть блики.

clip_image076

Шаг 24

Сейчас я покажу вам как создать задний фон. Для начала создадим новый документ.

clip_image078

Шаг 25

Берем rounded rectanlge tool (закругленный прямоугольник) и рисуем прямоугольник. Цвет — #8cb809, радиус — 21px.

clip_image080

Шаг 26

Добавляем стиль слоя Stroke (Обводка)

clip_image082

Шаг 27

Делаем многочисленные дубликаты кирпичиков, таким образом, чтобы создать кирпичную кладку. Заметка: Убедитесь, что кирпичи перекрывают друг друга, так чтобы не было видно белого фона.

clip_image084

Шаг 28

Создаем новый слой над кирпичами и с помощью мягкой круглой кисти (диаметр — 60px, цвет — #000000) наносим тень на кирпичи. Изменяем Opacity (Непрозрачность) слоя на 27%.

clip_image086

Шаг 29

Переходим по Edit>Define Pattern (Редактировать — Определить узор), в появившемся окне вводим имя и нажимаем Ок. Возвращаемся к документу с нашим граффити. Создаем новый слой под слоями с облаками. Добавляем заливку с цветом #FFFFFF. Уменьшаем Fill (Заливка) до 0 %. Добавляем стили слоя:

clip_image088

clip_image090

Шаг 30

Создаем новый слой, добавляем блики на некоторые кирпичи.

Используем мягкую круглую кисть и Smudge Tool (Палец), чтобы размазать их.

clip_image092

Шаг 31

Далее рисуем световые лучи. Создаем новый слой над текстом и берем кисть. Перед тем как рисовать световые лучи, устанавливаем размер кисти 87 px.

clip_image094

Шаг 32

Берем pen tool (Перо) и создаем контур световых линий, затем жмем по нему правой кнопкой мыши и выбираем Stroke Path (Образовать контур) и выбираем опцию ‘Stimulate Pressure’ (Имитировать давление).

clip_image096

Шаг 33

Добавляем Outer Glow (Внешнее свечение)

clip_image098

clip_image100

Шаг 34

Создаем новый световой луч

clip_image102

Step 35

Создаем новый слой и добавляем несколько звездочек с помощью кисти, которую вы загрузили в начале урока.

clip_image104

Конечный результат

clip_image002[1]

Источник: http://photoshoptutorials.ws/photoshop-tutorials/text-effects/create-a-cartoon-style-graffiti-text-effect-in-photoshop

Написать комментарий

О PSD.by

PSD.by - это сайт, полностью посвященный работе с Adobe Photoshop. Не важно кто вы - матерый волк Фотошопа или начинающий дизайнер, который только делает свои первый шаги. На нашем сайте вы найдете для себе много полезного - от простых до сложных уроков, большой каталог дополений для Photoshop.
Если Фотошоп для вас - это не просто название софта, то вы попали по адресу!

  • Pavel: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Андрей: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Лидия: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • andrey: Добрый день! Прошу прислать Бесплатный макет футболок [...]
  • Ваграм: Просто офигенно :) [...]
Creative Suite 5 Patterns для фотошопа Примеры работ дизайнеров Работа с фотографиями Рисование в Photoshop Создание обоев для рабочего стола Уроки Photoshop гламурные кисти для фотошопа дизайн сайтов дизайн сайтоы кисти для Photoshop новогодние стили для фотошопа обработка фото в фотошопе отделение объекта от фона в фотошопе паттерны для фотошопа пример креативных дизайнов работа с текстов в фотошоп работа с текстом работа с текстом в photoshop работа с текстурами работа с эффектами в фотошоп рамки для фото в psd релиз Photoshop скачать дополнения для photoshop скачать иконки в psd скачать иконки для фотошопа скачать кисти для фотошопа скачать паттерны для Photoshop скачать стили для Photoshop скачать тени для фотошопа скачать шаблон фото скачать шрифты для фотошопа создание баннеров в фотошопе создание коллажей в фотошопе создание макетов рекламы создание макетов сайта в фотошопе создание сайтов в фотошопе стили для фотошопа стили фотошоп тени для фотошопа травяная текстура уроки фотошоп шаблоны для коллажей шаблоны фото для фотошоп шаблоны фото для фотошопа

Это интересно!