Приветствую Вас, Гость
Главная » Статьи » работа с текстом

Надпись из конфеты

результат

В этом уроке я расскажу вам, как стилизовать надпись так, как будто она сделана из леденца – отличная тема для рождественских открыток!

В ходе работы вы научитесь

- создавать пользовательские шаблонные кисти

- экспериментировать с режимами наложения в Photoshop

- работать со светом и тенью

- ретушировать фотографии

- создавать подходящий фон для иллюстраций

- использовать корректирующие слои

Уровень сложности: средний

Примерное время работы – 1 час

Инструменты: Illustrator CS3, Photoshop CS3

Нам понадобится:

- бумажная текстура

 

Шаг 1

 

Откройте Illustrator и создайте новый документ формата "Letter", с цветовой схемой CMYK и разрешением 72 dpi.

создаем документ

Шаг 2

 

Возьмите инструмент Rectangle Tool (M) и нарисуйте серый прямоугольник.

рисуем прямоугольник

Шаг 3

 

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

рисуем прямоугольник

Шаг 4

 

Возьмите Selection Tool (V) и поверните второй прямоугольник. Можно не заморачиваться на точности – положитесь на ваш художественный вкус.

поворачиваем прямоугольник

Шаг 5

 

Зажмите клавишу Alt и перетащите красный прямоугольник вправо. Для того, чтобы перемещать прямоугольник строго по горизонтали, зажмите Shift.

копируем прямоугольник

Шаг 6

 

Нажмите Ctrl + D три раза, чтобы получить еще три прямоугольника.

копируем прямоугольник

Шаг 7

 

Выделите серый прямоугольник и растяните его вдоль всех красных. После этого скопируйте (Ctrl + C) и вставьте на передний план (Ctrl + F). Нажмите Ctrl + Shift + ] для того, чтобы поместить его поверх всех остальных фигур.

растягиваем серый прямоугольник

Шаг 8

 

Удалите серую заливку, выделите все красные прямоугольники, кликните по ним правой кнопкой мыши и выберите в контекстном меню пункт Make Clipping Mask.

растягиваем прямоугольник

Выделите всю иллюстрацию целиком (Ctrl + A) и нажмите кнопку Merge. 

создаем маску

Затем скопируйте и вставьте на передний план копию готовой фигуры. Возьмите инструмент Eraser Tool (Shift + E), зажмите клавишу Alt и сотрите левый край фигуры вместе с частью красной полоски, как показано на рисунке.

удаляем лишнее

Шаг 9

 

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

совмещаем две части

 Теперь выделите верхнюю фигуру и задайте ей черную заливку.

заливаем черным

Шаг 10

 

Возьмите инструмент Selection Tool (V), выделите черный прямоугольник, и, зажав клавишу Alt, переместите среднюю точку, как показано на рисунке ниже.

перемещаем точку

Шаг 11

 

Нажмите кнопку Merge на панели Pathfinder. Теперь выделите все элементы иллюстрации и снова нажмите Merge. Выберите инструмент Direct Selction Tool (A), выделите черный прямоугольник и удалите его.

объединяем элементы

Шаг 12

 

Выделите готовую фигуру и перетащите ее на панель Brushes (F7). Установите тип "Pattern Brush".

создаем новую кисть

Теперь возьмите инструмент Path Tool (P) и нарисуйте длинную прямую линию, а потом кликните по только что созданной кисти. Получилось? Это полезно сделать, чтобы удостовериться, что шаблон выглядит правильно.

рисуем пробную линию

Шаг 13

 

Возьмите Ellipse Tool (L) и нарисуйте круг. Зажмите Shift во время рисования, чтобы получить правильный круг.

рисуем круг

Шаг 14

 

Выделите прямоугольник и скопируйте его высоту из поля Height в поля Width и Height круга.

удаляем точку

Шаг 15

 

Выделите обе фигуры и выровняйте их по горизонтали. Снимите выделение. 

выравниваем фигуры

Теперь возьмите Direct Selection Tool, выделите крайнюю левую точку круга и удалите.

выделяем точку

удаляем точку

 

Шаг 16

 

Возьмите Selection Tool (V) и выровняйте полученную фигуру так, как показано на рисунке ниже. Выделите прямоугольник и перетащите его в сторону, чтобы скопировать. Выровняйте новый прямоугольник по горизонтали, так же, как и в шаге 9.

сдвигаем полукруг

Шаг 17

 

Выделите полукруг, удалите заливку, зажмите клавишу Shift и кликните по прямоугольнику. Теперь по нему правой кнопкой мыши и в появившемся контекстном меню выберите пункт Make Clipping Mask. Нажмите кнопку Merge на панели Pithfinder.

обрезаем по маске

обрезаем по маске

Шаг 18

 

