Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Создаем каменный текст, украшенный листвой в Adobe Photoshop

22 июня 2014 | Опубликовано в Уроки | 2 Комментариев »

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

 

Результат

layered rock natural text flatten 467x700 Design Layered Rock Text Effect with Natural Elements in Photoshop

Исходники

Шаг 1

Создайте новый документ размером 800px * 1198px с белым фоном. Используйте инструмент Gradient Fill/Градиент (выберите Radial Gradient/Радиальный градиент), чтобы залить фон как показано ниже:

1 grad1 471x700 Design Layered Rock Text Effect with Natural Elements in Photoshop

Любым шрифтом, который вам нравится напишите большую букву в центре документа. Мы будем ориентироваться на нее, добавляя текстуру камня в следующем шаге.

1 type 499x700 Design Layered Rock Text Effect with Natural Elements in Photoshop

Шаг 2

Скачайте фотографию камня из Исходников (или используйте свое похожее изображение) и откройте фотографию в Photoshop. Инструментом Quick selection/Быстрое выделение выделите область как показано ниже:

2 sel 550x374 Design Layered Rock Text Effect with Natural Elements in Photoshop

Скопируйте область и вставьте ее в наш рабочий документ. Накройте букву как показано ниже (используйте функцию free transform/свободное трансформирование, чтобы подогнать размер).

2 paste1 550x526 Design Layered Rock Text Effect with Natural Elements in Photoshop

Возьмите инструмент Еraser/Ластик и выберите в качестве кисти chalk/мел:

2 chalk eraser 550x274 Design Layered Rock Text Effect with Natural Elements in Photoshop

Сотрите с камня части, как показано ниже:

2 erase1 550x605 Design Layered Rock Text Effect with Natural Elements in Photoshop

Снова выделите и вставьте в документ кусочки камня, располагая их на букве:

2 more rock 550x327 Design Layered Rock Text Effect with Natural Elements in Photoshop

Мы можем использовать более мелкие детали, чтобы усилить эффект:

2 small rocks 550x345 Design Layered Rock Text Effect with Natural Elements in Photoshop

После того, как вы закончили размещение кусочков камня, скройте слой с буквой:

2 effect1 550x532 Design Layered Rock Text Effect with Natural Elements in Photoshop

Шаг 3

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

3 tree pattern 550x247 Design Layered Rock Text Effect with Natural Elements in Photoshop

Копируйте и вставьте область в наш рабочий документ. Разместите слой с зеленью под слоем с камнем:

3 paste eraser 550x391 Design Layered Rock Text Effect with Natural Elements in Photoshop

Добавьте еще листвы, как показано ниже:

3 more tree 550x363 Design Layered Rock Text Effect with Natural Elements in Photoshop

Также можно добавить листьев поверх слоев с камнями:

3 tree over 550x588 Design Layered Rock Text Effect with Natural Elements in Photoshop

Шаг 4

Выделите дерево целиком:

4 sel tree 550x473 Design Layered Rock Text Effect with Natural Elements in Photoshop

Вставьте дерево в документ, уменьшите его и расположите как показано ниже.

4 paste 550x402 Design Layered Rock Text Effect with Natural Elements in Photoshop

Скачайте файл с птичкой, откройте его в Photoshop и выделите птичку:

4 sel bird 550x385 Design Layered Rock Text Effect with Natural Elements in Photoshop

Копируйте и вставьте птичку в рабочий документ, уменьшив ее и разместив на камне.

4 paste bird 550x358 Design Layered Rock Text Effect with Natural Elements in Photoshop

Шаг 5

Почти все! Нам осталось добавить облака и абстрактные узоры при помощи кистей. Найдите в Интернете понравившиеся или выберите кисти из наших подборок: Облака, Кисти-ленты, Абстрактные кисти. Используйте кисти, чтобы создать облака под буквой и узор на фоне:

5 cloud 550x228 Design Layered Rock Text Effect with Natural Elements in Photoshop

5 abstract 550x476 Design Layered Rock Text Effect with Natural Elements in Photoshop

Мы можем объединить слои документа и использовать инструмент Burn/Затемнитель, чтобы сделать темнее некоторые части буквы. Это придаст дизайну объема:

5 burn Design Layered Rock Text Effect with Natural Elements in Photoshop

5 burn setting 550x34 Design Layered Rock Text Effect with Natural Elements in Photoshop

5 burn tool 550x629 Design Layered Rock Text Effect with Natural Elements in Photoshop

Результат

layered rock natural text flatten 467x700 Design Layered Rock Text Effect with Natural Elements in Photoshop

Автор урока psdvault

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

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




Комментарии

  1. Евгений
    Thumb up Thumb down -1

    Отличный урок, спасибо!

    Biu8TP.jpg

    Ответить

Оставить ответ


три + 6 =

Вставить изображение