Урок фотошопа — травянистый зеленый текст — уроки фотошоп

Текст из земли и травы в Adobe Photoshop

В этом уроке мы научимся создавать типографический эффект из травы и почвы в Adobe Photoshop. Способ довольно прост, на выполнение урока у вас не уйдет много времени. Мы используем маски, корректирующие слои и некоторые базовые эффект слоев.

Результат

Исходники

Шаг 1

Создайте документ размером 1600 x 1064 и дублируйте фоновый слой.

Кликните дважды по копии фонового слоя, чтобы применить к нему Layer Style/Стиль слоя Pattern Overlay/Перекрытие узор. Выберите в качестве узора текстуру земли Soil Pattern 1.0 и настройте параметры как показано ниже.

Кликните по этому слою правой кнопкой и выберите Rasterize Layer Style/Растрировать стиль слоя.

Шаг 2

Поместите текстуру травы Grass0138 поверх слоя с землей и переименуйте слой в Grass.

Кликните по иконке Create new fill or adjustment layer/Создать слой заливки или корректирующий слой в палитре Layers/Слои и выберите корректирующий слой Hue/Saturation / Оттенок/Насыщенность. Кликните правой кнопкой по корректирующему слою и выберите Create Clipping Mask/Создать обтравочную маску. Так корректирующий слой будет действовать только на слой с травой.

Настройте параметры корректирующего слоя как показано ниже.

Вновь кликните Create new fill or adjustment layer/Создать слой заливки или корректирующий слой и выберите типа слоя Levels/Уровни. Также укажите этому корректирующему слою Clipping Mask/Обтравочную маску и настройте уровни как показано ниже.

Шаг 3

Создайте текст заглавными буквами, используя шрифт SansSerifExbFLF размера 450 pt.

Удерживая Ctrl/Cmd кликните по слою с текстом, чтобы создать выделение по контуру текста. В меню выберите Select > Inverse/Выделение>Инвертировать.

Выберите слой Grass, затем кликните по иконке Add layer mask/Добавить слой-маску в палитре Layers/Слои.

Шаг 4

Кликните правой кнопкой по слою с текстом и выберите Create Work Path/Создать рабочий контур, затем скройте слой с текстом, нажав на значок глаза напротив слоя в палитре Слои. Возьмите инструмент Eraser/Ластик и откройте палитру Brush/Кисть (Window > Brush/Окно>Кисть).

Выберите кисть Chalk 23 pixels и укажите ей следующие параметры:

Brush Tip Shape/Форма отпечатка кисти

Shape Dynamics/Динамика формы

Выберите в качестве первого цвета черный, возьмите инструмент Direct Selection/Прямое выделение (A), активируйте слой-маску слоя Grass.

Кликните правой кнопкой по рабочему контуру и выберите Stroke Path/Выполнить обводку контура. Выберите Eraser/Ластик из меню Tool/Инструмент и нажмите OK.

Затем нажмите Enter/Return чтобы избавиться от рабочего контура.

Так текст будет смотреться реалистичнее.

Шаг 5

Удерживая Ctrl/Cmd кликните по слою-маске Grass, затем в меню выберите Select > Inverse/Выделение>Инвертировать.

Активируйте слой с землей и нажмите Ctrl/Cmd + J, чтобы дублировать область выделения в новый слой. Назовите новый слой Dirt.

Кликните дважды по слою Dirt в палитре Layer/Слои, чтобы применить к нему стиль слоя Inner Shadow/Внутренняя тень. Настройте параметры эффекта как показано ниже:

Вот что получится:

Кликните дважды по слою Grass и укажите стиль слоя Drop Shadow/Тень:

Результат:

Кликните по иконке Create new fill or adjustment layer/Создать слой заливки или корректирующий слой и выберите Color Balance/Баланс цвета. Укажите корректирующему слою Clipping Mask/Обтравочную маску и настройте цветовой баланс как показано ниже.

Шаг 6

Вновь кликните по иконке Create new fill or adjustment layer/Создать слой заливки или корректирующий слой и выберите Gradient Map/Карта градиента. Укажите градиент от цвета #ab82bc к #fdea72. Смените Blend Mode/Режим наложения для этого слоя на Overlay/Перекрытие и снизьте Opacity/Непрозрачность до 10%.

