Рисуем пушистый текст в Adobe Photoshop
Этот урок понравится любителям всяких пушистых штук. Сегодня мы будем рисовать пушистый текст в Adobe Photoshop. Урок довольно прост. Мы будем работать со стилями слоев, кистями и фильтрами. Вы сможете выбрать расцветку для своей надписи и получить почти реалистичный результат.
Финальный результат
Исходники
* Шрифт Titan One
* Potato Sack от klikekyle.
* White Texture паттерн от Dmitry.
Вам также понадобятся контуры, используемые в уроке, поэтому посмотрите сюда, чтобы узнать как их добавить.
Шаг 1
Создайте новый документ размером 1000 x 460 px. Установите первым цветом #9193c3 и в качестве фонового цвета #525578. Выберите инструмент Gradient Tool / Градиент, выберите вариант от первого цвета к фоновому (Foreground to Background) и кликните по иконке Radial Gradient/ Радиальный градиент.
Теперь растяните градиент от центра документа к одному из углов.
Поместите текстуру “Potato Sack” поверх слоя фона и смените Blend Mode / Режим наложения на Multiply / Умножение.
Теперь масштабируйте слой как вам нравится.
Создайте текст (используйте заглавные буквы) шрифтом “Titan One”. Цвет текста = #d8d8d8, размер (Size) = 250 pt, и параметр Tracking (расстояние между буквами) = 50.
Шаг 2
Кликните дважды по слою с текстом в палитре Layers/Слои, чтобы указать слою следующие Стили Слоев (Layer Style):
Bevel and Emboss / Тиснение (Цвет тени в Shadow Mode = #d8d8d8)
Contour / Контур (Contour : Half Round)
Texture / Текстура (Pattern : White Texture)
Inner Shadow / Внутренняя тень (цвет : #b5b5b5)
Drop Shadow / Тень
Это должно придать тексту текстуру материала и объем.
Шаг 3
Возьмите инструмент Brush / Кисть, откройте палитру Brush / Кисти (Window > Brush / Окно > Кисти). Выберите кисть “Dune Grass”, и укажите ей параметры как на картинке ниже:
Шаг 4
Кликните правой кнопкой мыши по слою с текстом и выберите Create Work Path / Создать рабочий контур.
Затем создайте новый слой поверх всего и назовите его “Stroke”. Убедитесь что активен инструмент Brush / Кисть.
Выберите в качестве первого цвета #cdcdcd, в качестве фонового цвета — #f3f3f3. Нажмите клавишу Enter/Return примерно 5 – 7 раз, чтобы применить к контуру выбранную кисть. После того как результат будет вам нравиться, выберите инструмент Direct Selection Tool / Прямое выделение (A), и снова нажмите на Enter/Return, чтобы избавиться от контура.
Удерживая клавишу Ctrl/Cmd кликните по слою Stroke, чтобы вызвать выделение по контуру.
Создайте новый слой и назовите его “Texture”. Укажите в качестве первого цвета #d8d8d8, а в качестве фонового #858585. Затем зайдите в Filter > Render > Clouds / Фильтр > Рендеринг > Облака. Затем нажмите Ctrl/Cmd + D, чтобы снять выделение.
Зайдите в Filter > Noise > Add Noise / Фильтр > Шум > Добавить шум. Укажите параметры как на картинке ниже.
Смените Режим Наложения (Blend Mode) для слоя “Texture” на Soft Light / Мягкий свет.
Это добавит тексту пушистости.
Шаг 5
Снова создайте выделение по контуру текста. Создайте новый слой и назовите его “Stripes”. Сразу смените режим наложения слоя на Linear Burn / Линейный Затемнитель. Это поможет сразу видеть результат и правильно подобрать цвета.
Укажите первым цветом любой, в который вы хотите окрасить полоски на тексте (в примере указан #e890b9). Главное чтобы цвет не был очень темным, потому что в этом режиме наложения цвета становятся темнее.
Теперь выберите кисть с четкими краями (не растушеванную) и укажите ей размер в зависимости от того какой ширины полоски вы хотите сделать.
После этого зажмите клавишу Shift, и нарисуйте горизонтальную линию по всему тексту. Благодаря зажатой клавише она будет ровной.
Повторите процесс, чтобы нарисовать остальные полосы.
Возьмите инструмент Pen / Перо и выберите вариант Path / Контур в панели настроек. Нам нужно создать прямые линии по границам полос.
Для этого кликните в начале полосы, удерживая Shift кликните в конце полосы.
Таким образом создайте полосы по верхним и нижним границам каждой полосы. Убедитесь, что линии разделены между собой.
Когда вы закончите, можете подредактировать линии при помощи инструмента Path Selection / Выделение контура и клавиш вверх/вниз на клавиатуре.
Шаг 6
Выберите инструмент Eraser / Ластик, откройте палитру Brush / Кисть и выберите растушеванную кисть размером в 5 px. Затем укажите параметры как на картинках ниже:
Нажмите один раз клавишу Enter/Return, чтобы примените Eraser / Ластик к контуру. Это поможет сделать финальный вариант реалистичнее.
Шаг 7
Возьмите инструмент Brush / Кисть, в палитре Brush / Кисть выберите кисть “Grass” и укажите ей параметры как показано ниже:
Создайте новый слой, назовите его “Stripes Stroke”. Убедитесь что первый цвет совпадает с цветом полос, нажмите клавишу Enter/Return 3 – 5 раз, чтобы «распушить» полосы.
Теперь выберите инструмент Direct Selection / Прямое выделение (A) и нажмите Enter/Return, чтобы избавиться от контура.
Также в меню выберите Select > Deselect / Выделение > Снять выделение. Затем Filter > Sharpen > Sharpen / Фильтр > Резкость > Резкость, чтобы сделать края более четкими.
Теперь смените режим наложение слоя “Stripes” на Normal / Нормальный.
Выделите слои “Stripes” и “Stripes Stroke”, выберите в меню Layer > Merge Layers / Слои > Объединить слои, затем вновь смените режим наложения получившегося слоя на Linear Burn / Линейный Затемнитель.
Укажите первым цветом цвет полос, а в качестве фонового — белый. В меню выберите Filter > Noise > Add Noise / Фильтр > Шум > Добавить шум. Укажите параметры как на картинке ниже.
Шаг 8
Перетащите слой “Stroke” поверх всех остальных.
Дублируйте слои текста и “Stroke”, затем кликните по слою правой кнопкой и выберите Clear Layer Style / Очистить стили слоя.
Активируйте копии слоев текста и “Stroke”, объедините их в один слой, переименуйте получившийся слой в “Shadow”.
Перетащите слой под оригинальный слой текста.
Кликните дважды по слою “Shadow”, чтобы примените к нему стиль слоя Drop Shadow / Тень со следующими параметрами:
Это придаст тексту объем.
Шаг 9
Возьмите инструмент Brush / Кисть, выберите кисть “Grass”, укажите ей параметры как показано ниже:
Убедитесь что первым цветом указан цвет, совпадающий с цветом полос, а фоновый цвет белый. Создайте новый слой под слоем “Shadow” и назовите его “Scatter”.
Еле-еле порисуйте кистью вокруг надписи, чтобы раскидать вокруг пушинки.
Финальный результат
Наша надпись готова!
Автор урока textuts
Перевод — Дежурка
Смотрите также:
- Рисуем текст из страз в Photoshop
- Стеклянный текст с жидкостью с помощью Фотошопа
- 5 туториалов для создания текстового эффекта в Фотошопе
как печатать по кругу в фотошопе｜TikTok Search
TikTok
Загрузить
photoshop.
shortsPhotoshop Shorts
Как печатать по кругу в Photoshop 900 03 #fyp #foryou #foryoupage #fypシ #fypシ゚viral #learnontiktok #edit #edits #photomagic #photo #learnwithtiktok #photoshop
83,2 тыс. лайков, 194 комментария. Видео TikTok из Photoshop Shorts (@photoshop.shorts): «Как печатать по кругу в Photoshop #fyp #foryou #foryoupage #fypシ #fypシ゚viral #learnontiktok #edit #edits #photomagic #photo #learnwithtiktok #photoshop» . оригинальный звук — Photoshop Shorts.
1,4 млн просмотров|
оригинальный звук — Photoshop Shorts
noornaimah
Naa ♥♥
Учебник, как печатать по кругу в Photoshop. #фотошопсоветыитрюки #photoshoptutorial #photoshopforbeginners #photoshoptips #photoshop #photoshopdesign
99 лайков, TikTok видео от Naa ♥♥ (@noornaimah): «Учебник, как печатать по кругу в Photoshop.
#photoshoptipsandtricks #photoshoptutorial #photoshopforbeginners #photoshoptips #photoshop #photoshopdesign». Как напечатать текст по кругу в PhotoshopНабрать текст по кругу с помощью Ps In Love With You — BLVKSHP.
6503 просмотра|
In Love With You — BLVKSHP
justinodisho
Justin’s Video Vault
Как напечатать круг в Photoshop #photoshop
40 лайков, TikTok видео из Justin’s Video V ault (@justinodisho): «Как печатать по кругу в фотошопе #photoshop». оригинальный звук — Justin’s Video Vault.
2724 просмотра|
оригинальный звук — Justin’s Video Vault
pixelkub
Kuba♻️
Как печатать по кругу-Photoshoptips #photoshop #edit #edits #learntiktok #photomagic #foryou #foryoupage #fypシ #photoshoptips #graphic
3,6 тыс.
лайков, видео TikTok от Kuba♻️ (@pixelkub): «Как печатать по кругу-Photoshoptips #photoshop #edit #edits #learntiktok #photomagic #foryou #foryoupage #fypシ #photoshoptips #graphic». Dj Caapitaal Cityeeees — Рикки Суара.
92,6 тыс. просмотров|
Dj Caapitaal Citieees — Rikki suara
tahirsj1
Tahir Iqbal
Как напечатать круговой контур в Photoshop 😲😱🤯
#photoshoptutorial #photoshoptips #photoshopguy #photoshopediting #photoshoptricks #photoshoptiktok #circletext #редактирование #учебники #tiktok #graphicdesign #tiktokshorts #texting #texteffect #photoshopskills #tiktok #photoshoptips #photoshoptricks #foryou 9000 4 #fyp #fypシ゚
64 лайка, видео в TikTok от Тахира Икбала ( @tahirsj1): «Как печатать по кругу в Photoshop 😲😱🤯 #photoshoptutorial #photoshoptips #photoshopguy #photoshopediting #photoshoptricks #photoshoptiktok #circletext #editing #tutorials #tiktok #graphicdesign #tiktokshorts #texting #texteffect #photoshopskills #tiktok # photoshoptips #photoshoptricks #foryou #fyp #fypシ゚».
оригинальный звук — Сахер.
1070 просмотров|
оригинальный звук — Saher
pixelxdesign
Pixel X
Как печатать по кругу ⭕️ #photoshop #photoshoptutorial #photoshoptutorials 9000 4 #photoshopper #photoshopediting
35 лайков, TikTok видео от Pixel X (@pixelxdesign): «Как печатать по кругу ⭕️ #photoshop #photoshoptutorial #photoshoptutorials #photoshopper #photoshopediting». оригинальный звук — Pixel X.
1322 просмотра|
оригинальный звук — Pixel X
pixelxdesign
Pixel X
Поместите текст в круг — правильно #photoshop #photoshoptutorial #photoshopediting 9 0003 #tutorials
351 лайк, видео TikTok от Pixel X (@pixelxdesign): «Поместите текст в круг — правильно #photoshop #photoshoptutorial #photoshopediting #tutorials».
оригинальный звук — Pixel X.
10,3 тыс. просмотров|
оригинальный звук — Pixel X
aschune
Abby
Нравятся уроки? #graphicdeisgn #designtok #adobe #adobeillustrator #photoshoptutorial
2,9 тыс. лайков, 39 комментариев. Видео TikTok от Эбби (@aschune): «Вам нравятся уроки? #graphicdeisgn #designtok #adobe #adobeillustrator #photoshoptutorial». Сделать круг (L) Shift, чтобы сделать идеальный круг | Добавьте текст любого размера с помощью шрифта, который вы хотите заполнить | Доставай свой нож 🔪 | …Учебник по заполнению текста по кругу Танцы в моей комнате — 347aidan.
49,5 тыс. просмотров|
Танцы в моей комнате — 347aidan
azieartzpt
AzieArtz Photoshop Tutorials
Как обтекать текст вокруг круга — Photoshop Tutorial #easyandfast #viral 9000 3 #fyp #photoshopturorials #Photoshop #edit #photoshop2023 #photoshoptiktok
8,3 тыс.
лайков, видео TikTok от AzieArtz Photoshop Tutorials (@azieartzpt): «Как обтекать текст вокруг круга — Photoshop Tutorial #easyandfast #viral #fyp #photoshopturorials #Photoshop # редактировать #фотошоп2023 #фотошоптикток». Мурашки по коже — Remix — Chemical Surf.
178,6 тыс. просмотров|
Мурашки по коже — Remix — Chemical Surf
capturebycatrice
Captured By Catrice
Создать текст в виде круга очень ЛЕГКО, и это творческий способ добавить характер вашему логотипу или листовкам! Смотрите до конца! ✨✨
Подпишитесь на меня, чтобы узнать больше о творческих способах творчества в фотошопе!
*Я НЕ ИМЕЮ ПРАВ НА ЭТУ ПЕСНЮ *
•
•
#adobe #graphicdesign #batonrougephotographer
Видео TikTok от Captured By Catrice (@capturedbycatrice): «Создать текст в кругу очень ЛЕГКО, и это творческий способ добавить характер к вашему логотипу или флаерам! Смотрите до конца! ✨✨ Следите за мной, чтобы более творческие способы творчества в фотошопе! #фотошоп #креатив #создатель #лого #дизайн логотипа #трендовый #coileray #ролики #вирусноевидео».
483 просмотра|
Эстетика — Devonte Mayo
Как изогнуть текст в Canva с помощью встроенных инструментов
- В программе графического дизайна Canva нет предустановленных инструментов для автоматического искривления текста.
- Чтобы изогнуть текст в Canva, вам нужно использовать обходной путь, включающий инструменты формы и текста в сочетании с тщательным размещением.
- Вы можете использовать клавиши со стрелками на клавиатуре для более точного размещения при создании изогнутого или круглого текста.
Не так давно фраза «как изогнуть текст в MS Paint» стала популярным интернет-мемом. Шутка была в том, что это невозможно. В Microsoft Paint никогда не было возможности изогнуть текстовые поля.
Но правда в том, что базовое приложение Microsoft — не единственное графическое приложение, которое не поддерживает изогнутый текст. Многие приложения для редактирования фотографий и создания графики по-прежнему не могут разместить строку текста в закругленной форме.
Несмотря на то, что Canva является более продвинутым и популярным бесплатным программным обеспечением для графического дизайна, оно относится к числу тех, в которых этого инструмента нет. Популярное веб-приложение для создания графики для бизнес-страниц и постов в социальных сетях не предлагает кнопки, инструмента или презентации для кривого текста.
Тем не менее, есть обходной путь, который является идеальным, несмотря на то, что он утомительный, если вы пытаетесь сделать что-то вроде круглого логотипа.
Если вы часто используете Canva или просто хотите создать изогнутый текст, вот как это сделать.
Как изогнуть текст в Canva
1. Откройте новый файл Canva.
2. Создайте два концентрических круга, сделав один немного меньше другого и разного цвета.
3. Расположите меньший круг точно в центре большего. Меньший круг будет центрирован, когда две перпендикулярные линии появятся на фигуре, когда вы ее перетаскиваете.
4. Выберите обе эти фигуры, щелкнув за их пределами, прежде чем перетаскивать мышь на обе фигуры целиком.
5.
Нажмите кнопку блокировки в правом верхнем углу экрана, чтобы круги не смещались при выполнении следующего шага.
7. Перетащите первую букву за пределы круга, в пространство между внешними краями каждого из них.
8.
9. Повторяйте этот шаг, пока все буквы не будут на месте.
Вращайте каждую букву, пока все они не лягут на края наименьшего круга. Мелани Вейр/Business Insider
Внесите необходимые микрокоррекции в интервалы, изгибы и размещение букв, чтобы они выглядели максимально унифицированными.11. Нажмите и перетащите буквы так же, как вы делали это с кружками.
12. Выберите три точки с правой стороны панели инструментов в верхней части рабочего пространства. Нажмите «Группировать», чтобы буквы стали единым блоком, чтобы перемещаться по странице по своему усмотрению.
13.
Вы можете разгруппировать буквы в любое время, нажав ту же кнопку, которая изменится на «Разгруппировать» после того, как вы сгруппировали элементы.
Как добавить текст поверх изображения в Photoshop и настроить шрифт или цвет
Как инвертировать цвета любого изображения в Photoshop за 3 простых шага
Как изменить размер изображения в Photoshop и сохраните его для оптимального использования в Интернете
Как удалить фон изображения в Photoshop двумя разными способами
Как перевернуть изображение в Photoshop, чтобы получить зеркальное отражение любой фотографии
Мелани Вейр
Внештатный автор
Мелани Вейр — внештатный автор для Insider, в основном занимающийся разделом технической справки, но иногда также пишущий статьи о стиле жизни и развлечениях.
