Скачать Adobe Photoshop® CS5 Extended
История создания Adobe Photoshop
88 секретов работы в Photoshop
Постер из фильма Начало (Inception) - урок по Adobe Photoshop
Информация к новости
  • Просмотров: 35497
  • Автор: NonSa
  • Дата: 28-01-2008, 20:51
 (голосов: 0)
28-01-2008, 20:51

уроки фотошоп - Типографские 3D эффекты в Photoshop

Категория: Уроки Adobe Photoshop

Photoshop - поразительный инструмент – и Nik Ainley покажет как добавить художественный превосходный 3D эффект тексту, используя инструменты Photoshop.

Создание 3D объектов в Photoshop становится всё более популярным. Для этого вам не нужна самая последняя высококачественная версия Photoshop, чтобы создать несколько уникальных 3D эффектов достаточно Photoshop CS и выше.

В этом уроке Мастер эффектов Nik Ainley показывает, как создать упомянутое выше изображение. Секрет - сначала создать буквы в 3D программе, как отдельные знаки, а затем ввести их в Photoshop для дальнейшей работы.

Благодаря инструментам Photoshop’s - маскировки и слоев, Ник создал переплетение букв. Лицевая сторона букв обеспечивает удобное пространство для дальнейших эффектов, как например образцы, градиенты и линии.



01. Начало: создаем каждую букву отдельно в 3D программе, Ник использовал Xara 3D, и импортировал их в Photoshop документ. Разместите каждую букву на отдельном слое, а затем установите, их друг к другу, в любом порядке, как вам нравится.
(Эффект 3D text можно создать и в Photoshop. Смотрите урок на сайте).



02. Одно из преимуществ работы в Photoshop это возможность размещать объекты сзади других и одновременно при этом иметь части перед ними. Чтобы достичь этого эффекта, вам нужно маскировать части отдельных букв.
Сначала, добавляем маску слоя к соответствующей букве. Следующий шаг - выбрать, какая буква появиться на переднем плане – мы делаем букву E частично перед H.
Загрузите ее выделение Ctrl+щелчок по ее иконке в палитре слоев. Используя инструмент Кисть и черный цвет, проявляем участок на маске H’s слоя. Должен появиться нижний кончик E перед H. Повторяем это прием для других букв, как вам нравится.
(Поясняю - в палитре слоев буква «Н» выше буквы «Е», т.е. «Н» перекрывает «Е». Задача – часть буквы «Е» проявить перед «Н». Для этого в слое «Н» создаем маску и кистью черным цветом красим тот участок буквы «Н», который «уйдет» за «Е». Загрузив выделение буквы «Е» мы обеспечим чистый край, кисть будет красить только в пределах выделенной области).



03. Потом возьмемся за работу над освещением и тенями, начиная с добавления теней на F. Создайте новый слой выше буквы F. Чтобы добиться того, чтобы тени падали только на букву, создаем маску.
Форма маски должна соответствовать форме F, минус части, маскируемые в предыдущем шаге. Чтобы сделать это, Ctrl+щелчок по иконке слоя F , затем Ctrl+Alt+Shift щелкаем по иконке слой-маски, чтобы получить пересечение обеих областей. Сейчас выбираем новый слой и добавляем маску слоя. Она должна быть той же формы, что и ваше выделение.



04. Используя большую мягкую кисть (примерно 70px) и черный цвет в этом слое красим части буквы, которые должны находиться в тени. В данном случае, верхний участок, который затеняет R и низ, который за S. Повторяем этот процесс для каждого слоя.



05. С тенями на буквах разобрались, теперь нам нужна тень на фоне. Создайте новый слой ниже всех букв. Выберите контур всех ваших букв, и залейте его черным цветом. Применяем фильтр Размытие по Гауссу на этом слое. Теперь, используя Трансформирование/Искривление, тянем тень слегка вниз, чтобы казалось, что буквы плавают выше фона. Размываем снова, и уменьшаем непрозрачность слоя, если тени кажутся слишком жесткими.



06. Добавьте немного дополнительных теней внизу слоя, чтобы создать большую глубину. Создайте новый слой выше вашего первого теневого слоя и, используя мягкую кисть 50px, добавляем черный цвет в этом слое. Добавьте больше под основой букв, чтобы создать впечатление, что они стоят вертикально.



07. Сейчас беремся за работу над буквами. Первый шаг - изолировать «лицевую» часть каждой буквы, используя волшебную палочку или инструмент перо. Когда вы имеете выделение лицевой части, создаем новый слой выше вашей буквы, но ниже буквенной тени.
Залейте каким-нибудь цветом, но делаем это немного темным и тусклым. Если вы маскировали часть буквы в шаге 2, вам нужно будет дублировать буквенную маску в слой лицевой части.