Вы можете добавить изображению бабочек из файла Butterfly 02, смените их цвет и примените стиль слоя Drop Shadow/Тень с разным значением параметра Distance/Дальность.

Цвет меняйте при помощи Hue/Saturation/Оттенок/Насыщенность (Image > Adjustments > Hue/Saturation / Изображение>Коррекция>Оттенок/Насыщенность). Укажите Hue/Оттенок в -15.

Выделите все слои, дублируйте их и объедините в один (Layer > Merge Layers/Слои>Объединить слои).

В меню выберите Filter > Render > Lighting/Фильтр>Рендеринг>Освещение, установите параметры как показано ниже:

Вот и всё!

Результат

Автор урока textuts

Перевод — Дежурка

Смотрите также:

Источник: http://www.dejurka.ru/tutorial/grassdirt/

Создание текста из травы

В этой статье показано, как в Photoshop создать потрясающий эффект текста в виде зеленой травы. Давайте приступим!

Шаг 1

Эта статья состоит из трех частей: задний план, собственно текст и некоторые дополнительные эффекты. Итак, прежде всего мы хотим создать фон. Для этого мы открываем в Photoshop новый документ. У меня он имеет размеры 1920 на 1200 пикселей, потому что я хочу сделать создаваемое изображение обоями для рабочего стола на моем ноутбуке.

