Нас уже 198 040
Логин:
Пароль:
Вход через социальные сети
 

Как создать текст из воздушных шариков в Photoshop

20 октября 2015 - Подзираева Ольга

В этом уроке вы научитесь создавать текст из воздушных шариков, используя Photoshop. Вы создадите текст, используя шрифт, затем просто переведете его в векторную фигуру. Вы научитесь управлять векторными точками, чтобы создать уникальный текстовый дизайн. Потом вы придите ему 3D эффект, что будет легко, вы также нарисуете веревочку в качестве декора вашего текста. Начнем!

Что вы создадите:

 

 

Шаг 1

В Photoshopсоздайте новый документ с параметрами 600x400px, далее следуйте: Просмотр > Показать > Сетку (View> Show> Grid), чтобы разрешить сетку, затем: Просмотр > Привязать к > Линиям сетки (View> SnapTo> Grid ), чтобы разрешить привязку к сетке. Нажмите Ctrl+K, чтобы открыть окно настроек, затем выбрать Направляющие, сетка и фрагменты (Guides, Grid& Slices) и введите параметры, указанные на картинке внизу. Я выключил сетку (Ctrl+ ‘), чтобы вам было удобнее просматривать изображение. Сетка упростит работу для создания или редактирования фигур.

 

 

Шаг 2

Выберите инструмент Горизонтальный текст (HorizontalTypeTool) и используйте шрифт Insaniburger .
Вернитесь к своему изображению, добавить текст с буквой «F»с размером: 220px и цветом: #D85151.

 

 

 

Шаг 3

Работайте с панелью Слои (Layers), правой кнопкой мыши нажмите на «F» и выберите Преобразовать кривые (Convert to Shape).
Убедитесь, что выбрана векторная фигура F, и нажмите Перо+(добавить опорную точку) (Add Anchor Point Tool).
Теперь поработаем над формой буквы и добавим новые опорные точки, как показано на картинке ниже.

Совет: используйте комбинацию «Ctrl+ -»,чтобы отдалить и «Ctrl+ +», чтобы приблизить. вернуться к исходному изображению можно с помощью комбинации «Ctrl + 0».

 

balloon_text_3

 

Шаг 4

Выберите инструмент Выделение узла (Direct Selection), поработайте над верней частью и выберите первые 3 точки, которые были добавлены в предыдущем шаге (выделены на первой картинке)

Нажмите стрелку влево на клавиатуре, чтобы сдвинуть точки на 1px влево.

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

 

 

Шаг 5

Теперь поработаем над нижней частью F. выделите левые точки, как на картинке ниже, и перетащите их на 5px вправо, затем выберите правые точки, как на этой же картинке и перетащите на 5px влево. После этого ваше изображение будет выглядеть так, как на второй картинке.

 

 

 

Шаг 6

Выберите инструмент Горизонтальный текст (Horizontal Type) и установите настройки размера 220px и цвета #D85151.
Вернитесь к своему изображению. Добавьте текст «L»и расположите его так, как видите на картинке ниже.

 

 

 

Шаг 7

Обратитесь к панели Слои (Layers), нажмите на слой с буквой и опять выберите Преобразовать в кривые(Convert to Shape).
Убедитесь, что вы работаете с векторной фигурой L. Выберите Перо+ (добавить опорную точку) (AddAnchorPointTool) и добавьте новые опорные точки, как показано на следующих картинках.

 

 

Шаг 8

Выберите инструмент Выделение узла (Direct Selection Tool), сфокусируйтесь на верхней части L, выберите три точки, выделенные на правой картинке, и перетащите их на 2px влево. Теперь убедитесь, что вы выдели ли средние точки, и перетащите их на 3px влево.

 

 

Шаг 9

Поработайте над серединой L, выберите точки слева, как указано на картинке, и перетащите их на 5px вправо. Затем выберите правые точки, как показано на той же картинке, и перетащите на 5px влево. После выполнения всех этих действий у вас получится результат, как на второй картинке.

 

 

Шаг 10

Теперь добавьте «Y», используя тот же шрифт и цвет, повторите те же действия, что и для фигур «F»и «L».

 

   

 

Шаг 11

