Вконтакте
Телефон для заказов: +7 (910) 487 81 94
Подписка на RSS

Использование 3D в Photoshop CS5

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

Для того, чтобы повторить всё это дело, вам понадобится Photoshop CS5.

Итак, откроем Photoshop и в нём создадим документ размером 1900×1200 пикселей, с разрешением 72 пикс./дюйм и цветовым режимом RGB.

Теперь нужно создать слой-заливку Градиент, для этого пройдём в Меню → Слои → Новый слой-заливка → Градиент.

Photoshop CS5 - создание слоя-заливки "Градиент"

Photoshop CS5 - градиентная заливка

У нас должно получиться следующее.

Photoshop CS5 пример градиента

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

Photodhop CS5 - каждая буква в отдельном текстовом слое

Теперь мы применим к нашим буквам эффект 3D, выберите первую букву и пройдите в Меню → 3D → Чеканка → Текстовый слой.

В нашем примере мы всего лишь добавим немного объёмности нашему тексту и наложим одну из имеющихся текстур (первую в списке).

Photoshop CS5 - создание эффекта 3D у текстового слоя

Не нажимая OK, схватите курсором подопытную букву и поверните её так, как вам захочется.

Photoshop CS5 - поворот буквы 3D

Можно также использовать для этого навигатор в левом верхнем углу документа.

Photoshop CS5 - управление объектом 3D

Нажмём OK и проделаем то же самое с оставшимися буквами.

Photoshop CS5 - результат применения эффекта 3D к тексту

Теперь объедините текстовые слои (Ctrl+E) и к новоиспечённому слою примените следующие параметры наложения (правой кнопкой на слое, в списке выбрать соответствующий пункт).

Photoshop CS5 - наложение тени на слой

Photoshop CS5 - наложение внутренней тени на слой

Photoshop CS5 - эффект внешнего свечения

Photoshop CS5 - наложение глянца на слой

Photoshop CS5 - перекрытие слоя цветом

Photoshop CS5 - наложение градиента на слой

Photoshop CS5 - наложение узора на слой

Photoshop CS5 - выбор узора для наложения на слой

Photoshop CS5 - обрамление слоя обводкой

Вот что у нас получилось.

Photoshop CS5 - результат настройки параметров наложения слоя

Теперь скачаем этот архив с кистями и текстурами и, выделив слой с текстом, перейдём в Меню → Слои → Слой-маска → Показать все.

Выберем созданный слой-маску и инструмент «Кисть» (B), установим чёрный цвет и загрузим кисти из скачанного архива.

Photoshop CS5 - подгружаем кисти для рисования

Теперь можно поиздеваться над нашим текстом.

Photoshop CS5 - издевательство над 3D текстом, результат

Создадим новый слой (Ctrl+Shift+N) и заполним его чёрным, используя инструмент «Заливка» (G), затем пройдём в Меню → Фильтр → Рендеринг → Блик и сделаем всё так, как показано на картинке.

Photoshop CS5 - добавление блика к слою

Немножко подкорректируем слой, перейдя в Меню → Изображение → Коррекция → Цветовой фон/насыщенность (Ctrl+U).

Photoshop CS5 - Коррекция цвета и насыщенности слоя

Изменим режим наложения слоя на «Жёсткий свет»

Photoshop CS5 - изменение режима наложения слоя

и получим следующий результат.

Photoshop CS5 - результат изменения наложения слоя на "Жёсткий свет"

Теперь создадим новый слой и нарисуем облака, используя инструмент «Кисть» (B) и облачные кисти, которые мы скачали с архивом. Цвет сделайте белым.

Photoshop CS5 - добавление облаков с помощью инструмента "Кисть"

Добавьте новый слой-заливку (Меню → Слои → Новый слой-заливка → Градиент) с режимом наложения «Мягкий свет».

Photoshop CS5 - Новый слой-заливка

Результат будет примерно следующим (примерно, потому что я выбрал стиль заливки «Линейный», так не делайте).

Photoshop CS5 - результат добавления слоя заливки в режиме "Мягкий свет"

Добавим новый корректирующий слой «Карта градиента», перейдя в Меню → Слои → Новый корректирующий слой → Карта градиента.

Photoshop CS5 - добавление карты градиента

Изменим режим наложения слоя на «Мягкий свет»

Photoshop CS5 - изменение режима наложения слоя на Мягкий свет

и посмотрим, что у нас получилось (я немного подвинул солнышко, с первого раза не попал, куда хотел).

Промежуточный результат

Теперь импортируйте в ваш документ текстуру Grunge_texture_by_darkrose42_stock.jpg

Текстура Grunge для урока по использованию 3D в Photoshop CS5