Откройте палитру Swatches (Window > Swatches) и перетащите на нее полученную фигуру. Назовите ее как-нибудь, например – "Candy-end". На панели Brushes (F5) выберите нашу кисть. После этого снимите выделение.

создаем кисть

Шаг 19

 

В выпадающем меню справа выберите Options. Кликните по последнему квадратику в строке и выберите тип – candy-end. Нажмите ОК. Выделите тестовую линию и кликните по кисти сейчас. Ну, как?

рисуем тестовую линию

рисуем тестовую линию

Шаг 20

 

Проделайте то же самое с другим концом линии.

повторяем с другим концом

Шаг 21

 

Итак, у нас есть "леденцовая кисть", пора писать текст. В этом примере я использовал шрифт Giddyup Std. Возьмите инструмент Horizontal Type Tool (T) и напишите какой-нибудь текст. Лучше всего разбить его на несколько строчек.

пишем текст

Шаг 22

 

Выделите весь текст и выберите в меню Object > Expand, а затем Object > Path > Clean up.

преобразуем текст

убираем контур

Шаг 23

 

На панели Layers создайте новый слой и заблокируйте слой под ним.

создаем новый слой

Шаг 24

 

Возьмите инструмент Path Tool и на новом слое обведите текст, но не стремитесь быть точным – вы можете соединять слова, добавлять промежутки между буквами и даже завязывать узлы! Выделите все линии, когда закончите.

обводим слова

Подсказка: Если вы хотите изменить цвет только что созданных фигур, просто измените его и создайте новую кисть. Я выбрал светло-серый с розовым.

 

Шаг 25

 

Выберите в меню Object > Expand Appearance, затем нажмите кнопку Merge на панели Pathfinder, и в конце сделайте Object > Path > Clean up.

преобразуем надпись

преобразуем надпись

преобразуем надпись

Шаг 26

 

Откройте Photoshop, создайте новый документ в формате RGB размером 1600х2300 с разрешением 72 dpi.

создаем новый документ в фотошопе

Шаг 27

 

Возьмите инструмент Gradient Tool (G) и сделайте градиентный фон, как показано ниже.

рисуем градиентный фон

рисуем градиентный фон

Шаг 28

 

Выделите и перетащите векторный текст из Illustrator в Photoshop, подкорректируйте размер, если нужно, и нажмите Enter. Кликните правой кнопкой мыши рядом с миниатюрой слоя и выберите Resize Layer, после чего нажмите кнопку "fx" и выберите параметры наложения, как на рисунке ниже.

копируем текст из иллюстратора

копируем текст из иллюстратора

копируем текст из иллюстратора

копируем текст из иллюстратора

копируем текст из иллюстратора

копируем текст из иллюстратора

копируем текст из иллюстратора

Шаг 29

 

Создайте новый слой, установите для него режим наложения Blending Mode = Multiply, возьмите инструмент Brush Tool (B), установите параметр Hardness равным 0%, уберите все дополнительные настройки на панели Brushes и нарисуйте тени в некоторых местах, чтобы надпись выглядела объемной. Я использовал фиолетовый цвет для тени.

рисуем тени

Подсказка: вам будет удобнее работать если вы перейдете на слой с текстом и выберете в меню Layer > Layer Mask > Reveal All.

 

Шаг 30

 

Создайте еще один слой (Ctrl + Shift + N) и поместите его под слоем с текстом. Снова возьмите инструмент Brush Tool (B), установите параметр Hardness равным 0%, уберите все дополнительные настройки на панели Brushes и нарисуйте тени рядом с буквами так, чтобы казалось, что они находятся на некотором расстоянии от фона.

имитируем отступы

Шаг 31

 

Откройте бумажную текстуру, выделите ее (Ctrl +A), скопируйте (Ctrl + C) и вставьте на наш документ (Ctrl + V). Поместите слой с бумажной текстурой поверх слоя с фоном, измените размер, если нужно и нажмите Enter. Установите режим наложения Blending Mode = Multiply.

добавляем бумажную текстуру

 

Шаг 32

 

Выберите в меню New Fill Layer > Solid color, а затем – Layer > New Adjustment Layer > Color Balance, и установите баланс Black & White. Можете ориентироваться по скриншотам, представленным ниже.

применяем фильтр

применяем фильтр

применяем фильтр

Шаг 33

 

Выделите всю иллюстрацию целиком (Ctrl + A), скопируйте объединенные элементы (Ctrl + Shift + C) и вставьте на новый слой. Выберите в меню Filter > Sharpen > Unsharp Mask и нажмите OK.

объединяем все элементы

Готово!

результат

designioustimes.com

Категория: работа с текстом | Добавил: nevestka (30.05.2011)
Просмотров: 871 | Теги: Конфета, работы с текстом | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]