Откройте окно Стиль слоя (LayerStyle) для одной из букв и укажите настройки, как на картинках ниже. После этого продолжаем работать с панелью Слои (Layers). Нажмите правой кнопкой мыши на обработанную форму и нажмите Скопировать стиль слоя (Copy Layer Style). Теперь вернемся к другим слоям, нажмите правую кнопку мыши, выберите Вклеить стиль слоя (Paste Layer Style).

 

 

 

Шаг 12

Убедитесь, что выбраны все три фигуры, и скопируйте их, используя комбинацию Ctrl+ J. Вернемся к панели Слои (Layers). Выберите последние копии, нажмите правую кнопку мыши и выберите Объединить слои (Merge). Откройте окно Стиль слоя (LayerStyle) для только что образованной формы, уберите существующие настройки, добавьте Тень (Drop Shadow), затем откройте дополнения ниже. Продолжайте работать со слоями. Убедитесь, что фигура, полученная в этом шаге, все еще выбрана, и снизьте Заливку (Fillдо 0%.

 

  

 

 

Шаг 13

Продолжаем работать с панелью Слои (Layers). Зажмите клавишу Ctrl на клавиатуре и нажмите на уменьшенное изображение слоя, полученного в прошлом шаге, чтобы выделить его.

Далее: Выделение > Модификация > Сжать (Select> Modify> Contract) и установите настройку сжатия на 15px.
В меню Слои (Layersвыберите Создать новый слой (Create new layer). Установите цвет переднего плана #FFFFFF, выберите инструмент Заливка (Paint Bucket) и залейте выделенную зону.
После того, как вы выполнили это действие, нажмите Ctrl + D, чтобы снять выделение.

 

    

 

Шаг 14

Посмотрите на панель СлоиLayers), переименуйте слой, созданный в прошломшаге, на «Выделение» и снизьте в нем заливку до 0%. Откройте Стиль слоя Layer Style) для слоя «Выделение» иустановите настройки, указанные ниже.

 

  

 

Шаг 15

Убедитесь, что у вас выбран слой «Выделение», и скопируйте его (Ctrl+J). Откройте окно Стиль слоя (Layer Style) для копии слоя «Выделение», затем выберите Наложение градиента (Gradient Overlay) и инвертируйте угол.  

 

balloon_text_15  balloon_text_15a

 

Шаг 16

Обратимся к панели Слои (Layers), нажмите правой кнопкой мыши на слой «Выделение» и выберите Преобразовать в смарт-объект (Convert to Smart Object).

Убедитесь, что ваш новый слой со смарт-объектом выделен. Измените режим наложения на Перекрытие (Overlay),  снизьте прозрачность до 80%, затем выберите Фильтр > Размытие > Размытие по Гауссу (to Filter> Blur> GaussianBlur). Выберите радиус 5px и нажмите ОК.

 

balloon_text_16  balloon_text_16a

 

Шаг 17

Откройте панель Слои (Layers) и переведите слой «Выделение копия» в смарт-объект.

Убедитесь, что у вас выделен новый слой со смарт-объектом, измените режим наложения на Перекрытие (Overlay), снизьте прозрачность до 50%, затем выберите Фильтр > Размытие > Размытие по Гауссу (Filter> Blur> GaussianBlur). Выберите радиус 5px и нажмите ОК.

 

balloon_text_17  balloon_text_17a

 

Шаг 18

Измените цвет переднего плана на #C33333, выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) и нажмите на ваше изображение, чтобы открылось окно для данного инструмента. Укажите настройки, как на картинке ниже, и нажмите ОК.

Убедитесь, что у вас выделена векторная фигура, и выберите инструмент Выделение узла (DirectSelectionTool)

Выделите верхние левые опорные точки, щелкните по верхней стрелочке дважды, затем выделите нижние левые опорные точки и щелкните по нижней стрелочке дважды.

 

balloon_text_18  balloon_text_18c  balloon_text_18b  balloon_text_18a

 

Шаг 19

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

