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

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

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

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

Ресурсы

  • Lehn260.

Шаг 1

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

Шаг 1

Шаг 2

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

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

Шаг 2

Шаг 3

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

Шаг 3

Шаг 4

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

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

Шаг 4
Шаг 4 - 2

Шаг 5

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

Шаг 5

Шаг 6

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

Шаг 6
Шаг 6 - 2

Шаг 7

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

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

Шаг 7
Шаг 7 - 2

Шаг 8

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

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

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

Шаг 8
Шаг 8 - 2

Шаг 9

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

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

Шаг 9
Шаг 9 - 2

Шаг 10

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

Шаг 10
Шаг 10 - 2

Шаг 11

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

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

Шаг 11
Шаг 11 - 2

Шаг 12

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

Шаг 12
Шаг 12 - 2

Шаг 13

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

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

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

Шаг 13
Шаг 13 - 2

Шаг 14

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

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

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

Шаг 15

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

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

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

Шаг 15

Шаг 16

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

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

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

Шаг 16
Шаг 16 - 2

Шаг 17

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

Шаг 17
Шаг 17 - 2

Шаг 18

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

Шаг 18
Шаг 18 - 2

Шаг 19

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

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

Шаг 19

Шаг 20

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

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

Шаг 20
Шаг 20 - 2

Шаг 21

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

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

Шаг 21

Шаг 22

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

Шаг 22
Шаг 22 - 2

Шаг 23

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

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

Шаг 24

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

Шаг 24
Шаг 24 - 2

Шаг 25

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

Шаг 25
Шаг 25 - 2

Шаг 26

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

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

Шаг 26

Шаг 27

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

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

Шаг 27
Шаг 27 - 2

Шаг 28

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

Шаг 28

Шаг 29

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

Шаг 29

Шаг 30

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

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

Шаг 30
Шаг 30 - 2

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

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

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

РедакцияПеревод статьи «How to Create Chocolate Candies Text Effect in Photoshop»