и измените режим наложения слоя на «Мягкий свет».

Photoshop CS5 - изменение режима наложения слоя на "Мягкий свет"

Полюбуемся промежуточным результатом

3D текст в Photoshop CS5 после наложения текстуры

и, создав новый слой, пройдём в Меню → Фильтр → Рендеринг → Облака.

Photoshop CS5 - применение фильтра "Облака"

Изменим режим наложения на «Мягкий свет» и установим прозрачность 69%.

Photoshop CS5 - меняем режим наложения на Мягкий свет и прозрачность на 69%

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

Photoshop CS5 - 3D-текст, результат урока

Поблагодарим автора урока «La 3D avec Photoshop Cs5«.

Желаю вам всего самого доброго.
Seogad

P.S. Недавно меня пригласили принять участие в одной потенциально симпатичой рассылке «Блоггинг для чайников: сам себе продвиженец». Возможно, в каких-нибудь выпусках вы увидите и мои комментарии. Желаю рассылке светлого будущего.

Понравилась статья?

Создание блога под ключ всего за 999 рублей!

«Использование 3D в Photoshop CS5» — комментарии (34)

  • очень круто!)

  • Прикольно ниче не скажу)), стремно, что у меня английский фотошоп стоит..)

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

  • Отличный пост, узнал много нового.

  • Отличный материал! Теперь осталось придумать — где такую красоту использовать =)
    Спасибо, Артём!

  • урок хорошый надо будет попробовать в другой цветовой схеме

  • Ай умничка. Как подробно. Спасибо.

  • Крутой урок! Спасибо!

  • Впечатляет! Спасибо за урок!))

  • Отличный урок, действительно красиво!

  • люди просветити нуба, че за OpenGl, и где его взять, и ещё как по быстрому все буквы отдалить а то по одной не ровно получается

  • Желание повторить есть, только CS5 пока нет.
    Что-то подобное нужно соорудить для Xstroy.

  • Большое спасибо! Хороший урок.

  • Клевая тема!

  • Классно получилось, надо попробовать почудить такое же

  • просто супер! до этого момента меня очень привлекал «неоновый текст», теперь я этот эффект полюбил

  • @Денис, вообще более правильно работать в английском фотошопе, потому что переводы из версии к версии отличаются, и большинство уроков написаны на анголийском

  • Наверное пришло время переходить на CS5!
    скажите возможно сделать что-то подобное пользуясь CS ???

  • Ого, уже 3д Макс не нужен.

  • Артем, и где ты время находишь, чтоб и сайты ваять и в фотошопе исполнять?

  • У меня текст не высвечивается на экране ! то есть я как пустоту пишу !! помогите пожалуйсто ((
    skype : asyamsc
    vkontakte : http://vkontakte.ru/ id89210366
    ICQ : 644548772

  • Это классно! Надо будет попробовать!

  • люди помогите я не вижу поле для ввода в режиме цвета таких вещей как #230c02 итд
    и почему в режимах наложения слоя, не выделяются параметры (экран,перекрытие,затемнение основы) :( ((

  • классный урок!!!только почему у меня пункт меню Чеканка недоступен????(((подскажите,пожалуйста)

  • Ооо замечательная статья! Все подробно и понятно. А главное, вовремя, сижу делаю открытку к 8 марта! Спасибо за вдохновение!

  • Урок очень полезен, ждем от вас новых. Жаль что они у вас не часто выходят.

  • Спасибо за урок!

  • у меня тоже чеканка не выделяется как и все пункты 3D,что делать?

  • Отличный урок! Выглядит очень впечатляюще. Огромное спасибо за перевод!

  • @Fotoshopkin, если у тебе невозможно включить функцию OpenGl, значит поставь/обнови драйвер на видеокарту.

  • Люди, у кого не работает чеганка не унывайте))
    Я не давно закачал программу Aurora 3D Text & Logo Maker и надпись сделал через нее.
    Кстати у меня архив скачался кисти я установил и «облачных кистей» у меня почему то нету..подскажите что я не правильно сделал?

  • И опять я))
    Кисти нормально устанавливать научился) Картинку сделал автору большое спасибо. В фотошопе давно 3d научился делать, да вот видеокарта не позволяла. Ксати вот что у меня получилось)
    http://cs317124.userapi.com/v317124996/210a/ZpOm4atvS-g.jpg
    Молнию от себя добавил, синий мне как по лучше кажется, чуть чуть не доделал но и так вроде нормально)

  • Очень странно. Хотел сделать подобное для лого, но ничего из меню 3D не работает… Кто помочь может?

Упоминания на других ресурсах

Ваш комментарий

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