Текст в стиле карамельной конфеты

В этом уроке мы будем создавать интересный дизайн текста в стиле карамельной конфеты с помощью Illustrator и Photoshop.

В этом уроке вы узнаете как:

— Создавать собственные векторные кисти
— Как применять эффекты к слоям в Photoshop
— Создавать тени и блики
— Ретушировать фотографии
— Создавать фон для вашего дизайна
— Использовать корректирующие слои

Ресурсы: 

В процессе урока вам понадобится вот эта текстура.

Шаг 1. 

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

c22036314dce

Шаг 2. 

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

5b09749a4371

Шаг 3. 

Теперь нарисуйте еще один прямоугольник, немного тоньше предыдущего вот с такими настройками:

8cbf7c235e39

Шаг 4. 

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

71a2fa0eb91f

Шаг 5.

Удерживая кнопку Alt, перетащите красный прямоугольник вправо. Также удерживайте кнопку SHIFT, чтобы перетащить второй прямоугольник параллельно первому:

4f8fb3c535c8

Шаг 6. 

Нажмите CTRL+D три раза. Таким образом вы продублируете свою последнюю команду:

0f6e58ef0f60

Шаг 7. 

Выберите серый прямоугольник и удлините его как показано на рисунке. Затем скопируйте его (CTRL+C) и вставьте его на передний план (CTRL+F). Нажмите CTRL+SHIFT+], чтобы прямоугольник появился на переднем плане.

27dbd7338ef7

Шаг 8.

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

b41bd1e34ec0

Далее еще раз выделите все прямоугольники ( CTRL+A) и на вкладке Pathfinder (если у вас не видна эта вкладка, нажмите Shift+Ctrl+F9) нажмите Merge:

15d88129eb18

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

b294cfe363ba

Шаг 9. 

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

03d09a7a0c12

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

d86a35111ddd

Шаг 10. 

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

0c41d9b8f730

Шаг 11. 

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

91dfe8b73a08

Шаг 12. 

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

7123be4ea2d5

3864cbb2fb91

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

Шаг 13.

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

c21cddb933c6

Шаг 14. 

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

d2af97766da4

Шаг 15. 

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

5d7ae758f803

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

087157d9f56d

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

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

1312bba64795


Шаг 16. 

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

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

c7515d295fa1

Шаг 17. 

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

fb0c027407c5

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

45e46d3b66be

Шаг 18. 

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

f8f763b9ed4c

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

Шаг 19. 

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

93c263ed008e

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

4c115055547a

Шаг 20.

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

4b6806dee73c

Шаг 21.

Наконец, наша конфетная кисть готова. теперь создадим текст. Автор использует шрифт “Giddyup Std” . Выберите инструмент Horizontal Type Tool (T) и напишите текст в несколько строк, размер шрифта = примерно 120 рt:

6df2c1a3727d

Шаг 22. 

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

3cc404645f92

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

d48124d5c691

Шаг 23. 

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

780ff83bc703

Шаг 24. 

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

139d2bcdd187

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

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

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

7eb65606c4e8

Шаг 25. 

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

293f35570c65

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

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

631ef51060a1

Шаг 26. 

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

7198f2216206


Шаг 27. 

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

326eb48bc181

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

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

27.1-designioustimes-candy-cane-type-tutorial


Шаг 28.

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

28-designioustimes-candy-cane-type-tutorial

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

88c6c9869592

f6b939be7daa

871ea7b03cae

bc2f810e642f

2e53598f63e7

85f2f86cd51c

Шаг 29. 

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

ecd4e94dce1d

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

Шаг 30. 

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

1c8fba9c90ce

Шаг 31. 

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

7fbc8a413fe2

Шаг 32.

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

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

0e05bb87b7e9

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

7b781f961918

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

9d9b1cf340bc


Шаг 33. 

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

c5a2c49919cc

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

1116a4762e80

Источник : designioustimes.com

One Comment

  1. Спасибо!

Add a comment

*