08. Чтобы стилизовать каждую лицевую часть букв, мы используем стиль слоя. Вы можете корректировать настройки по личному вкусу, но основы такие:
Inner Shadow - Внутренняя Тень: Color dodge (Осветление основы), белый, непрозрачность 15 %, расстояние: 0px, размер: 45px
Inner Glow – Внутреннее свечение: Screen (Экран, Осветление), белый, непрозрачность 75 %, размер 2px
Gradient Overlay – Перекрытие Градиентом: Soft light (Мягкий свет), черный цвет к белому, непрозрачность 100 %, angled (угол), чтобы буква была светлее вверху, темнее внизу.
Satin - Глянец: Color dodge (Осветление основы), темно-серый, непрозрачность 50 %, расстояние: 20px, размер: 40px



09. После только как вы раскрасите лицевые части букв, мы возьмемся за работу над их боковыми гранями.



10. Вам нужно изменить цвета и освещение сторон, чтобы они выглядели более согласованными друг с другом.
Чтобы сделать это, вам нужно использовать adjustment layers (корректирующие слои). Сначала выберем контур маски F теневого слоя и создадим new gradient map adjustment layer (новый корректирующий слой/карта градиента). Только ниже лицевого слоя.



11. Сейчас можно создать дополнительные корректирующие слои выше и ниже слоя созданного в шаге 10, чтобы изменить яркость, контраст и цвета как вам нравится. Потом, копируйте корректирующие слои и немного отрегулируйте, чтобы получить более последовательную окраску.



12. Чтобы добавить немного больше блеска к формам букв, идем Filter > Artistic > Plastic wrap (Фильтры > Художественный > Целлофановая упаковка) с настройками: Highlight strength 14, Detail 1, and Smoothness 14 (Подсветка 14, Детализация 1 и Смягчение 14). После применения фильтра, изменим режим смеси слоя на soft light (Мягкий свет). И так к каждой букве…



13. Сейчас, чтобы свести все цвета вместе и создать более гармоничное восприятие, добавляем несколько корректирующих слоев вверху всех слоев. Сначала, применим такую же карту градиента, как раньше, изменим режим смешивания на soft light (мягкий свет) и непрозрачность 50 %.



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



15. Из всего сказанного вы можете сделать столько, сколько захотите. Добавьте больше деталей каждой букве, больше бликов и теней, корректируйте цвета. Этот пример имеет несколько больше деталей, чем описано, но вы можете создать намного больше.

tongue

 

 

Автор: Nik Ainley

Перевод: NonSa

Источник: <!--dle_leech_begin-->digitalartsonline.co.uk<!--dle_leech_end-->

Метки к статье: урок, уроки фотошоп, tutorial, photoshop, 3D,


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

28 января 2008 20:58

Информация к комментарию
  • Группа: Админ
  • ICQ: 924304
  • Регистрация: 15.06.2007
  • Публикаций: 674
  • Комментариев: 682
Нонса, мега респект!!!!

--------------------

<
NonSa

28 января 2008 21:03

Информация к комментарию
  • Группа: Младший администратор
  • ICQ: 396601805
  • Регистрация: 7.08.2007
  • Публикаций: 375
  • Комментариев: 664
Infernus,
Если успею... поздно вечером свой пример выложу. nunu
Затягивает!!!
<
Infernus

28 января 2008 21:05

Информация к комментарию
  • Группа: Админ
  • ICQ: 924304
  • Регистрация: 15.06.2007
  • Публикаций: 674
  • Комментариев: 682
NonSa, обязательно! А я уже за сайтом соскучился, через два дня возвращаюсь на родину, к родному компу...

--------------------

<
Sazen

29 января 2008 15:28

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 10.12.2007
  • Публикаций: 0
  • Комментариев: 6
Вообще уже ничего не понятно стали делать!
<
topSECRET

30 января 2008 01:48

Информация к комментарию
  • Группа: Посетители
  • ICQ: -
  • Регистрация: 26.11.2007
  • Публикаций: 0
  • Комментариев: 41
да и мне тоже.... не сложно так разукрасить буквы,сложность где достать эту прогу чтоб буквы в триде сделать...!
<
MissSemiotic

30 января 2008 18:30

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 3.01.2008
  • Публикаций: 0
  • Комментариев: 4
topSECRET, буквы можно в фотошопе сделать


topSECRET, или в Xara 3D


