Составляем надпись из тюков сена в Adobe Photoshop
Приближается осень (в некоторых частях мира) и немало дизайнеров задумываются, как в своем текущем проекте можно было бы создать произведение с осенним настроением. В нашем уроке мы покажем вам, как можно сделать текст из сена инструментами Photoshop's 3D. Давайте начнем!
Хотите сэкономить время? Тогда подумайте, не стоит ли воспользоваться одним из потрясающих Текстовых эффектов премиум из GraphicRiver. Или задействуйте помощь талантливого профессионала от Envato Studio, который облегчит вам выполнение данной типографической задачи.
Посмотрите ускоренное видео по живописи
Материалы урока
Вам потребуется следующее изображение для работы. Пожалуйста, загрузите его перед началом. Если же оно недоступно или вы не желаете платить за него, выберите альтернативу.
1. Создаем базовые слои и макет
Шаг 1- Откройте загруженный файл с картинкой
- Зайдите в Изображения>Размер изображения (Image > Image Size) и измените параметры так, как показано на изображении ниже.
Теперь вам нужно перевести исходное изображение в смарт объект. Вам необходимо это сделать, чтобы позже получился один большой стог сена на первом плане картинки.
- Откройте Мини бридж (Mini Bridge).
- Перейдите в файл изображения у вас на диске.
- Возьмите его и перетащите на холст.
- Измените его название на "Harvest_final".
В панели Контуры (Path) создайте новый контур и назовите его "hay bale". Активируйте инструмент Перо (Pen) (P) и обведите стог сена. Создайте выделенную область (Selection) из данного контура, нажав на пунктирный круг [1]. Как вариант, чтобы сделать выделенную область, вы можете нажать Command и пиктограмму Контур (Path).
Шаг 4Нажмите клавиши Command-J и создайте новый слой (New Layer). Назовите его "Hay bale 1".
Шаг 5Дважды скопируйте этот слой (Command-J). Расположите их так, как показано на скриншотах, при помощи инструмента Трансформирование (Transform Tool) (Command-T). Вы отрегулируете их положение позже.
2. Как создать 3D надпись
Шаг 1При помощи инструмента Текст (Type) напечатайте "HARVEST" ("Урожай") в центре картины. Установите настройки текста, как показано на скрин шоте.
Шаг 2Нажмите Command-T и измените текст так, чтобы он лучше подходил под рамки изображения. Затем кликните правой кнопкой мыши и выберите Новая 3D-экструзия из выделенного слоя (New 3D Extrusion from Selected Layer).
Шаг 3Выбрав в 3D панели инструментов Сцена (Scene), выровняйте положение надписи при помощи инструментов 3D трансформации. Расположите надпись таким образом, чтобы поля слева и справа были одинаковыми.
- Используя инструменты 3D трансформирования отрегулируйте положение букв:
- [1] Инструмент Поворот (Rotate) позволит поворачивать объект по осям X, Y и Z.
- [2] Вращение (Roll) позволяет вращать объект в пространстве экрана.
- [3] Инструмент Перемещение (Drag) дает возможность двигать объект в любых направлениях.
- [4] Скольжение (Slide) двигает объект ближе/дальше от вас осям XYZ выбранного объекта.
- [5] Инструмент Масштабирование (Scale) уменьшает или увеличивает объект.
Установите значение Среды (Environment) как показано на скриншоте. Чтобы ускорить это действие, вы можете вводить значения каждого параметра в соответствующее поле.
Шаг 5Установите текущую позицию (Current View) как показано на скриншоте ниже.
Шаг 6Глубину экструзии (Extrusion Depth) можно изменить, выбрав в 3D панели сетку объекта (Mesh).
Шаг 7Выберите Свет (Light) и в его свойствах переключите его на тень [1]. Переименуйте этот слой на "HARVEST extrusion".
Шаг 8Продублируйте экструдированный слой с текстом, это позволит имитировать солнечный свет в пейзаже.
- Продублируйте экструдированный слой с текстом.
- Переименуйте его на "HARVEST shadow".
- Перетащите его под слой "HARVEST extrusion".
- Включите Тень (Shadow) и отрегулируйте ее положение, двигая маленький источник света [3].
- Постарайтесь повторить направление тени, как на картинке.
Теперь выберите слой HARVEST extrusion, кликните правой кнопкой мыши и из появившегося меню выберите Растрировать 3D (Rasterize 3D).
3. Как отрегулировать положение тюков сена
Шаг 1Выберите слой "Harvest_final" [1] и отключите его видимость. Затем выберите слой "Hay bale 1" [2] и нажав Command-T активируйте трансформирование. Переместите его на передний план буквы "S" как показано на изображении.
Шаг 2Выберите слой "Hay bale 3" [1] и перетащите его под слой "HARVEST extrusion". Нажмите Command-T, активировав свободное трансформирование (Free Transform). Переместите его за букву «Т», как показано на рисунке.
Шаг 3Теперь выберем слой "Hay bale 2" и нажмем Command-T, чтобы активировать свободное трансформирование (Free Transform). Переместите его перед буквой "H", как показано на рисунке.
Шаг 4Выключите видимость (Turn Off Visibility) слоя "HARVEST shadow" [1]. Затем создайте дубликат (Duplicate) слоя "Background" [2].
Шаг 5Активируйте инструмент Штамп (Clone Stamp Tool)(S) и травой закрасьте лишние участки изображения [1].
Шаг 6И закрашивайте до тех пор, пока на переднем плане не останется старых стогов.
Шаг 7Выберите слой "Hay bale 2" и инструментом Штамп (Clone Stamp Tool) закрасьте все швы между стогом и остальным полем.
Шаг 8Выберите слой "Hay bale 3" и также инструментом Штамп (Clone Stamp Tool) закрасьте все швы между стогом и остальным полем.
Шаг 9Выберите слой "Hay bale 1" и снова инструментом Штамп (Clone Stamp Tool) закрасьте все швы между стогом и остальным полем.
4. Создаем текстурные буквы
Шаг 1Выбираем слой смарт объекта "Harvest_final" в панели Слои (Layers) и контур "hay bale" в панели контуров (Path). Нажмите на пунктирный круг [1], чтобы сделать выделение, и создайте новые слои, нажав дважды Command-J.
Шаг 2Переименуйте эти слои на "Extrusion base" [1] и "Extrusion front" [2]. Обратите внимание, что Extrusion base располагается поверх стопки слоев.
Шаг 3Выберите слой "HARVEST extrusion", активируйте инструмент Волшебная палочка (Wand Tool) (W) и кликните по переднему плану букв HARVEST для того, чтобы создать выделение.
Шаг 4Отключите видимость слоев "HARVEST extrusion" и "Extrusion base" [1]. Выберите слой "Front base" и активируйте слой Штампа Clone Stamp (S).
Шаг 5Начинаем копировать текстуру стога сена на буквы.
- Масштаб штампа (Clone Scale) укажите 80% [1]. Таким образом вы создадите ощущение перспективы. Текстуры, расположенные дальше, выглядят меньше.
- Нажав левую клавишу Alt, нажмите в центре стога сена, чтобы задать источник клонов (Clone Source).
- Начинайте рисовать из центра буквы "H".
Перемещайте источник клонов (Clone Source) до тех пор, пока не закрасите всю букву. Обращайте внимание на детали. Копируйте левую сторону стога на левую сторону буквы. Так вы сможете создать ощущение, что буквы сделаны из сена, сложенного в моток.
Шаг 7По окончании текстура должна выглядеть примерно так.
Шаг 8Клонируйте текстуру сена, пока не заполните букву "V". Затем в панели источника клонов (Clone Source) измените размер штампа (Clone Size) на 65% [1]. Остальная часть надписи HARVEST далеко от нас, поэтому текстуры должны быть мельче.
Шаг 9Снова нажав левый Alt, нажмите в центр стога, установив источник клона (Clone Source), и рисуйте текстуру.
Шаг 10Затем сделайте прямоугольное выделение (Rectangular Selection) (M) вокруг того стога, который стал источником клонов.
Шаг 11Удалите лишние пиксели, нажимая Delete.
Шаг 12Отключите видимость слоя "Extrusion base" и перетащите его под слой "Front base". Затем нажмите Command и кликните на пиктограмму слоя "Harvest extrusion", чтобы сделать выделение.
Шаг 13Теперь вам нужно будет копировать текстуру на экструдированные стороны букв.
- Выберите "Extrusion layer" [1].
- Установите масштаб штампа (Clone Scale) на 80% [2]. Чтобы текстуры сочетались, масштаб из предыдущих шагов.
- Нажав левый Alt, кликните на боковую сторону стога, задавая источник клонов (Clone Source).
- Начинайте закрашивать букву "H".
Время от времени меняйте источник клонов, чтобы имитировать переходы текстур исходного стога.
Шаг 15Копируйте текстуру на остальные буквы.
Шаг 16Чтобы сделать острые грани букв "S/T", сделайте выделение (Selection) инструментом Лассо (Lasso Tool) (L) по верхней части буквы "S" (смотрите рисунок), и сделайте его инверсию (Invert), нажав Command-Shift-I. Работайте с приближением, чтобы довести текстуру до совершенства.
Шаг 17Теперь проработайте текстуру буквы "S" так, чтобы она соответствовала форме буквы. Изгибы стога должны повторять направления изгибов буквы.
- Прямолинейным лассо (Polygonal Lasso) (L) [1] сделайте выделение нижней части буквы "S", сделайте ее инверсию, нажав Command-Shift-I.
- Закрепите прозрачность (Lock Transparency) слоя "Extrusion base" layer [2].
- В панели источников клонов (Clone Source) измените угол штампа на 180° [3].
- Копируйте текстуру так, чтобы она выглядела естественно.
Теперь сделаем инверсию (Invert) выделения еще раз, нажав Command-Shift-I [1], затем нажмем Command-J, сделав из нее новый слой. Назовем ее "S end" [2].
Шаг 19Затем сделайте прямоугольное выделение (Rectangular Selection) (M) стога, который был источником клонов, и нажмите Delete.
Шаг 20Измените порядок слоев, как показано на скриншоте. Создайте группы для разных частей надписи. Чтобы быстро создать группу, выберите слой и нажмите Command-G. Перетащите все буквы надписи под слой "Hay bale 2".
5. Как сделать тени букв
Шаг 1Выберите смарт объект "Harvest_final" [1]. В панели Контуры (Paths) выберите контур "hay bale" и сделайте выделенную область из этого контура. Удерживая Command, нажмите на пиктограмму контура, чтобы сделать выделение.
Шаг 2Нажав Command-J, создайте новый слой и назовите его "3D shadow". Перетащите его выше папки "Typography".
Шаг 3Активируйте инструмент Ластик (Eraser Tool) (E) и удалите верхнюю половину стога сена.
Шаг 4Включите видимость слоя "HARVEST shadow", чтобы посмотреть, куда нужно скопировать тень из недавно созданного фрагмента.
Шаг 5Теперь нажмите Command-J и скопируйте слой [1], перетащите его под "HARVEST shadow". Затем нажмите Command-T, активируя инструмент Трансформирование (Transform Tool), и переместите его под букву "А".
Шаг 6Когда положением тени вы довольны, удерживайте Command и нажмите на иконку слоя, чтобы сделать из него выделение [1]. Нажмите Command-C, чтобы скопировать его.
Шаг 7Нажмите Command-V, чтобы вставить пиксели в другой слой, и активируйте инструмент Трансформирование (Transform Tool) (Command-T). Поместите его под буквой "R".
Шаг 8Снова вставьте пиксели и переместите этот слой под букву "V". Повторяйте эти действия, пока у каждой буквы в итоге не получится тень. Вы отредактируете их на следующих шагах.
Шаг 9Выберите слой "3d Shadow" и отодвиньте его от буквы, чтобы иметь больший обзор перед клонированием текстуры. Выключите 3d объект "HARVEST shadow".
Шаг 10Инструментом Ластик (Eriser Tool) (E) сотрите все куски, какие не относятся к тени на земле. И так для каждой буквы.
Шаг 11Объедините все слои с тенями в один. Для этого нажмите Command-E, выбрав все слои [1]. Затем инструментом Ластик (Eraser Toll) (E) удалите лишние пиксели [2], чтобы начать располагать тени на земле.
Шаг 12Теперь активируйте инструмент Штамп (Clone Stamp Tool)(S) и установите источник клонов на той части стога сена, которая указана на рисунке. Начинайте рисовать тени.
Шаг 13Клонируйте до тех пор, пока края тени не будут выглядеть реалистично. Заметьте, что клонируя фрагменты рисунка, вы добавляете очень нужные реалистичные детали. Некоторые пучки сена несколько выступают по сравнению с другими, и границы тени рваные и неровные.
Шаг 14Теперь инструментом Прямоугольник (Rectangle Tool) (M) выберите тот стог сена, который вы клонировали, и нажмите Command-X, чтобы его вырезать.
Шаг 15Вставьте его над Typography и назовите этот слой "Shadow top".
Шаг 16Теперь вам нужно клонировать пучки сена снова. Эти клочья расположены перед буквами. Так что постарайтесь тщательно прорабатывать то место, где они соприкасаются со жнивой.
Шаг 17Теперь инструментом Прямоугольная область выделения (Rectangular Marquee Tool) выберите ту часть, которую вы использовали как источник клонов, и удалите ее.
Шаг 18Отдалите изображение, чтобы убедиться, что тень выглядит реалистично. Ваше изображение должно быть похоже на мое.
6. Рисуем разбросанные пучки сена.
Шаг 1Откройте панель настроек кисти (Brush settings) и измените динамику кисти (Shape Dynamics), как показано на экране. Я пользуюсь графическим планшетом для рисования, так что мой Control настроен под нажатие пера (Pen Pressure).
Шаг 2Откройте панель настроек кисти (Brush settings) и измените динамику цвета (Color Dynamics). Таким образом, Photoshop будет использовать цвет переднего плана в начале мазка и цвет заднего плана в конце мазка.
Шаг 3Теперь измените ее передачу (Transfer), чтобы модулировать непрозрачность (Opacity) каждого штриха.
Шаг 4Захватите цвет переднего и заднего плана инструментом пипетка (Eyedropper Tool). Создайте новый слой под названием "Strays".
Шаг 5Рисуйте инструментом кисть (Brush Tool) (B). Задайте ей малый размер (2 пикселя), и время от времени меняйте его на 1 пиксель, чтобы делать разные травинки. Кладите штрихи по направлению сена на текстуре, и добавляйте травинки, которые торчат во все стороны. Так ваша буква получится более реалистичной.
Шаг 6Следом раскрасьте все буквы.
Шаг 7По завершении у вас должно получиться что-то вроде этого.
Шаг 8Создайте новый слой под названием "Strays back". В этот раз слой должен быть ниже папки Typography. Добавьте несколько пучков сена, чтобы придать жизни боковым сторонам букв.
Шаг 9Рисуйте их больше, пока все буквы не будут слегка ворсистыми.
Шаг 10Настало время нарушить ровный и гладкий вид граней букв. Выберите слой "Front base", создайте ему маску и разрисуйте грани клочковатыми штрихами.
Шаг 11Маска этого слоя должна быть похожа на ту, что вы видите на картинке. Чтобы показать/скрыть содержимое маски, зажмите левый Alt и кликните по пиктограмме маски [1].
Шаг 12Теперь пришло время сделать маску выступающим частям букв. Выберите слой "Extrusion base", добавить маску (Add a Mask) и рисуйте.
Шаг 13Теперь пора создать новый слой, который добавит солнечного света буквам. Создайте новый слой (New Layer), назовите его "sun blast". Создайте обтравочную маску (Clipping Mask) (для этого нажмите Alt и кликните по линии между слоями "Sun blast" и "Extrusion base"). Выберите цвет #AD8144 и небрежно порисуйте на боковых сторонах букв. Важно делать разную прозрачность каждого штриха.
Шаг 14Добавьте слою маску и сделайте штрихи, которые имитируют солнечный свет, льющийся из-за букв.
Шаг 15Измените параметры наложения (Blending Mode) [1] на мягкий свет (Soft Light). Теперь на буквы легло немного золотистого солнечного света.
7. Как добавить буквам теней
Шаг 1Создайте новый слой над слоем "S end", назовите его "S sh". Создайте обтравочную маску (Clipping Mask) (для этого нажмите Alt и кликните по линии между слоями). Измените параметры наложения (Blending Mode) на умножение (Multiply) и нанесите легкую тень.
Шаг 2Добавьте новый слой и назовите его "S sh dark", измените параметры наложения (Blending Mode) на умножение (Multiply). Нанесите темный коричневый, чтобы буква "S" уверенно встала на поверхность.
Шаг 3Теперь создайте слой "Shadow Low" над слоем "Front base", установите его параметры наложения (Blending Mode) на умножение (Multiply) и нарисуйте тени. В этот раз они должны сливаться с тенью буквы и тенью на земле.
Шаг 4Создайте ещё один слой тени "T Sh" с установленным умножением (Multiply) и сделайте выделение полигональным лассо (Polygonal Lasso) (L).
Шаг 5Нарисуйте тень, как показано на изображении. Сделайте это двумя или тремя штрихами разной интенсивности.
Шаг 6Создайте ещё слой для тени "S Sh" с умножением (Multiply) и сделайте выделение полигональным лассо (Polygonal Lasso) (L) и нарисуйте легкие тени.
Шаг 7Создайте еще один слой тени и сделайте область выделения. Заполните ее коричневым цветом инструментом Заливка (Bucket Tool) (G).
Шаг 8Сбросьте выделение, зайдите в Фильтр>Размытие>Размытие по Гауссу (Filter > Blur > Gaussian Blur) и выставите его радиус 4.8 пикселей.
Шаг 9Установите его параметры наложения (Blending Mode) на умножение (Multiply).
Шаг 10Добавьте еще слой "S sh top" с умножением (Multiply), сделайте выделение полигональным лассо (Polygonal Lasso) (L) и нарисуйте тень.
Шаг 11Добавьте еще слой "V sh" с умножением (Multiply) и нарисуйте тень.
Шаг 12Добавьте еще слой "R sh" с умножением (Multiply) и нарисуйте тень.
Шаг 13Добавьте еще слой "A sh" с умножением (Multiply) и нарисуйте тень.
Шаг 14Добавьте еще слой "H sh" с умножением (Multiply) и нарисуйте тень.
Шаг 15Теперь у вас законченное произведение. В создали надпись из сена.
Эй, это потрясающая работа!
В данном уроке мы увидели, как создать текст с осенним настроением в Photoshop. В процессе я показал вам, как создать текст 3D в Photoshop и затем использовать его как основу для наложения текстуры. Надеюсь, вы извлекли что-то для себя из данного урока и сможете использовать продемонстрированные вам техники, чтобы создать нечто великолепное самим.
Вдохновленный природой эффект для текста от GraphicRiver
Слейтесь с природой, следуя за этим увлекательным проектом по созданию текстовых эффектов. Загрузите один из замечательных Премиум стилей слоев и экшенов Photoshop от GraphicRiver, которые помогут вам в быстром создании ярких природных текстовых эффектов. И обратите внимание на кое-что избранное ниже!
Экшен Photoshop для реалистичного эффекта травы.Имитируйте вид травы одним нажатием клавиши! Этот великолепный набор включает экшен слоя травы, который можно использовать для текста и объекта ради достижения невероятных эффектов. Он также включает легкое для понимания руководство, которое даст возможность сразу приступить к его использованию!