Мы начнем с рисования радиального градиента с помощью инструмента «Градиент» (G), переходящего из светло-желтого-зеленого (#adbf41) в зеленый (#328a26):

Шаг 2

Дальше мы хотим создать текстурированный фон, слегка напоминающий бумагу. Поэтому первое, что нам нужно, это … текстура бумаги!

К счастью вы можете взять действительно классную текстуру шероховатой бумаги из Bittbox. Она красивая и очень большая. И это хорошо, потому что наш холст тоже огромен.

Я на самом деле уже не помню, какую текстуру я использовал в первый раз, но возьмите какую-либо понравившуюся вам, обесцветьте ее (Ctrl + Shift + U) и растяните так, чтобы она соответствовала размерам холста:

Шаг 3

Теперь мы устанавливаем для режима смешивания слоя значение «Наложение» и для «Непрозрачности» 70%, чтобы слить текстуру с нашим красивым зеленым фоном:

Шаг 4

Далее, чтобы получить действительно красивый вид, я скопировал этот слой, развернул копию на 180 градусов и установил непрозрачность 20%. После этого я создал еще несколько слоев текстуры бумаги (с использованием различных текстур, в основном из Bittbox) и установил их один поверх другого.

Это было отчасти из-за обнаруженного мной недостатка, который заключался в том, что текстуры выглядели немного зернистыми, и в них не было мелких резких узоров. Так, пробуя разные текстуры, я смог получить более приемлемое, резкое изображение.

По крайней мере, на скриншоте, который вы можете видеть, использовано шесть слоев. Не забывайте, если вы пользователь Plus, вы можете скачать PSD-файл для этой статьи и сами посмотреть на них!

Шаг 5

Теперь я продублировал оригинальный градиент фона, поместил дубликат выше всех текстур и установить для него непрозрачность 40% — это несколько сглаживает текстуру, и она становится не такой шероховатой!

Шаг 6

Теперь мы создадим новый верхний слой и с помощью большой, мягкой, черной кисти добавим немного темноты по краям. Для этого слоя я бы установил непрозрачность около 30% и режим смешивания «Наложение». Вы можете продублировать этот слой и для дубликата применить «Размытие по Гауссу» (примерно на 32 пикселя). Таким образом, для темных краев будет обеспечен плавный переход:

Шаг 7

ОК, теперь у нас есть красивый фон!

Шаг 8

Идем дальше, теперь мы готовы начать работу над текстом в виде травы. Для этого нам, естественно, понадобится красивая трава, которую мы затем будем обрезать. После долгих поисков, я, наконец, нашел на Flickr это прекрасное фото травы.

Скачайте изображение в оригинальном размере и скопируйте его на холст:

Шаг 9

Далее нам нужен текст. Выберите шрифт, по контуру которого вы хотите обрезать траву. Я выбрал Swiss 924BT, который дает жирный и плотный текст. Я думаю, это выглядело красиво и грандиозно. Я написал текст «EARTH«. Это потому, что я создавал пять разных обоев на одну тему: земля, вода, огонь, воздух, дух … по мотивам мультфильма «Капитан Планета», который я смотрел в детстве.

В любом случае, установите для текста белый цвет, режим смешивания — наложение, непрозрачность — 50%. Этот слой на самом деле не будет виден, от него мы просто будем отталкиваться:

Шаг 10

Итак, у нас есть текст, который мы хотим выполнить с помощью травы, полученной нами раньше.

Теперь немного планирования! Для того чтобы текст выглядел состоящим из травы, нам не достаточно будет просто обрезать траву по контуру текста.

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

Чтобы сделать это, нам нужно использовать форму букв в качестве приблизительного ориентира, а затем прочертить вокруг них примерный контур, периодически вынося травинки за ее границы.

Предупреждаю вас заранее, это очень утомительно!

Читайте также:  Создаем абстрактную 3d манипуляцию в photoshop - уроки фотошоп

Шаг 11

Итак, нам нужно создать контур. Вы должны использовать инструмент «Перо» (P) и, откровенно говоря, если вы сейчас не дружите с ним, то после того, как вы закончите траекторию, вы подружитесь!

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

Шаг 12

Когда вы закончили контур, лучше сохранить его в палитре контуров. Это можно сделать, переключившись на эту палитру, а затем, нажав на маленькую стрелку внизу и выбрать контур для сохранения. Таким образом, если вам потребуется этот контур позже, вы сможете взять его оттуда.

В любом случае дважды щелкните по контуру, чтобы выделить его выбор, вернитесь к слою травы. Скопируйте этот слой, так как нам все еще нужна будет трава для других букв, а затем инвертируйте выделение (Ctrl + Shift + I) и обрежьте лишнюю траву. На скриншоте я обрезал дубликат слоя травы, так что вы можете увидеть вырезанную часть в виде буквы «Е«:

Шаг 13

Итак, у нас есть буква «E» на готовом фоне. Как вы можете видеть, это выглядит немногим лучше, чем, если бы мы просто использовали трафарет текста из травы, не потрудившись создать рваный контур. Но нам нужно еще немного обработать эту букву. В конце концов, если бы эта буква действительно состояла из травы, мы должны были бы увидеть тень с одной стороны:

Шаг 14

Прежде всего, нам нужно добавить некоторые стили слоя, которые должны придать изображению текста объемный вид. Эти стили описаны ниже:

Вот первый набор стилей слоя …

Шаг 15

Теперь продублируйте этот слой, а затем очистите все стили дубликата, чтобы мы могли добавить еще несколько стилей. На этот раз добавьте стили, показанные ниже…

Вот второй набор стилей слоя … (Обратите внимание, что для непрозрачности установлено значение 51%, чтобы этот слой гармонировал с предыдущим).

Шаг 16

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

Идея состоит в том, чтобы сделать трехмерный вид. Удерживая клавишу Ctrl, кликните на слое травы, а затем на новом нижнем слое, залейте его черным цветом. Затем нажмите стрелку вниз один раз и один раз стрелку вправо и залейте слой снова. После этого повторите те же действия несколько раз, пока не получите эффект, как на рисунке ниже. Я думаю, что потребуется повторить это около 15 раз:

Шаг 17

Теперь на слое тени перейдите в Фильтр – Размытие — Размытие, установите угол 45 градусов и расстояние около 30. Затем установите для текста непрозрачность около 50%. Вы должны получить нечто, выглядящее, как показано на скриншоте ниже:

Шаг 18

Теперь переместите слой с тенью вниз и вправо, и происходит магия! Все вдруг начинает выглядеть, как будто буква отбрасывает тень. Довольно просто!

Шаг 19

Теперь я продублировал этот слой три раза. Каждый раз я немного подтирал края, так что тень ближе к тексту выглядит темнее. Я установил для этих слоев режим смешивания умножение:

Шаг 20

Теперь наш текст выглядит довольно круто, но для большей глубины нам нужно добавить немного травы в область фона / тени. Вместо того чтобы снова вырезать траву из оригинального изображения, мы можем просто использовать текущую надпись, изменив ее так, чтобы было не очевидно, что это тот же текст.

Итак, как вы можете видеть ниже, я создал несколько клочков травы. Это просто фрагменты из нашей основной надписи:

Шаг 21

Теперь, перемещая эти части в область тени, мы можем сделать их похожими на пучки травы, торчащие из букв, и это настоящий 3D объект!

Так как эти пучки травы находятся в тени, вы можете использовать инструмент «Затемнитель» (O), чтобы сделать их темнее:

Шаг 22

Ох, одна буква готова … осталось четыре! Хорошо, что мы не выбрали длинное слово, иначе я себе не представляю, насколько трудоемкий это был бы процесс!

Шаг 23

Используя точно такую же технику … я получил «А»:

Шаг 24

и «R» и «T» …, как вы видите на картинке:

Шаг 25

И, наконец, все слово! Единственная вещь, которую я сделал дополнительно, это раздвинул немного буквы друг от друга. Каждая буква находится в отдельной группе слоев, что делает ее перемещение намного более простым:

Шаг 26

Хорошо, но наш текст все еще выглядит немного однообразно. Поэтому в последнем разделе мы добавим несколько дополнительных элементов дизайна. Обратите внимание, мы не хотим особо переусердствовать, потому что будем использовать эту картинку, как обои для рабочего стола. А здесь свободное пространство особенно важно (для всех моих ярлыков!).

Итак, сначала, давайте добавим дополнительный текст. Здесь я разместил подходящую цитату о земле и единстве, взятую из веры Бахаи (это моя религия!). Я люблю цитаты, потому что это означает, что мы получаем три декоративных элемента: саму цитату, кавычки и источник.

Для текста я использовал измененный шрифт Swiss, который тоньше оригинального, но все еще довольно плотный. Использование нескольких шрифтов из того же семейства (жирный, тонкий и т.д.) является хорошим, безопасным способом поддержать целостную гармонию.

Для кавычек я установил режим смешивания – «Наложение» и непрозрачность — 50%, а затем создал дубликат слоя и установил для него «Освещение» на 50%. После этого я добавил кавычки тем же шрифтом Swiss, но сделал их очень большими и яркими оттенка зеленого цвета.

Наконец, источник я написал крохотными буквами и отцентрировал его вертикально. И, конечно, всю цитату я изменил так, чтобы ее длина соответствовала длине основного текста «EARTH«:

Шаг 27

Теперь мы добавим несколько изюминок. Для этого создайте новый слой выше всех остальных и, используя инструмент «Градиент» (G), нарисуйте градиент от белого к прозрачному в верхнем левом углу. Затем установите для этого слоя режим смешивания «Мягкое свечение» и непрозрачность 50%. Это превратит его в красивый луч света:

Шаг 28

Теперь мы добавим два привлекательных элемента, чтобы компенсировать всю зелень. Это будет прекрасная голубая бабочка и небольшая красная божья коровка. Для их поиска я использовал отличный сайт everystockphoto, где и нашел: Бабочку и Божью коровку:

Шаг 29

Вставить эти изображения в мой дизайн было довольно просто. Во-первых, бабочка. Просто откройте изображение в Photoshop, используйте инструмент «Волшебная палочка» (W), чтобы выбрать все белую область, а затем перейдите в Выделение – Модификация.

Расширить и увеличьте выделение на 1 пиксель, чтобы точно захватить все. Затем нажмите Ctrl + Shift + I, чтобы инвертировать выделение и скопируйте бабочку на основной холст.

Божью коровку, которую я присмотрел, сперва нужно вырезать из ее изображения. Для этого я использовал инструмент «Перо» (P) и обвел ее контуром, а затем просто вырезал ее по этому контуру:

Шаг 30

Итак, наши дополнительные элементы готовы. Как вы можете видеть, божья коровка выглядит немного грубо, потому что я вырезал ее не особенно тщательно. Но это нормально, потому что она будет крошечной, и эти мелкие неточности не будут видны.

Читайте также:  Винтажные гранжевые паттерны - уроки фотошоп

Теперь уменьшите бабочку и божью коровку и разместите их, где вам нравится. Лучше всего, если они не будут располагаться близко друг к другу, потому что таким образом они уравновешивают друг друга.

Я добавил каждой из них тень. У божьей коровки тень очень узкая, потому что сама она очень маленькая и сидит на траве. Для бабочки я установил расстояние до 10 пикселей, потому что она парит в воздухе и, следовательно, тень будет отбрасываться дальше:

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

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

Источник: http://www.internet-technologies.ru/articles/sozdanie-teksta-iz-travy.html

Как создать текст из травы в Фотошопе

В этом уроке Фотошопа мы рассмотрим простой метод создания надписи сделанной из травы.

1. Создаем новый документ, в моем уроке я создал его с размером 1024 х 768 px.

2. Для того чтобы сделать текст из травы нам нужна трава! В Photoshop есть кисть травы, но она немножко не подходит. Для этого нам нужна новая кисть. Делается она просто: инструментом Pen Tool(«Перо» / Клавиша «P»)  рисуем травинку, заливаем черным цветом и делаем из нее кисть перейдя через меню Edit — Define Brush Preset (Редактирование — Определить кисть).

 

    Процесс создания кисти для травы.

3.

 Пишем текст используя инструмент Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T»), затем выделяем его (Ctrl+ЛКМ по миниатюре слоя в панели слоев) и делаем из выделения рабочий контур (выбираем инструмент Rectangular Marquee Tool (Инструмент «Прямоугольная область» / Клавиша «M»)  — ПКМ по выделению — Make Work Path (Образовать рабочий контур)).


