Урок фотошопа: текст в стиле карамельной сладости - Надписи - Уроки Фотошопа - Каталог статей - Сказочный мир компьютерной графики
Среда, 23-Май-2012, 11:37Главная | Регистрация | Вход

Меню сайта

Форма входа

Логин:
Пароль:

Категории раздела

Фоторетушь [82]
В этом разделе публикуются уроки, связанные с редоктированием кожи, волос и создания макияжа.
Уроки анимации [31]
Стилизация [100]
Создание рамок, открыток, коллажей [68]
Основы Фотошопа [28]
Работа с инструментами
Рисование в Photoshop [59]
Надписи [58]
Web-дизайн [13]
Ваша корзина пуста

Новости

Поддержите наш проект SMS копилка

Поиск

Наш опрос

Как вы оцениваете новый дизайн сайта?
1. Отлично
2. Хорошо
3. Плохо
4. Ужасно
Всего ответов: 348

Мини-чат

300

Статистика

Яндекс цитирования
Rambler's Top100
art-gorodok.ru

Онлайн всего: 3
Гостей: 3
Пользователей: 0


Всего зарегистрировано: 12093
Новых за месяц: 96
Новых за неделю: 29
Новых вчера: 4
Новых сегодня: 1

Пользователей 7111
Проверенных: 4946
Модераторов: 8
Администраторов: 1
Заблокированных: 0

Парней: 6728
Девушек: 5364

Сегодня нас посетили:
tramplin, tatka170361, eva2003, Skansakly
Каталог статей
Главная » Статьи » Уроки Фотошопа » Надписи

Урок фотошопа: текст в стиле карамельной сладости
Текст в стиле карамельной сладости в Photoshop и Illustrator 

 

Для создания текста нам понадобится вот эта текстура.

Шаг 1.


Откройте Illustrator и создайте документ со следующими настройками:

 

Шаг 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) и на вкладке Pathfinder (если у вас не видна эта вкладка, нажмите Shift+Ctrl+F9) нажмите Merge:

 

Затем вставьте на передний план копию объединенного объекта : CTRL+C > CTRL+F. Выберите инструмент Eraser Tool (SHIFT+E) и, удерживая ALT, сотрите левую сторону вашего прямоугольника как показано на рисунке:

 

Шаг 9.

Передвиньте скопированный полосатый прямоугольник вправо, так чтобы первая красная полоска совпала со второй красной полоской нижнего полосатого прямоугольника (уменьшите Opacity верхнего прямоугольника, чтобы вам было проще сопоставить полоски):

 

Теперь выберите верхний прямоугольник и измените его цвет на черный:

 

Шаг 10.

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

 

Шаг 11.

На вкладке Pathfinder (Window > Pathfinder), нажмите кнопку Merge. Затем выделите все объекты и снова нажмите Merge. Выберите инструмент Direct Selection Tool (A), выделите черный прямоугольник и нажмите Delete.

 

Шаг 12.

Выделите всю работу (CTRL+A) и перетащите ее на палитру кистей (F5). В появившемся окне выберите "Pattern Brush”

 

 

Выберите инструмент Pen Tool (P) и нарисуйте длинную прямую линию. Теперь выберите кисть, которую вы только что создали - таким образом вы можете проверить, правильная ли у вас получилась текстура.

Шаг 13.


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

 

Шаг 14.

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

 

Шаг 15.

Выделите прямоугольник и круг и выровняйте их по горизонтальной оси, для этого нажмите на иконку, изображенную на рисунке:

 

Далее снимите выделение (CTRL+клик рядом с изображением), возьмите инструмент Direct Selection Tool (A) и выделите среднюю левую узловую точку круга и нажмите Delete:

 

(у выделенной узловой точки квадратная иконка закрашена в синий цвет).

Выровняйте объекты.

 


Шаг 16.


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

Далее выберите прямоугольник -> ALT+клик - перетащите его, чтобы скопировать. Выровняйте скопированный прямоугольник и оригинальным, как мы делали в шаге 9:

 

Шаг 17.

Выделите полукруг, удалите его заливку цветом и, удерживая SHIFT, кликните на прямоугольник, который находится за ним. Далее правый клик -> Make Clipping Mask.

 

На вкладке Pathfinder нажмите кнопку Merge

 

Шаг 18.

Откройте палитру Swatches с образцами цветов (Window > Swatches) и перетащите получившуюся форму (полукруг) на палитру Swatches, назовите ее "candy-end”.

 

Перейдите на палитру кистей (F5) и выберите нашу кисть. Сбросьте все выделения (CTRL+клик на пустой области изображения)

Шаг 19.

Перейдите на палитру кистей (F5) и выберите нашу кисть. Сбросьте все выделения (CTRL+клик на пустой области изображения). Двойной клик по кисти -> Options. Выделите последний квадратик, показанный на рисунке и выберите "candy-end” из списка, нажмите ОК.

 