люди , подскажите ... я когда сохраняю в Xar`е буквы , у меня с фоном сохраняется , как исправить?
<
NonSa

30 января 2008 21:45

Информация к комментарию
  • Группа: Младший администратор
  • ICQ: 396601805
  • Регистрация: 7.08.2007
  • Публикаций: 375
  • Комментариев: 664
MissSemiotic,
У меня этой проги нет... Я думаю в этой части принцип похож с другими ... Есть подложка и сам 3Д-объект.
Изменить цвет подложки на -прозрачный.
Сохранять в другом формате.
Или в ФШ извлечь объект, освободившись от фона.

PS:
Файл/Экспорт выбираете тип PNG. Далее в диалоговом окне в Опции - Прозрачный.
<
MissSemiotic

31 января 2008 17:33

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 3.01.2008
  • Публикаций: 0
  • Комментариев: 4
NonSa, спасибо ... щас буду мучить ))
<
Brilliance

13 февраля 2008 03:06

Информация к комментарию
  • Группа: Посетители
  • ICQ: 195901486
  • Регистрация: 13.02.2008
  • Публикаций: 0
  • Комментариев: 3
NonSa, ответь мне убогому, ты это сама придумала, как делать??? Сделал - получилось, я в жизни столько не читал ^_^
<
NonSa

13 февраля 2008 10:58

Информация к комментарию
  • Группа: Младший администратор
  • ICQ: 396601805
  • Регистрация: 7.08.2007
  • Публикаций: 375
  • Комментариев: 664
Brilliance,
В этом уроке Мастер эффектов Nik Ainley показывает...
Мне до него еще далеко!!!
<
PiTyUk

28 февраля 2008 13:02

Информация к комментарию
  • Группа: Посетители
  • ICQ: 449-715-361
  • Регистрация: 21.02.2008
  • Публикаций: 0
  • Комментариев: 6
Привет всем =) Очень понравился этот урок, но при его создании у меня возникли некоторые проблемки..=) Не мог бы мне кто-нибудь в асе помочь с этим, потому что вопросов много очень..=)
<
NonSa

28 февраля 2008 14:50

Информация к комментарию
  • Группа: Младший администратор
  • ICQ: 396601805
  • Регистрация: 7.08.2007
  • Публикаций: 375
  • Комментариев: 664
PiTyUk,
Есть вопросы - будут и ответы :-)
Пишите в комментах (это и другм в помощь будет).
<
PiTyUk

28 февраля 2008 15:59

Информация к комментарию
  • Группа: Посетители
  • ICQ: 449-715-361
  • Регистрация: 21.02.2008
  • Публикаций: 0
  • Комментариев: 6
=) Ну значит так..=) Не могу импортировать файл из Xara 3D в Фотошоп =) Это главная проблема...))) Ещё вопрос: можно ли сделать такие буковки с седьмой версией фотошопа?)) З.Ы. За свои вопросы мне очень стыдно)
<
NonSa

28 февраля 2008 19:45

Информация к комментарию
  • Группа: Младший администратор
  • ICQ: 396601805
  • Регистрация: 7.08.2007
  • Публикаций: 375
  • Комментариев: 664
PiTyUk,
Начнем с ЗЫ: Зря! Нормальные, здоровые вопросы!!! :-)))
По Xara 3D - коммент #7
Файл/Экспорт выбираете тип PNG. Далее в диалоговом окне в Опции - Прозрачный
Сохраняете в свою папку, а потом открываете в ФШ.

По эффекту 3D - В уроке буквы выполнены в Харе.
(Эффект 3D text можно создать и в Photoshop. Смотрите урок на сайте).
Для создания эффекта 7ка подойдет. Там только может возникнуть проблема с перспективой ("положить" или "поставить" в плоскости)...
В ФШ Вы не сможете сделать катанный скос (точнее эффект скоса выполнить можно... но трудновато). :-)
<
PiTyUk

1 марта 2008 00:47

Информация к комментарию
  • Группа: Посетители
  • ICQ: 449-715-361
  • Регистрация: 21.02.2008
  • Публикаций: 0
  • Комментариев: 6
NonSa,
В фотошоп перенеслось всё, отлично) Вот только темный то фон убрался, а прозрачный остался с мелкими буковками... =)
А можно получить ссылку на урок в фотошопу по созданию объема...)
<
NonSa

1 марта 2008 14:39

Информация к комментарию
  • Группа: Младший администратор
  • ICQ: 396601805
  • Регистрация: 7.08.2007
  • Публикаций: 375
  • Комментариев: 664
PiTyUk,
Какими мелкими буковками? Этого быть не должно!
А можно получить ссылку на урок в фотошопу по созданию объема...)
Эта ссылка у Вас уже есть!!! Ниже урока и до Комментов есть раздел Похожие новости.
уроки photoshop - 3D текст

<
PiTyUk

2 марта 2008 15:34

Информация к комментарию
  • Группа: Посетители
  • ICQ: 449-715-361
  • Регистрация: 21.02.2008
  • Публикаций: 0
  • Комментариев: 6
Да понятное дело, что не должно =) Это уже не важно, я решила всё делать в фодошопе и не использовать 3D программы =) Спасибо за советы)
<
Николай

14 марта 2008 03:54

Информация к комментарию
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Публикаций: 0
  • Комментариев: 0
Подскажите пожалуйста, как можно избавиться от фона(подложки) при сохранении объекта в JPEG или TGA?

Нужный объект отделил от общего фона, а при сохранении автоматически создается фон...
он мне не нужен.
<
Infernus

14 марта 2008 09:35

Информация к комментарию
  • Группа: Админ
  • ICQ: 924304
  • Регистрация: 15.06.2007
  • Публикаций: 674
  • Комментариев: 682
Николай, в jpeg это просто невозможно, он не поддерживает отсутсвие фона - сохраняйте в png например

--------------------

<
Николай

14 марта 2008 11:57

Информация к комментарию
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Публикаций: 0
  • Комментариев: 0
Понятно, спасибо.

А в TGA, такое возможно?
<
NonSa

14 марта 2008 14:14

Информация к комментарию
  • Группа: Младший администратор
  • ICQ: 396601805
  • Регистрация: 7.08.2007
  • Публикаций: 375
  • Комментариев: 664
Николай,
Прозрачную подложку создают – gif и png.
TGA зальет подложку.
Можно сохранить Объект в gif или png, вставить в ... (куда надо) и это сохранить в .tga
<
Николай

14 марта 2008 15:30

Информация к комментарию
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Публикаций: 0
  • Комментариев: 0
Спасибо, так пробовал... пока неудачно.

Так как: как ни сохраняй при вставке куда надо появляется все тот же фон (никакой (белый)) может есть возможност делать прозрачный фон?

М...!

А подскажите, пожалуйста или ссылочки, если можно...
где бы про маски можно было бы почитать..
<
NonSa

14 марта 2008 20:46

Информация к комментарию
  • Группа: Младший администратор
  • ICQ: 396601805
  • Регистрация: 7.08.2007
  • Публикаций: 375
  • Комментариев: 664
Николай,
Минуточку! Что значит не удачно - gif и png на прозрачной подложке? Быть такого не могет! :-)
Тогда так - в палитре слоев удаляете нижний слой Фон и у Вас остаются только слои с объектами (буквы, текст...). Сохранить как..., выбираете gif или png. При просмотре - картинка на прозрачном фоне.
О Масках - Учебник на сайте :-)))
<
-NEON-

17 апреля 2008 01:52

Информация к комментарию
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Публикаций: 0
  • Комментариев: 0
Ехехей, падскажите пажалуста, пачиму у миня ф Xara 3D v6 когда выбираю "Сохранить как..." формат только один ".X3D" ???
<
Мефиста

17 апреля 2008 03:25

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 12.10.2007
  • Публикаций: 0
  • Комментариев: 2
Вопрос по шагу 05 - как выделить контур всех букв?
<
NonSa

17 апреля 2008 22:33

Информация к комментарию
  • Группа: Младший администратор
  • ICQ: 396601805
  • Регистрация: 7.08.2007
  • Публикаций: 375
  • Комментариев: 664
-NEON-,
Таким образом сохраняете созданный Вами стиль, с последующим использованием (если оно надо:-)).
Сохранить в .png или других форматах через Экспорт!

Мефиста,
В панели опций инструмента должен быть включен режим Add to seletion (добавить к выделенной области). А затем удерживая Shift+Ctrl кликаем по иконкам необходимых слоев (в палитре слоёв).
<
-NEON-

18 апреля 2008 03:08

Информация к комментарию
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Публикаций: 0
  • Комментариев: 0
Бальшэ спс за совет, товарисч NonSa! Буду юзать терь ух) yahoo
<
SWen

1 мая 2008 15:41

Информация к комментарию
  • Группа: Посетители
  • ICQ: --
  • Регистрация: 1.05.2008
  • Публикаций: 0
  • Комментариев: 1
Хай.Я то думал тут буквы 3D создавать.
А тут просто раскраска.(без обид)
Надо выкладывать что то мощнее.
А сам сайт просто находка.
За него СПС.

К стати на аватаре я сам.
спасибо фотошопу.
<
akm

31 мая 2008 15:22

Информация к комментарию
  • Группа: Посетители
  • ICQ: федеральный
  • Регистрация: 30.03.2008
  • Публикаций: 0
  • Комментариев: 1
SWen,

Дорогой умник и ценитель фотошопа. Как делать 3D буквы рассказывается в предыдущих уроках, простым и понятным языком. Laie_100
<
Hustlow

1 июля 2008 21:06

Информация к комментарию
  • Группа: Гости
  • ICQ: --
  • Регистрация: --
  • Публикаций: 0
  • Комментариев: 0
а может мне кто инть помочь в этом по аське если не трудно 402203796 help
Назад Вперед

Добавление комментария

Имя:*
E-Mail:*
Комментарий:
Введите код: *
^