Как в фотошопе сделать облако с текстом
В предыдущем уроке мы познакомились с основами работы с инструментом «Текст» (Type Tool) в Photoshop, где я упомянул, что в Photoshop существует два основных метода ввода текста — ввод строкой и ввод в указанную область. Первый метод мы рассмотрели в предыдущем уроке. В этом уроке мы рассмотрим метод ввода текста в область, иными словами, как в программе Photoshop вставить большое количество текста в определённую область изображения.
Метод ввода текста строкой (абзацем) в Photoshop является наиболее применяемым. Он заключается в том, что, при активном инструменте «Текст» нужно кликнуть по документу, Photoshop добавляет в этом месте отправную точку, и далее текст, введённый с клавиатуры или вставленный из буфера обмена добавляется от этой точки. Таким образом вводятся небольшие количества текста, отдельные буквы, слова или предложения.
Напомню, что способе при вводе текста строкой, текст и вводится одной строкой и, если строка слишком длинная, то она выходит за край документа, в этом случае, чтобы оборвать строку и перенести её на следующую строчку, требуется нажать клавишу Enter, как в обычных программах-редакторах.
Но бывают случаи, когда в документ нужно добавить большое количество текста, причём этот текст должен быть размещён внутри области, имеющей определённую геометрическую форму, такой случай описывается здесь на примере ввода текста в форму сердечка.
Это как раз и есть второй вариант ввода текста в Photoshop — ввод текста в область.
В данном уроке мы рассмотрим этот способ подробнее.
Смотреть другие материалы по инструменту «Текст»:
Ввод в область не требует никаких специальных инструментов, мы используем тот же самый инструмент «Текст», как и при первом способе. Разница заключается в том, как мы используем инструмент. В способе ввода текста строкой мы просто кликали по месту в документе, откуда должен начинаться текст, и печатали. Чтобы добавить текст в область, следует также кликнуть мышкой по какому-либо месту в документе, но, затем, не отпуская клавишу мыши, протащить курсор по диагонали в любом направлении, чтобы получить область ввода, это похоже на работу с инструментом «Прямоугольная область» (Rectangular Marquee Tool):
Отпустите кнопку мыши, когда закончите перетаскивание и Photoshop создает текстовое поле, которое выглядит очень похоже на рамку инструмента «Свободная трансформация» (Free Transform).
На углах и в серединах сторон рамка имеет маркеры для изменения её размера, изменение размера рамки маркерами мы рассмотрим позже:
После того, как Вы создали ??текстовое поле, в левом верхнем углу рамки вы увидите мигающий текстовый маркер (при условии, что вы используете по умолчанию опцию выравнивания текста «выровнять слева»). Теперь можно начинать печатать:
В отличии от метода ввода строкой, при вводе текста в область, когда буквы в строке достигают края рамки, Photoshop автоматически переносится следующее слово на новую строку. При этом способе нет необходимости добавлять вручную переносы строк клавишей Enter.
Если Вам необходимо изменить положение текстового поля внутри документа во время добавления текста, переместите курсор мыши в любое место за пределы поля. Вы курсор временно изменит свой вид с «двутавровой балки» на стрелку от инструмента «Перемещение» (Move Tool). Нажмите левую клавишу мыши и перетащите текстовое поле в новое место, затем наведите курсор на текстовое поле и продолжите ввод:
Чтобы принять текст и закончить его ввод, нажмите галочку на панели параметров, либо клавишу Enter на цифровой клавиатуре, либо клавишу Ctrl и обычный Enter. При этом текстовое поле исчезнет:
Также, как и при первом способе набора текста, после его принятия, Phоtoshop переименовывает текстовый слой по первым буквам фразы:
Чтобы показать текстовое поле снова, кликните в любом месте по тексту при активном инструменте «Текст», и поле вновь появится вокруг него.
Выделять отдельные слова и целые строки нужно точно также, как и в других редакторах, двойным и тройным кликом соответственно, а весь текст выделяется двойным кликом по миниатюре (буква «Т») тестового слоя в панели слоёв.
Однако, бывают случаи, когда весь текст не помещается в область, но Photoshop информирует нас и об этом. Всякий раз, когда наш текст выходит за пределы текстового поля, в правом нижнем углу области появляется символ переполнения (крестик внутри квадратика маркера), на рисунке я его увеличил:
Для того, чтобы вместить текст в поле, следует увеличить размер поля с помощью перемещения угловых маркеров текстовой области, либо уменьшить размер символов.
Как вставить текст в фигурную или произвольную область в Photoshop
Коме того, в Photosop имеется возможность вставить текст в область, имеющую не только прямоугольную, но и любую геометрическую форму.
Область для ввода текста в Photoshop можно создать с помощью векторных инструментов «Эллипс» (Ellipse Tool), «Произвольной фигуры» (Custom Shape Tool) и пр., «Пера» (Pen Tool), кроме того, в контур можно конвертировать выделенную область.
Если навести курсор текстового инструмента на контур, (на рисунке ниже я нарисовал контур Пером), вокруг курсора появится пунктирный круг:
Теперь надо кликнуть внутри контура и ввести свой текст:
Как ввести текст в фигурную область, подробно и на практическом примере рассказывается здесь.
Шаг 2. С помощью инструмента Horizontal Type Tool (Горизонтальный текст) напечатайте посередине изображения текст. Далее нажмите правой кнопкой мыши по слою с текстом и выберете Rasterize Type (Растрировать текст). Затем, удерживая кнопку Ctrl, кликните по слою с текстом, чтобы появилось выделение.
Шаг 3. Теперь нажмите на вкладку Path (Контур) в окне Layers (Слои) и сделайте всё пошагово, как на картинке ниже:
Шаг 4. Теперь с помощью инструмента Direct Selection Tool (Редактор выделения) сделайте контур у букв немного тоньше.
Шаг 5. Зайдите в меню Window – Brushes (Окно – Кисти). У Вас появится новое окно Brushes. Откройте его и настройте кисть примерно таким образом:
Шаг 6. Теперь щёлкните П/К мыши по изображению и выберете Stroke Path (Обвести контур). Можете повторить операцию 2 или 3 раза, но с другими настройками кисти и другого цвета, немного с серым оттенком (можно даже на новом слое).
Шаг 7. Создайте новый слой под слоем с «облачным текстом». Зайдите в меню Filter – Render – Clouds (Фильтр – Рендеринг – Облака). Режим наложения поставьте на Color Dodge (Осветление основы). Потом тоже на новом слое кистью нарисуйте облака, тоже разными оттенками:
Шаг 8. А теперь «зажгите» звёзды! Создайте новый слой и залейте его чёрным цветом. Зайдите в меню Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум). Значение поставьте на 10, режим – Gaussian (по Гауссу). После чего зайдите в меню Image – Adjustments – Levels (Изображение – Коррекция – Уровни). Передвигайте ползунки так, чтобы из шума получились неравномерно расположенные белые точки. Режим смешивания у этого слоя поставьте на Color Dodge (Осветление основы).
Шаг 9. Зайдите в меню Layer – Merge Layers (Слой – Объединить слои). После этого нажмите Ctrl+J, чтобы продублировать объединившиеся слои.
Зайдите в меню Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Значение поставьте на 12. Режим смешивания для этого слоя поставьте на Screen (Осветление).
В заключение этого могу сказать, что это самый простой вариант создания облаков. Вы можете поэкспериментировать и придумать что-то своё, что-то «облачное», например, не текст из облаков, а какую-нибудь форму.
В этом уроке вы узнаете, как превратить текст или любую фигуру в облака.
Сложность урока: Легкий
1. Добавляем фон с облаками
Шаг 1
Создаем новый документ (Ctrl+N) размером 1000 х 600 пикселей. Добавляем новый слой и вставляем на него картинку Blue Sky with Clouds из дополнительных материалов.
На стоковом сайте скачиваем максимально большой размер и центрируем фото так, чтобы в середине полотна было как можно меньше облаков. Называем этот слой «Фоновые облака».
Шаг 2
Шаг 3
Выше облаков добавляем корректирующий слой Layer – New Adjustment Layer – Levels (Слой – Новый корректирующий слой – Уровни). Настраиваем уровни, чтобы сделать фон светлее.
2. Создаем кисть в форме облаков
Шаг 1
Для создания эффекта облаков нам понадобится специальная кисть. Мы создадим ее на основе стандартной круглой кисточки.
Активируем Brush Tool (B) (Кисть) и в списке кистей выбираем мягкую круглую кисть. Открываем панель Window – Brush (Окно – Настройки кисти) и переходим на вкладку Brush Tip Shape (Форма отпечатка кисти). Здесь мы настраиваем Spacing (Интервал).
Затем переходим на вкладку Shape Dynamics (Динамика формы). Настраиваем Size Jitter (Колебание размера), Angle Jitter (Колебание угла), Roundness Jitter (Колебание формы) и Minimum Roundness (Минимальная форма).
Шаг 2
Далее переходим на вкладку Scattering (Рассеивание). Ставим галочку напротив Both Axes (Обе оси) и устанавливаем Count Jitter (Колебание счетчика) на 40%. Если у вас большой диметр кисти, то эти настройки нужно увеличить.
Шаг 3
Чтобы сохранить кисть, жмем на кнопку меню в правом верхнем углу и выбираем New Brush Preset (Новый набор параметров кисти).
Называем кисть «Облака».
3. Создаем текстовый эффект
Текстовый эффект в виде облаков – один из моих любимых. И, на самом деле, его проще создать, чем это кажется на первый взгляд.
Шаг 1
Шаг 2
Кликаем правой кнопкой по текстовому слою и выбираем Rasterize Type (Растрировать текст).
Шаг 3
Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 3,6 пикселей.
Шаг 4
Далее применяем Filter – Distort – Ripple (Фильтр – Искажение – Рябь) и устанавливаем Amount (Количество) на 55%. После этого можно еще раз применить фильтр Gaussian Blur (Размытие по Гауссу) и затем повторно применить фильтр Ripple (Рябь), чтобы эффект получился насыщеннее.
Шаг 5
Создаем новый слой (Shift+Ctrl+N). Называем его «Эффект облаков».
Несколько раз проводим по текстовому слою, регулируя непрозрачность кисти во время работы (примерно 30%).
Не беспокойтесь о результате. Позже у вас будет возможность его настроить.
Шаг 6
С зажатой клавишей Ctrl выбираем текстовый слой и слой «Эффект облаков». Затем жмем по ним правой кнопкой мышки и выбираем Convert to Smart Object (Преобразовать в смарт-объект).
Шаг 7
Переключаем режим наложения слоя «Эффект облаков» на Overlay (Перекрытие) и уменьшаем непрозрачность до 90%.
Стили слоя можно изменить по вашему вкусу. Также все значения зависят от размера вашего текста.
Так как для создания этого эффекта нужно вручную рисовать кисточкой, то практически невозможно получить два идентичных результата при повторном прохождении урока.
4. Создаем текстуру облаков
Шаг 1
Шаг 2
Дублируем (Ctrl+J) слой «Текстура облаков» и называем копию «Наложение облаков».
Шаг 3
Пока что скрываем слой «Наложение облаков», нажав на значок глаза рядом с названием слоя. Кликаем правой кнопкой по слою «Текстура облаков» и выбираем Create Clipping Mask (Создать обтравочную маску).
Переключаем режим наложения слоя «Текстура облаков» на Lighten Color (Светлее).
Шаг 4
Переходим Image – Adjustments – Levels (Изображение – Коррекция – Уровни) и настраиваем цвета картинки.
Шаг 5
Включаем видимость слоя «Наложение облаков» и переключаем его режим наложения на Screen (Осветление).
Шаг 6
Чтобы настроить контрастность текстуры, применяем в виде обтравочной маски корректирующий слой Levels (Уровни) для слоя «Наложение облаков».
Также можете по своему усмотрению подкорректировать размер и положение слоя «Наложение облаков».
5. Добавляем летящих птиц
Создаем новый слой и вставляем на него изображение Flying Birds из дополнительных материалов. Жмем Ctrl+I, чтобы инвертировать цвета птиц. Переключаем режим наложения слоя на Screen (Осветление) и уменьшаем непрозрачность до 90%.
Затем ластиком (Е) удаляем лишних птиц, оставив только несколько штук.
6. Корректируем цвет, контрастность и резкость эффекта
Шаг 1
Шаг 2
С помощью корректирующего слоя Hue/Saturation (Цветовой тон/Насыщенность) можно настроить тонировку облаков, уменьшить насыщенность и яркость.
Шаг 3
Чтобы увеличить контрастность эффекта, применяем корректирующий слой Levels (Уровни).
Шаг 4
Для завершения эффекта мы увеличим резкость результата. Жмем сочетание клавиш Shift+Ctrl+Alt+E, чтобы создать объединенную копию всех видимых слоев. Называем этот слой «Цветовой контраст».
Применяем к нему Filter – Other – High Pass (Фильтр – Другое – Цветовой контраст) и устанавливаем радиус на 2 пикселя.
Шаг 5
Переключаем режим наложения слоя «Цветовой контраст» на Overlay (Перекрытие).
7. Создаем фигуру из облаков
Шаг 1
Чтобы создать фигуру из облаков, сперва выбираем смарт-объект «Эффект облаков». Дважды кликаем по его миниатюре на панели слоев, чтобы открыть содержимое смарт-объекта.
Шаг 2
Внутри смарт-объекта скрываем текстовый слой и вставляем картинку с силуэтом колибри.
Шаг 3
Для птицы повторяем ту же процедуру обработки, что и для текста. Сначала применяем Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) с радиусом 3,6 пикселя.
Затем добавляем фильтр Ripple (Рябь). Для этого переходим Filter – Distort – Ripple (Фильтр – Искажение – Облака) и устанавливаем Amount (Количество) на 55%. Это значение может быть другим в зависимости от размера объекта.
В конце проходимся по контуру кистью в виде облаков.
Шаг 4
Чтобы увидеть результат, сохраняем (Ctrl+S) смарт-объект и закрываем его.
Шаг 5
Обратите внимание, что при замене объекта внутри смарт-объекта каждый раз нужно заново создавать слой «Цветовой контраст».
Поэтому удаляем слой «Цветовой контраст» и добавляем новый пустой. Жмем Shift+Ctrl+Alt+E, чтобы создать объединенную копию всех видимых слоев. Называем ее «Цветовой контраст».
Затем применяем Filter – Other – High Pass (Фильтр – Другое – Цветовой контраст) и устанавливаем радиус на 2 пикселя. Чтобы увеличить резкость эффекта, переключаем режим наложения на Overlay (Перекрытие).
Поздравляю, мы закончили!
В этом уроке вы узнали, как превратить текст или любую фигуру в облака. Надеюсь, вам понравился урок.
С помощью экшена Cloud Shapes можно в автоматическом режиме создать эффект облаков для текста, фигур и кисточек. Экшен можно применить к любым картинкам, чтобы создать эффект пушистых облаков.
В этом несложном уроке я расскажу, как с помощью кистей и встроенного текстового редактора Photoshop создать текст, состоящий из облаков.
Для Выполнения урока Вам понадобится кисть с облаками, скачать которую Вы сможете по ссылкам в конце статьи. Скачайте и загрузите кисть в Photosop перед началом выполнения урока!
Теперь создадим текст. Берём тестовый инструмент, выбираем шрифт Arial, задаём размер 330пт, цвет белый, хотя цвет в дальнейшем не будет иметь значения:
Размещать облака мы будем внутри букв, поэтому нам нужны выделенные области в виде наших букв.
Для выделения букв зажмите клавишу Ctrl и кликните по иконке текста в панели слоёв:
Отключаем видимость текстового слоя. Вот как теперь выглядит документ:
Возьмите инструмент «Кисть» (Brush Tool), установите цвет переднего плана на белый (для этого нажмите клавишу D, а затем X(икс)), создайте новый слой поверх слоя с текстом, у меня это «Слой 1».
Выберите кисть из набора Cloud_brushes.abr, скачать который Вы можете по ссылкам внизу страницы, сделайте диаметр кисти примерно 200 — 300 px:
И закрасьте выделение кистью.
Примечание. Не таскайте кисть по холсту, а добавляйте облака отдельными кликами по выделению.
У Вас должно получиться примерно так:
После того, как Ваши закрасили буквы, нажмите Ctrl+ D, чтобы избавиться от выделения.
Кликните правой клавишей мыши по слою с текстом и выберите «Создать рабочий контур» (Create Work Path). Вокруг букв появятся очертания контура:
Возьмите инструмент «Ластик» (Eraser Tool).
Выберите кисть «Различие в яркости для каждого мазка» (Per Stroke Brightness Variance). Как настраивать вид панели кистей, подробно рассказывается здесь.
Нажмите клавишу F5 для отображения панели менеджера настроек кисти. Введите следующие параметры:
Убедитесь что вверху, на панели параметров, «Непрозрачность» и «Нажим» уставлены на 100%.
В панели слоёв кликните по верхнему слою с облаками, убедитесь, что он подсвечен синим!
Возьмите любой контурный инструмент, например, «Перо» (Pen Tool). Кликните правой клавишей мыши в любом месте на контуре букв. В открывшемся контекстном меню выберите пункт «Выполнить обводку контура» (Stroke Path). Откроется всплывающее окно, где выберите инструмент «Ластик» (Eraser):
Нажмите ОК и, затем, клавишу Enter, чтобы избавиться от контура. Результат:
Теперь немного оживим фон. Создайте новый слой под текстовым слоем? уменьшите его непрозрачность до 30%, возьмите какую-либо кисть из набора Cloud_brushes.abr и нарисуйте облака. Готовый результат:
Сегодня мы узнаем, как в Фотошоп порисовать мелом на школьной доске.
Сложность урока: Легкий
Сегодня мы узнаем, как создать в Photoshop, с помощью текстуры и стилей слоев, знак – классная доска с эффектом текста, написанного мелом.
1. Создаем фон
2. Создаем «облачко» с помощью пера
Выбираем инструмент Pen Tool (P) (Перо) и рисуем форму Speech Bubble («Облачко»).
Чтобы создать изогнутую линию, нажимаем и, удерживая кнопку мыши, и перетаскиваем.
Чтобы превратить гладкий переход в резкий, зажимаем Alt и кликаем по якорной точке.
3. Создаем текстуру классной доски
Шаг 1
Шаг 2
Идем в меню Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум) и устанавливаем значение Amount (Эффект) на 50%.
Шаг 3
Идем в меню Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении) и устанавливаем значения Angle (Угол) на 50 и Distance (Смещение) 19 пикселей.
Шаг 4
Идем в меню Layer – New Adjustment Layer – Levels (Слои – Новый корректирующий слой – Уровни) и устанавливаем следующие значения:
Шаг 5
Выделяем слой Chalkboard Texture (Текстура классной доски) и корректирующий слой Levels (Уровни), кликаем правой кнопкой мыши и выбираем Merge Layers (Объединить слои). Переименовываем новый слой в Chalkboard Texture (Текстура классной доски).
Шаг 6
Нажимаем Ctrl+J, чтобы дублировать слой Chalkboard Texture (Текстура классная доска) и называем его Chalkboard Text Texture (Текстура текста).
4. Создаем форму
Шаг 1
Скрываем слой Chalkboard Text Texture (Текстура текста). Кликаем правой кнопкой по слою Chalkboard Texture (Текстура классная доска) и выбираем Create Clipping Mask (Создать обтравочную маску).
Шаг 2
Нажимаем Ctrl+J, чтобы дублировать слой Speech Bubble Shape («Облачко») и называем его Chalkboard (Классная доска). Переименовываем первоначальный слой в Wooden Frame (Деревянная рамка).
Шаг 3
Кликаем правой кнопкой по слою и выбираем Convert to Smart Object (Преобразовать в смарт объект).
5. Создаем текстуру дерева
Шаг 1
Нажимаем Shift+Ctrl+N, чтобы создать новый слой. Называем его Wooden Texture (Текстура дерева).
Шаг 2
Идем в меню Filter – Render – Fibers (Фильтр – Рендеринг – Волокна), чтобы создать текстуру дерева.
Шаг 3
Кликаем правой кнопкой по слою Wooden Texture (Текстура дерева) и выбираем Create Clipping Mask (Создать обтравочную маску).
Шаг 4
Выделяем слои Wooden Frame (Деревянная рамка) и Wooden Texture (Текстура дерева) и перемещаем их выше всех остальных слоев.
Шаг 5
К слою Wooden Frame (Деревянная рамка) добавляем следующие стили слоя:
6. Создаем классную доску с деревянной рамкой
К слою Chalkboard (Классная доска) добавляем следующие стили слоя:
7. Добавляем надпись мелом
Шаг 1
Шаг 2
К текстовому слою «Снова в школу» добавляем следующие стили слоя:
Шаг 3
Также можете поменять цвет обводки по своему вкусу.
Шаг 4
Кликаем правой кнопкой мыши по текстовому слою «Снова в школу» и выбираем Convert to Smart Object (Преобразовать в смарт объект). Режим наложения устанавливаем Screen (Экран).
Шаг 5
Чтобы создать более реалистичный эффект мела, делаем видимым слой Chalkboard Text Texture (Текстура текста). Кликаем правой кнопкой мыши по этому слою и выбираем Create Clipping Mask (Создать обтравочную маску) для текстового слоя «Снова в школу». Также устанавливаем режим наложения на Multiply (Умножение).
Шаг 6
Добавляем корректирующий слой Levels (Уровни), чтобы сделать цвета ярче. Кликаем правой кнопкой мыши по корректирующему слою и выбираем Create Clipping Mask (Создать обтравочную маску).
8. Добавляем мелки
Шаг 1
С помощью инструмента Pen Tool (Перо) создаем мелок.
Шаг 2
Чтобы создать реалистичный мелок, добавляем следующие стили слоя:
В этом уроке вы научились создавать эффект мела в Photoshop с нуля, используя фильтры и корректирующие слои. Я надеюсь, вам понравился этот урок.
Этот эффект мела является частью экшна Chalk and Chalkboard Photoshop Actions в моем портфолио на Envato Market .
Читайте также: