Как создать надпись в виде шоколадных конфет

В этой статье мы научимся создавать в Photoshop текст в виде шоколадных конфет.

cytxt_final

Окончательное изображение

Программное обеспечение: Adobe Photoshop CC

Ресурсы

  • Lehn260.

Шаг 1

Создайте документ 600 на 600 пикселей, перейдите в Просмотр > Показать> Сетку, чтобы включить отображение сетки, а затем перейдите в Просмотр > Привязать к> Линиям сетки, чтобы включить привязку к сетке. Нажмите Ctrl + K для открытия окна «Установки», перейдите в раздел «Направляющие, сетка и фрагменты» и введите для параметров значения, приведенные на рисунке ниже. Я отключил сетку (Ctrl + ‘), чтобы вам были лучше видны все элементы на скриншотах:

cytxt_1

Шаг 2

В палитре инструментов установите цвет переднего плана на #431D10 и выберите инструмент «Эллипс».

Перейдите к холсту и создайте фигуру размером 68 на 44 пикселя:

cytxt_2

Шаг 3

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

cytxt_3

Шаг 4

В палитре слоев выберите обе векторные фигуры, кликните правой кнопкой мыши на одной из них и выберите пункт «Объединить фигуры».

Для объединенной фигуры откройте окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

cytxt_4
cytxt_4a
cytxt_4b
cytxt_4c

Шаг 5

Выберите инструмент «Эллипс» и создайте фигуру размером 68 на 44 пикселя, как показано на рисунке ниже:

cytxt_5

Шаг 6

Откройте для этой векторной фигуры окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

cytxt_6
cytxt_6a
cytxt_6b
cytxt_6c
cytxt_6d

Шаг 7

Убедитесь, что в палитре слоев выбрана векторная фигура, которую мы только что редактировали, и продублируйте ее (Ctrl – J).

Откройте для копии фигуры окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

cytxt_7
cytxt_7a
cytxt_7b

Шаг 8

Измените цвет переднего плана на #FFFFFF и выберите инструмент «Кисть».

Установите размер кисти в 1 пиксель и «Жесткость» — 100%.

В нижней части палитры слоев нажмите иконку «Создать новый слой». Перейдите к холсту и нарисуйте несколько случайных линий, как показано на рисунке ниже:

cytxt_8
cytxt_8a

Шаг 9

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

Убедитесь, что в палитре выбран слой линий, нарисованных белой кистью, и нажмите иконку «Добавить маску слоя»:

cytxt_9
cytxt_9a

Шаг 10

Для слоя линий, нарисованных белой кистью, откройте окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

cytxt_10
cytxt_10a
cytxt_10b
cytxt_10c

Шаг 11

Создайте новый слой, выберите инструмент «Кисть» и нарисуйте несколько новых линий, как показано на первом рисунке.

Создайте выделение вокруг первой векторной фигуры, убедитесь, что в палитре слоев все еще выбран слой, созданный нами только что, а затем нажмите иконку «Добавить маску слоя»:

cytxt_11
cytxt_11a
cytxt_11b

Шаг 12

Для последнего созданного слоя откройте окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

cytxt_12
cytxt_12a
cytxt_12b
cytxt_12c
cytxt_12d

Шаг 13

Выберите инструмент «Кисть», установите размер кисти на 90 пикселей и «Жесткость» 0%. Создайте новый слой и нажмите кистью один раз на векторной фигуре размером 68 на 44 пикселя, как показано на первом рисунке.

Создайте выделение вокруг фигуры, убедитесь, что слой, созданный нами в этом шаге, все еще активен и нажмите иконку «Добавить маску слоя».

В палитре измените режим смешивания этого слоя на «Мягкий свет» и уменьшите «Непрозрачность» до 35%:

cytxt_13
cytxt_13a
cytxt_13b
cytxt_13c
cytxt_13d
cytxt_13e

Шаг 14

Выберите фигуры, из которых состоит наша первая конфета, нажмите Ctrl — G, чтобы сгруппировать их. Перейдите к палитре слоев и переименуйте новую группу в «S«.

Продублируйте группу (Ctrl — J), переименуйте копию в «W» и разместите ее так, как показано на рисунке ниже:

[IMG=http://www.photoshopstar.com/media/2015/11597/cytxt_14.jpg]

Шаг 15

Выберите инструмент «Эллипс», создайте восемь крошечных кругов (2 пикселя, 3 пикселя и 5 пикселей в ширину) и расположите их, как показано на рисунке ниже.

В палитре слоев выберите крошечные круги и переместите их в группу «W«.

Подсказка: Для создания кругов с помощью инструмента «Эллипс» нужно удерживать нажатой клавишу Shift:

cytxt_15

Шаг 16

Выберите слои созданных кругов и перейдите в Редактирование> Трансформация контура> Деформация. Выберите из выпадающего меню «Деформация» пункт «Флаг», введите в поле «Изгиб» значение 25, а затем нажмите Enter.

Теперь выберите три из оставшихся кругов и снова перейдите в Редактирование> Трансформация контура> Деформация. На этот раз выберите из выпадающего меню «Деформация» пункт «Арка», в поле «Изгиб» ведите значение 40, и затем снова нажмите Enter.

Выберите оставшиеся круги и перейдите в Редактирование> Трансформирование> Деформация. Выберите из выпадающего меню «Деформация» пункт «Сжатый», введите 25 в поле «Изгиб», а затем нажмите Enter:

cytxt_16
cytxt_16a
cytxt_16b

Шаг 17

Откройте для всех слоев 8 окружностей окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже.
Подсказка: После применения стилей слоя для одной векторной фигуры кликните правой кнопкой мыши на ее слое, выберите из появившегося меню пункт «Копировать стили слоя», а затем выберите слои других крошечных фигурок, снова кликните правой кнопкой мыши и выберите пункт «Вставить стили слоя»:

cytxt_17
cytxt_17a
cytxt_17b
cytxt_17c
cytxt_17d

Шаг 18

Чтобы изменить цвет окружностей, откройте окно «Стили слоя» и измените настройки «Наложения градиента», как показано на рисунках ниже:

cytxt_18
cytxt_18a
cytxt_18b

Шаг 19

Продублируйте группу слоев «S«, выберите копию группы и разместите ее, как показано на рисунке ниже.

Назовите новую группу «E«:

cytxt_19

Шаг 20

Теперь переходим к группе «Е«. Откройте окно «Стили слоя» для слоя с белыми линиями сверху. В стиле «Наложение цвета» замените текущее значение цвета на указанное на рисунке.

Теперь откройте окно «Стили слоя» для другого слоя с белыми линиями, и проделайте с ним то же самое, изменив значение цвета на указанное во втором рисунке:

cytxt_20
cytxt_20a
cytxt_20b

Шаг 21

Продублируйте группу «W«, выберите копию группы и разместите ее, как показано на рисунке ниже.

Назовите новую группу «E2«:

cytxt_21

Шаг 22

Выберите инструмент «Перемещение», затем разместите крошечные овалы из группы «Е2» так, как показано на рисунке ниже. Откройте окно «Стили слоя» для этих фигур и введите значения, приведенные на рисунках ниже:

cytxt_22
cytxt_22a
cytxt_22b
cytxt_22c
cytxt_22d

Шаг 23

Продублируйте группу «S«, выберите копию группы и разместите ее, как показано на рисунке ниже. Назовите новую группу «T«:

[IMG=http://www.photoshopstar.com/media/2015/11597/cytxt_23.jpg]

Шаг 24

Теперь мы можем добавить текст. Выберите инструмент «Горизонтальный текст», используйте шрифт LEHN260. Размер шрифта — 32 пикселя и Цвет — #9F5136:

cytxt_24
cytxt_24a

Шаг 25

Откройте для текстового слоя окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

cytxt_25
cytxt_25a
cytxt_25b
cytxt_25c
cytxt_25d

Шаг 26

В палитре слоев выберите группу «T» с буквой T, кликните правой кнопкой мыши по группе и выберите пункт «Преобразовать в смарт-объект», а затем – «Растрировать слой».

Выберите инструмент «Эллипс», перейдите к холсту и создайте четыре круга с диаметром 20 пикселей, как показано на рисунке ниже:

cytxt_26

Шаг 27

Выберите все векторные фигуры, созданные в предыдущем шаге, и объедините их.

Создайте выделение вокруг этой новой фигуры, выберите слой «T» и нажмите на клавиатуре клавишу Delete. После этого скройте векторную фигуру, созданную в начале шага:

cytxt_27
cytxt_27a

Шаг 28

Измените цвет переднего плана на #653523, выберите инструмент «Прямоугольник» и создайте несколько небольших квадратов. Выберите отдельно каждую из векторных фигур, созданных только что, нажмите Ctrl + T и разверните их произвольным образом:

cytxt_28

Шаг 29

Откройте окно «Стили слоя» для квадратов, созданных в предыдущем шаге, и задайте для параметров значения, приведенные на рисунке ниже:

cytxt_29

Шаг 30

Выберите фоновый слой и нажмите на иконку замка, чтобы разблокировать слой.

Откройте окно «Стили слоя» для этого слоя и задайте для параметров значения, приведенные на рисунке ниже:

cytxt_30
cytxt_30a
cytxt_30b

Мы закончили!

Вот как должен выглядеть окончательный результат:

cytxt_final

Перевод статьи «How to Create Chocolate Candies Text Effect in Photoshop» был подготовлен дружной командой проекта Сайтостроение от А до Я.