Откройте окно Стиль слоя (LayerStyleдля этих маленьких векторных фигур и укажите настройки, которые вы видите на следующей картинке.

 

balloon_text_19  balloon_text_19c  balloon_text_19b  balloon_text_19a

 

Шаг 20

Создайте новую копию этой маленькой векторной фигуры, поверните ее (Ctrl+T) на 90 градусов, затем расположите так, как показано на следующем изображении. Откройте окно Стиль слоя (Layer Style) для данной фигуры и замените существующие настройки теми, что указаны на картинке ниже.

 

balloon_text_20  balloon_text_20c  balloon_text_20b  balloon_text_20a

 

Шаг 21

В этом шаге вы научитесь создавать узор.

Для начала нажмите Ctrl+N и создайте документ с размерами 6 x6px.

Установите цвет фона #000000, выберите инструмент Линия (LineTool) и установите ее размер 2pxВернитесь к своему изображению и создайте следующие векторные фигуры.

После того, как вы справились с этим, сохраните узор. Для этого следуйте Редактирование > Определить узор (Edit> DefinePattern). Дайте имя своему узору и нажмите ОК.

 

balloon_text_21  balloon_text_21b  balloon_text_21a

 

Шаг 22

Вернитесь к своему главному документу. Установите цвет переднего плана #97712E, выберите инструмент Прямоугольник со скругленными углами (Rounded RectangleTool), поработайте над верхним краем и установите радиус 2px.

Вернитесь к своему изображению и создайте векторную фигуру с размерами 4x10px.

Убедитесь, что данная векторная фигура выделена, нажмите Ctrl+T и поверните ее на 30 градусов.

 

balloon_text_22  balloon_text_22a

 

Шаг 23

Создайте 7 копий векторной фигуры (Ctrl+J),созданной в предыдущем шаге, и переместите копии так, как вы видите на картинке ниже.

 

balloon_text_23

 

Шаг 24

Выберите иструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) и установите радиус 4px. Вернитесь к своему изображению, создайте две векторные фигуры с размерами 8 x10px и поместите их так, как показано на картинке ниже.

Выделите все векторные фигуры коричневого цвета и выберите Объединить фигуры (MergeShapes).

 

balloon_text_24  balloon_text_24a

 

 

Шаг 25

Откройте окно Стиль слоя (Layer Style) для векторной фигуры коричневого цвета и установите настойки, как показано на картинке ниже.

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

 

balloon_text_25  balloon_text_25d  balloon_text_25c  balloon_text_25b  balloon_text_25a

 

Шаг 26

Убедитесь, что три коричневые фигуры выбраны, и скопируйте их (Ctrl+J). Обратитесь к панели Слои (Layers), выберите только что созданный копии, кликните на них правой кнопкой мыши и выберите Объединить фигуры (MergeShapes). Откройте окно Стиль слоя (Layer Style) для фигуры, созданной в этом шаге, удалите имеющиеся настройки, установите стиль слоя Тень (Shadow) и укажите настройки, показанные ниже. Продолжайте работать с панелью Слои (Layers), убедитесь, что фигура, созданная в этом шаге, все еще выделена, и снизьте Заливку (Fill) до 0%.

 

balloon_text_26  balloon_text_26a

 

Шаг 27

Откройте окно Слои (Layers), выделите все ваши фигуры и слои и сгруппируйте их, используя комбинацию Ctrl+G.

Откройте окно Стиль слоя (Layer Style) для этой группы и укажите настройки, как на картинке ниже.

 

balloon_text_27  balloon_text_27a

 

Шаг 28

Обратитесь к панели Слои (Layers). Выберите слой Фон (Background), нажмите на замок, чтобы разблокировать слой.

Установите цвет переднего плана #CDCDCD или #A3D49C, выберите инструмент Заливка (Paint Bucket Tool) и залейте ваше изображение новым цветом.

Откройте окно Стиль слоя (Layer Style) для разблокированного слоя и укажите настройки, как на следующих картинках.

 

balloon_text_28  balloon_text_28d  balloon_text_28c  balloon_text_28b  balloon_text_28a

 

 

Конечный результат:

 

 

 

Оригинал статьи на английском языке:  http://www.photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-alloon-text-effect-adobe-photosop/

 

Перевод подготовила Подзираева Ольга специально для сайта Dburn.ru

http://vk.com/podzirayeva_olga

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