4. Далее настраиваем нашу новую кисть и выбираем Foreground Color (Выбор основного цвета) светло зеленым, а Background Color (Выберите фоновый цвет) темно зеленым:

5. Создаем новый слой выбираем инструмент Pen Tool («Перо» / Клавиша «P»)  кликаем правой кнопкой по рабочему контуру выбираем Stroke Path (Выполнить обводку контура) и обводим несколько раз нашей кистью

Получаем что-то вроде этого:

6. Перенастраиваем нашу кисть, добавляем Scattering (Рассеивание):


Далее выделяем снова наш текст (Ctrl+ЛКМ по миниатюре слоя на панели слоев) применяем к выделенному Select — Modify — Feather (Выделение — Модификация — Растушевка / Сочетание клавиш «Shift+F6») с параметров 3, закрашиваем выделенное:

Добавляем немного объема, для этого не снимаем выделения, создаем новый слой, меняем параметр Spacing (Интервалы) кисти на 50%:

Новому слою добавляем, сразу для наглядности, эффект — тень со стандартными параметрами:

И не густо закрашиваем выделенное, так чтобы между травинками был промежуток, тем самым мы получим объем.

Вот и все.

Ссылка на источник

  • Как сделать из текста карандашный рисунок в Фотошопе

    В этом уроке я расскажу, как превратить печатные буквы в нарисованные карандашом от руки.

  • Как сделать реальную тень для текста в Фотошопе

    В этом уроке я покажу вам, как добавить тень к тексту в Photoshop, используя градиенты и инструменты трансформирования.

  • Как преобразовать текст в контур в Фотошопе

    В этом уроке Фотошопа мы рассмотрим, как преобразовать текст в контур.

  • Как создать текст с эффектом эскиза в Фотошопе

    В этом уроке Фотошопа мы рассмотрим, как быстро создать текст с эффектом эскиза в Фотошопе.

  • Как быстро создать эффект наброска текстового контура в Фотошопе

    В этом уроке Фотошопа мы рассмотрим, как быстро создать эффект наброска текстового контура.

  • Как создать стальной текст в Фотошопе

    В этом уроке Фотошопа мы рассмотрим, как с помощью стилей слоя можно сделать вид стального текста.

  • Как создать цветной хромированный текст в Фотошопе

    В этом уроке Фотошопа мы создадим цветной хромированный текст.

  • Как добавить снег на текст используя Фотошоп

    В этом уроке Фотошопа мы рассмотрим как добавить снег на текст.

  • Как добавить водяной знак в Фотошопе

    В этом уроке мы расскажем, как добавить водяной знак в Фотошопе.

  • Как нарисовать пластиковые буквы в Иллюстраторе

    В этом уроке мы расскажем, как быстро нарисовать красивые пластиковые буквы в Adobe Illustrator.

  • Как нарисовать буквы из травы в Иллюстраторе

    В этом уроке мы узнаем, как всего за несколько минут сделать векторную надпись травой в Illustrator.

  • Как создать металлическую именную пластину с фоном в Фотошопе

    В этом уроке мы будем создавать металлическую именную пластину в Фотошопе.

  • 7 хитростей профессиональной работы с типографикой

    Грамотное использование типографики может быть решающим в дизайне и превратить его из любительского в великолепный, а из великолепного в невероятно фантастический. Из этого руководства вы узнаете, как на практике сделать вашу работу более элегантной всего в несколько шагов.

  • Как гармонично наложить текст на поверхность с помощью Карты смещения в Фотошопе

    В этом уроке мы будем накладывать текст на неровную поверхность в Фотошопе.

  • Как добавить водяной знак на любое фото в Фотошопе

    Из этого урока вы узнаете, как добавить водяной знак на фотографию в Фотошопе.

  • Текстовый эффекты в InDesign В этом уроке освоим креативный типографский эффект —  добавим тексту сюрреалистичный поворот.
  • Как добавить тексту драматичную буквицу в Индизайне

    В этом уроке вы освоите  креативный типографский эффект  » добавление драматичной буквицы»  в Индизайне.

  • Как создать винтажный эффект с помощью функции Текст по контуру в Индизайне В этом уроке вы освоите винтажный эффект с помощью функции Текст по контуру.
  • Источник: https://sveres.ru/lessons/tekstovye-effety/kak-sozdat-tekst-iz-travy-v-fotoshope.html

    Травяной текст в Photoshop

    Хотели сделать надпись в виде травы? С помощью Photoshop это довольно просто. В этом уроке описано как сделать довольно симпатичный вариант надписи, используя фотографию травы, инструмент «карандаш» и немного терпения.

    Урок довольно подробный, так что вы без труда сможете повторить его

    Первая часть — фон

    Урок состоит из трех частей — фон, текст и немного дополнительных эффектов. Поэтому сначала мы сделаем фон. Создаем новый документ в Photoshop, скажем размером 1920 на 1200 пикселей.

    Шаг 1

    Начнем с рисования радиального градиента с помощью инструмента «градиент» (Gradient Tool — G), начиная со светло-зеленого (#ADBF41) и заканчивая средне-зеленым (#328A26).

    Шаг 2

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

    К счастью, мы можем взять хорошие текстуры бумаги с Битбокса — кроме того, они достаточно большие.

    Теперь нужно сделать текстуру черно-белой (CTRL- SHIFT-U) и растянуть ее так, чтобы она полностью закрывала наш документ.

    Шаг 3

    Далее мы переводим этот слой в режим перекрытия (Overlay) и ставим прозрачность на 70%, чтобы смешать текстуру с нашим зеленым фоном.

    Шаг 4

    Чтобы сделать текстуру еще лучше, мы копируем слой с текстурой, поворачиваем его на 180 градусов и делаем его прозрачным на 20%. Далее мы берем еще какие-нибудь текстуры бумаги (с того же Битбокса) и проделываем с ними тоже самое, размещая каждый следующий слой над предыдущим.

    Все это нужно сделать для того, чтобы текстура смотрелась более реалистичной и появились мелкие детали.

    Как вы можете видеть, получилось шесть слоев.

    Шаг 5

    Теперь необходимо скопировать самый первый зеленый фон, разместить копию над всеми слоями и поставить прозрачность на 40%.

    Шаг 6

    Создаем новый слой, который будет выше всех. Используя большую мягкую черную кисть (Brush — B), добавляем немного темного цвета по краям картинки. Стоит вернуть прозрачность на 30% и перевести в режим перекрытия (Overlay). Затем вы можете скопировать этот слой и применить к копии размытие по Гауссу (Gaussian Blur) при 32 пикселях. В результате углы станут более мягкими.

    Шаг 7

    Вот теперь мы получили отличный фон! 😉

    Читайте также:  Сладкий текст из печенья - уроки фотошоп

    Вторая часть — «травяной» текст!

    Сейчас мы готовы сделать сам текст. Для этого нам необходима симпатичная фотография травы.

    Скачиваем большую фотографию и копируем ее в наш документ.

    Шаг 9

    Теперь необходимо выбрать шрифт для текста и сам текст, к примеру «Earth».

    Итак, сделайте свой текст белым, поставьте режим смешивания на перекрытие (Blending mode → Overlay) и прозрачность на 50%. Это вспомогательный слой, его не будет видно в конце.

    Шаг 10

    Сейчас у нас есть белый прозрачный текст поверх травы.

    Чтобы сделать реалистичный текст из травы, недостаточно просто вырезать кусок травы соответствующей формы — нам нужно, чтобы куски травы выходили за границы букв. Для этого нам придется вручную вырезать маленькие кусочки травы для каждой буквы.

    Шаг 11

    На этом шаге мы будем выделять куски травы с помощью инструмента «карандаш» (Pen Tool — P).

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

    Шаг 12

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

    Выделите свой контур и перейдите к слою с травой. Сделайте копию этого слоя, чтобы хватило травы на все буквы. Затем делаем инверсию выделения (CTRL- SHIFT-I) и вырезаем лишнюю траву.

    Шаг 13

    Итак, вот конечный вариант буквы «E» на нашем фоне. Но сейчас она смотрится не на много лучше, чем если бы мы не делали такие мелкие выделения травинок. Значит, нам нужно еще немного поработать на ней.

    Шаг 14

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

    Стили слоя

    Вот первый набор стилей.

    Шаг 15

    Теперь сделайте копию слоя и очистите стили слоя-копии. Теперь нужно добавить вот эти стили.

    Стили слоя

    Вот второй набор стилей слоя. Обратите внимание, что здесь прозрачность 51%.

    Шаг 16

    Теперь добавим немного теней. Итак, теперь выделите содержимое слоя с травой (CTRL-Click на слое) и создав новый слой под ним, запоните выделение черный цветом. Затем нажмите на клавиатуре стрелку вниз и потом стрелку вправо и злейте черным. Такую операцию необходимо повторять до тех пор, пока не получится примерно так, как показано ниже (это около 15 раз).

    Шаг 17

    Теперь выполним «фильтр» → «размытие» → «размытие в движении» (Filter → Blur → Motion Blur) на слое с нашей тенью, установив угол в 45 градусов и дистаницию на 30. Затем установите прозрачность на 50%. У вас должно получится что-то похожее на вот этот рисунок.

    Шаг 18

    Передвиньте тень вниз и вправо — если все сделано правильно, то ваш текст должен отбрасывать тень.

    Шаг 19

    Теперь сделайте три копии этого слоя, каждый раз отрезая от него кусок так, чтобы около букв тень была темнее. В режиме перекрытия этих слоев установите «умножение» (Blending options → Multiply).

    Шаг 20

    Наш текст смотрится довольно неплохо, но для лучшего эффекта необходимо добавить небольшие куски травы в область тени.

    Как видно ниже, мы создали небольшие кусочки травы — они вырезаны из главной буквы.

    Шаг 21

    Пеедвигая эти куски в тень мы создаем эффект того, что трава выбивается из фона.

    Так как эти куски находятся в тени, нам нужно сделать их более темными. Для этого воспользуйтесь инструментом Burn Tool (O).

    Шаг 22

    Мы закончили с одной буквой, осталось еще 4 ;-).

    Шаг 23

    Используя те же приемы мы получаем «А».

    Шаг 24

    А вот «R» и «T» на картинке.

    Шаг 25

    И, наконец, все слово целиком. Единственная дополнительная вещь это увеличение расстояния между буквами. Так как каждая буква и все ее слои находятся в отдельной группе, перемещение букв осуществляется довольно просто.

    Третья часть — завершение

    Как бы хорошо не смотрелся наш текст сейчас, он довольно скучный и монотонный. Так что в последней части мы добавим несколько дополнительных элементов в картинку.

    Для начала добавим немного дополнительного текста, например цитату о Земле.

    Переведем слой с цитатой в режим перекрытия (Blending options → Overlay) и выставим прозрачность на 50%. Затем добавим кавычки и источник, из которого взята цитата.

    Шаг 27

    Пришла очередь добавить немного света. Чтобы сделать это, создадим новый слой над всеми остальными. В это слое сделаем градиент к верхнему левому углу, изменяя фон от белого до прозрачного. Затем выставим слой в режим мягкого свечения и установим прозрачность на 50%.

    Шаг 28

    Сейчас мы добавим 2 ярких элемента. Это будет синяя бабочка и маленькая красная божья коровка.

    Шаг 29

    Вставка картинок достаточно проста. Для начала открываем картинку в Photoshop, вырезаем белый фон с помощью «волшебной палочки» (Magic Wand Tool — W), затем выполняем «выделить» → «модифицировать» → «сжать» и выполняем сжатие на 1 пиксел. Инвертируем выделение (CTRL- SHIFT-I) и копируем бабочку в наш главный рисунок.

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

    Шаг 30

    Теперь уменьшаем бабочку и божью коровку пропорционально, добавляем к ним тень и расставляем так, чтобы они уравновешивали друг друга на рисунке.

    Конец

    Перевод статьи с сайта PSDTuts.com.

    Источник: http://vavik96.com/travyanoj-tekst-v-photoshop/

    Создаем травяной текст используя Фотошоп

    В данном уроке Фотошопа мы рассмотрим, как можно создать травяной текст.

    Финальный результат

    Приступаем к уроку Фотошопа

    Для начала создаем новый файл (File > New (Файл > Новый / Сочетание клавиш 'Ctrl+N')) и выбираем нужный размер нашего рисунка.

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

    Новый слой (New Layer (Новый слой / Сочетание клавиш 'Ctrl+Shift+N')) назовем например DEMIART 1.

    Выбираем инструмент Horizontal Type Tool (Инструмент 'Горизонтальный текст' / Клавиша 'T') и задаем шрифт.

    Выделяем слой DEMIART 1 и кликаем на кнопке Add a layer style (Добавить стили слоя / Blending Options (Параметры наложения)) внизу окна Слои и выбираем Pattern Overlay (Перекрытие узора).

    Теперь нам нужно решить какую траву ми выберем для нашего текста.

    Жмем на стрелку в окне текущего образца чтобы открыть панель выбора, далее жмем на маленькую стрелку и в открывшемся списке ищем 'Nature Patterns' (Природный узор), жмем ОК и получаем образцы травы.

    Pattern Overlay (Перекрытие узора): ↓

    Выбираем слой с текстом, и повторяем все шаги, как и с предыдущем слоем, но не закрываем окно.

    На закладке Drop Shadow (Тень) вносим следующие настройки: ↓

    Drop Shadow (Тень): ↓

    Сделаем слой DEMIART 1 невидимым, выбираем инструмент Magic Wand Tool (Инструмент 'Волшебная палочка' / Клавиша 'W') и кликаем на месте, где нету текста, далее жмем Ctrl+Shift+I, чтобы инвертировать выделение и выбрать только текст, когда опять сделаем фон видимым.

    Жмем на Create new fill or adjustment layer (Создать новый слой заливки или корректирующий слой) снизу окна и тогда используем 'Hue/Saturation' (Цветовой тон/Насыщенность).

    В новом окне играем с настройками Hue (Цветовой тон), Saturation (Насыщенность) и Lightness (Яркость), пока не получим желаемый результат.

    То же самое делаем и для слоя DEMIART 1.

    И, наконец, выбираем текстовый слой, ищем Filter > Stylize > Wind (Фильтр > Стилизация > Ветер), чтобы придать работе более реалистичный вид.

    Вот и все.

    Финальный результат

    Перевод: lmmortal;

    Источник: Оригинал;

    Текст доработан командой сайта PhotoshopPro.ru

    Источник: https://photoshoppro.ru/specyeffekty-s-tekstom/339-grass-effect-text.html

    Ссылка на основную публикацию