Выберите путь, который мы создавали в Шаге 12, затем снова выберите созданную кисть и посмотрите, как сейчас должна выглядеть линия:

 

Шаг 20.

Повторите Шаги 13-19 для второй стороны линии:

 

Шаг 21.

Наконец, наша конфетная кисть готова. теперь создадим текст. Автор использует шрифт "Giddyup Std” (http://www.fonts101.com/fonts/view/Handwriting/12533/Giddyup_Web.aspx). Выберите инструмент Horizontal Type Tool (T) и напишите текст в несколько строк, размер шрифта = примерно 120 рt:

 

Шаг 22.

Выделите весь текст и выберите Object > Expand

 

Затем выберите Object > Path > Clean up

 

Шаг 23.

На панели слоев (F7) создайте новый слой (нажмите "Create New Layer”внизу панели слоев) и "заприте" слой, который находится под ним. Затем перейдите на только что созданный слой

 

Шаг 24.

Выберите инструмент path tool и обведите на новом слое ваш текст (инструмента "path tool" я не нашла, поэтому подозреваю, что в данном случае нужно использовать инструмент Pencil Tool (N), значение параметра "Stroke" примерно 0,05 -0,2 pt, также выберите вот эту опцию:

 

чтобы у вас была возможность редактировать контур предыдущих букв), но не следуйте строго контурам букв, добавляйте завитушки, соединяйте буквы, подключите воображение! 


Если вы хотите изменить цвет кисти, вернитесь к созданным формам -прямоугольник уи полукругам, измените цвет на желаемый и снова добавьте кисть)

Вот что должно получится (автор изменил цвет кисти)

 

Шаг 25.

Выделите весь текст и выберите Object -> Expand Appearance

 

Затем на вкладке Pathfinder нажмите "Merge".

Далее выберите Object > Path > Clean up

 

Шаг 26.

Откройте Фотошоп, создайте новый файл 1600 x 2300 px (File > New) с параметрами:

 


Шаг 27.


Выберите инструмент Gradient Tool (G) и создайте вот такой градиент:

 

Тип градиента : Radial, левое значение цвета - #633262, правое значение - #000000

Получим следующее:

 


Шаг 28.


Выделите весь тест в Иллюстраторе и перетащите его в Фотошоп. Растяните текст так, чтобы он был посередине, как на картинкe:

 

Далее правый клик по слою на палитре слоев -> "Rasterize Layer”. Еще раз двойной клик по слою -> Blending Options и установите значения как на картинках:

 

 

 

 

 

 

Шаг 29.

Создайте новый слой (CTRL+SHIFT+N), установите Blending mode слоя на Multiply, выберите инструмент Brush Tool ( B ) (Hardness = 0%, размер кисти зависит от размера ваших букв, цвет - темно-фиолетовый, Opacity кисти = примерно 20%) и нарисуйте тени на самих буквах, чтобы они казались более объемными:

 

(чтобы не вылезать за рамки букв, загрузите выделение слоя с текстов, нажав Ctrl+ клик по иконке слоя на панели слоев)

Шаг 30.

Создайте новый слой (CTRL+SHIFT+N) и поместите его под слоем с текстом. Возьмите инстремент Brush Tool ( B ) (Hardness = 0%, цвет = темно-фиолетовый) и нарисуйте тени от букв так, как будто части букв отстают от стены:

 

Шаг 31.

Откройте файл с текстурой, которую вы скачивали вначале урока и вставьте ее в документ. Растяните ее согласно размерам вашего документа и поместите слой с текстурой над слоем "Background". Измените Blending mode слоя с текстурой на Multiply:

 

Шаг 32.

Далее создадим 3 корректирующих слоя:

1. Solid color ( Layer > New Fill Layer > Solid color), настройки слоя:

 

2. Color Balance ( Layer > New Adjustment Layer > Color Balance), настройки слоя:

 

3. Black & White ( Layer > New Adjustment Layer > Black & White), настройки слоя:

 


Шаг 33.


Выделите все изображение (CTRL+A), скопируйте его полностью (CTRL+SHIFT+C) и вставьте. Перейдите на копию изображения и выберите Filter > Sharpen > Unsharp Mask, подберите значения параметров, чтобы получилось как у автора (своих настроек автор не указал, я использовала следующие настройки: Amount = 50, Radius = 25, Threshold = 15)

 

Финальный результат!




Ccылка на PSDшник автора тут
Чтобы сказать спасибо за новость, просто нажмите на картинку ниже:
Ссылка на источник для вставки в своём блоге, форуме, сайте:
HTML
BB-Code
Ссылка
Категория: Надписи | Добавил: Биата (28-Апрель-2011)
Просмотров: 297 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Copyright art-gorodok.ru © 2012 | Создать сайт бесплатно