Хотите скачивать файлы с сайта style-ps.ru без ожидания и рекламы? Узнать подробности.

Mobile menu

Блок рекламы

Блок рекламы

DIGSI.RU - Хорошие сайты по приемлемым ценам.
Разработка с нуля, доработка и оптимизиция сайтов.


COOL-BRACELET.RU - интернет-магазин модных браслетов.
Яркие и стильные молодёжные браслеты - отличный подарок себе и друзьям!

Фотошоп с нуля в видеоформате

Уроки для повышения мастерства

Photoshop CS5 от А до Я

Photoshop для фотографа

Мастерство создания коллажа

Секреты создания шикарных фотокниг

 

Моя первая зеркалка

 

Photoshop для бизнесмена

Текст на кубиках

preview-cub

Всем привет! В этом новом уроке мы с вами научимся создавать вот такой текст, размещённый на кубиках, только средствами программы Фотошоп. Все необходимые материалы для работы находятся внутри урока.





5

Сохраните себе этот рисунок и откройте его в программе Photoshop. Перейдите на вкладку Редактирование и выберите пункт Определить узор. Сохраните новый узор под любым именем.
Создайте новый документ (CTRL + N) шириной 1300 и высотой 900 пикс., разблокируйте его. Кликните 2 раза по миниатюре слоя, чтобы открыть окно Стиль слоя. Здесь нам нужен пункт Наложение узора (используйте узор, созданный ранее).

1

1a

1b

В следующем шаге откройте текстуру из скаченного архива и разместите её над слоем с узором. Измените режим наложения слоя с текстурой на Умножение. Вот что должно получиться на этом этапе.

1c

Установите цвет переднего плана на #ead89f. Создайте новый слой (CTRL + SHIFT + N). Выберите на панели Инструмент "Прямоугольник со скруглёнными углами" в режиме заливки пикселов. Радиус скругления поставьте 5 пикс. Затем нарисуйте прямоугольник нужного размера. Добавим ему немного стилей, чтобы он выглядел реалистично. 2 раза кликните по миниатюре слоя и перейдите к настройкам тени. Цвет для тени задайте #3f2823. Остальные настройки смотрите на рисунке ниже.

2

Тиснение

2a

Контур

2b

Наложение градиента (используйте градиент от чёрного к белому)

2c

В результате должен получиться вот такой кубик.

2d

Теперь займёмся буковками. Я использовал шрифт Andalus размером 200 пикс. чёрного цвета.

3

Добавьте небольшую тень для буквы. Настройки смотрите ниже.

3a

Далее создайте новую группу, кликнув на значок папки в правом нижнем углу. Название для группы пусть будет "I". Переместите слой с кубиком и буквой в созданную группу.
Сделайте 4 дубликата этой группы и разместите их как в примере.

3b

У второго кубика в группе удаляете слой с буквой и меняете его имя на LOVE. Для него мы позже будем рисовать фигуру. Остальные буковки "I" и названия групп заменяете соответственно на "Y", "O" и "U".

Дальше поступаем следующим образом: создаём 6 дубликатов любой группы с буквой, переименовываем буквы и названия групп, чтобы получилось слово PEOPLE. Выделяем все эти 6 групп и инструментом "Перемещение" (V) размещаем ниже первой надписи. Смотрим пример.

3c

Возвращаемся к группе "LOVE". Создаём внитри неё новый слой, устанавливаем цвет переднего плана #d5593d. Выбираем инструмент "Произвольная фигура" (U), находим в списке фигуру "Черви" и в режиме "Выполнить заливку пикселов" (см. подсказку ниже) рисуем сердечко, которое сразу же зальётся выбранным цветом.

4

4a

Кликаем два раза по слою с сердцем, чтобы открыть окно "Стиль слоя". Выбираем пункты "Тень" и "Тиснение". Настройки даны ниже.

4b

4c

4d

Итак, если Вы всё правильно сделали, у Вас должно получиться 11 групп слоёв. Создаём поверх них Новый корректирующий слой "Карта градиента". Меняем режим наложения на Умножение, непрозрачность снижаем до 40%.

5

Открываем Редактор градиентов, задаём следующие цвета: #b7a781 и #f9f2ea.

5a

И, напоследок, делаем копию сведённых слоёв, нажав SHIFT + CTRL + ALT + E. Затем обесцвечиваем этот слой (CTRL + SHIFT + U). Применяем к нему фильтр "Цветовой контраст" из категории "Другое" с радиусом от 2 до 2,5. Меняем режим наложения этого слоя на "Мягкий свет" и уменьшаем непрорзрачность до 50%. Это придаст резкость нашей работе. Можете поэкспериментировать с настройками для лучшего эффекта. У меня на этом всё. Урок подготовлен по материалам сайта http://textuts.com.

5b

final

Вот таким способом всего за несколько шагов Вы научились создавать текст, размещенный на кубиках. Посмотреть результат работы в оригинальном разрешении можно в галерее Работы к урокам. 

{jcomments on}