QuickTUTS — уроки фотошоп на русском языке.

Работа с текстом в Photoshop: Создание 3D-текста, используя возможности CS5

19 Авг 2010 в категории Работа с текстом
Комментариев: 50 »
Популярность: 1%

Метки: , , , , ,

В этом уроке Фотошоп Вы узнаете, как можно, не прибегая к большим усилиям, создать трехмерный текст в новой версии программы Photoshop CS5. В отличие от других уроков, в нашем будут использоваться только инструменты фотошопа. Вам не придется устанавливать себе новые программы на подобие Cinema 4D или 3ds Max (3D Studio MAX). Все элементы получившегося текста можно будет представить в любом ракурсе. Приступим.

Для начала создайте новый документ.

3d text effect 1 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Используя Gradient Tool, создайте такой фон. (Вы можете скачать используемый градиент здесь.)

3d text effect 2 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Выберите инструмент Type Tool, шрифт Copperplate Gothic Bold большого размера и цветом #76a336 и создайте Ваш текст. Расположите его по центру изображения.

3d text effect 3 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Примените следующие стили к слою с текстом:

3d text effect 4 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

3d text effect 5 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Получится вот так:

3d text effect 6 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

На самом деле, Вы можете применить любой другой стиль. В этом уроке акцент все-таки на создании 3D-эффекта.

Далее необходимо создать из текстового слоя 3D-объект. Для этого прейдите 3D > Repousse > Text Layer… И примените следующие настройки.

3d text effect 7 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Эффект таков:

3d text effect 8 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Что теперь необходимо сделать? Необходимо разделить Ваш текст на отдельные части, в данном случае на отдельные буквы. Делается это для того, чтобы Вы смогли манипулировать каждой буквой отдельно и размещать их в разных местах. Для этого перейдите 3D > Repousse > Split > Repousse Mashes. Теперь откройте окно управления 3D (Window > 3D) и в закладке Meshes Вы увидите все 3D-слои (буквы).

3d text effect 9 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Также обратите внимание на отдельную панель управления перемещением объектов в этом окне.

3d text effect 10 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Вас интересует группа инструментов, выделенная зеленым кружком. Она позволяет работать отдельно с каждым элементом, в отличие от аналогичной группой инструментов на главной панели, которая работает только со всем 3D-объектом. Итак, выберите инструмент, обозначенный на предыдущем рисунке 3D Mesh Slide Tool, и перемещайте отдельные буквы по пространству (если Вы будете двигать мышью вперед/назад, то объект будет приближаться или удаляться).

3d text effect 11 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Параллельно можете поворачивать буквы, используя инструмент 3D Mesh Roll Tool.

3d text effect 12 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

И подвигайте буквы по плоскости инструментом 3D Mesh Pan Tool.

3d text effect 13 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Теперь выберите инструмент 3D Zoom Camera Tool и установите параметр DOF Blur на 0,9. Затем, удерживая клавишу Alt, нажмите на букву, которую Вы хотите оставить в фокусе. После этих манипуляций Ваше изображение немного размоет, а указанная буква останется четкой.

3d text effect 14 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

3d text effect 15 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Теперь перейдите обратно в окно 3D. Щелкните по закладке Filter by: Meshes. И для каждой буквы уберите галочки с параметров Catch Shadows и Cast Shadows. Эти параметры отвечают за отбрасывание теней буквами, но об их использовании поговорим в другом уроке.

3d text effect 16 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Теперь, если Вы использовали большой размер документа, запаситесь пивом и попкорном и установите:

3d text effect 17 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

Началась прорисовка финального изображения.

Окончательный результат

3d text effect full1 Работа с текстом в Photoshop: Создание 3D текста, используя возможности CS5

P. S.

Согласитесь, круто! А самое главное — просто!

P. P. S.

Я так и не дождался окончания прорисовки. А все потому что изначально был создан документ большого размера и разрешения: Size: 1920×1080 px, Resolution: 300 pixels/inch.

Появились вопросы? Задайте их на Форуме

Получайте обновления по почте:

Комментариев: 50
  1. Radmir:

    Блин у меня 3D Не работает :(, пишет что Чеканка не доступна

    • vaggah:

      не понял, что такое Чеканка? ))) И еще, версия фотошопа какая?

      • Radmir:

        Чеканка это Repousse (У меня Фотошоп CS5 Руссифицированный), блин у меня тоже как у SwaEgo проблема видюха китайская или какаята хрень (9800GT 1GB) а По скорости как 7600GT и на нее драйвера новые не встают кроме тех , что были с ней. После Этого Я Урока я удалил свой Фотошоп и скачал новый, но он начал устанавливаться, Инициализация программы установки, потом закрылось окно и все. Так было с 2Мя версиями фотошопа CS5 V12.0 и 2й CS5 by Monkours v12.01, После того как я удалил свой фотошоп, больше не могу установить занового его опять, придется переустанавливать Windows.
        Кто чем помогите как решить проблему с 3D и с Установкой фотошопа, а то так хочется урок этот сделать и спасибо vaggah за уроки и такой хороший сайт.

        P.S Извините, что так много расписал

        • vaggah:

          Помница, скриптик был, который чистит информацию в реестре о Фотошопе. Найду — дам ссылку.

        • stilist:

          У меня СS5 v.12.0 Ext (рус) крякнутая, но даже обновления устанавливаются. так
          что и 3D работает. Автору respect, но хотелось,чтобы вместе с англ.терминами
          в скобочках писался и рус.вариант.

  2. А у меня такая же хрень,3D не работает,проблема в драйверах,сколько я не ставил их,проблема не решается.Вот не знаю,это только у меня «проблема ноутбуков» или ещё у кого есть такое?.
    В принципе пох,и как сказал один форумщик,»каждая отдельно взятая программа,должна выполнять отдельно взятую функцию».И я с ним согласен,в том,что ФШ не приспособлен для «3D».Есть специальнообученные проги для этого.ИМХО.
    Ну а если по теме,была у меня задумка сделать нечто подобное,но не получилось.Добавлю в закладки по-любому,пригодится.

  3. Что то у меня не получается делаю эту чеканку, а потом для разделения текста на буквы почему то не пашет Респоусе. Тоесть меню становится не активным.

    • Radmir:

      Что бы работала чеканка надо в настройках/производительность включить прорисовку open GL

  4. Radmir:

    А у меня прорисовка очень долго длиться, а так все получилось и 3D Работает, Только вот можете еще делать Уроки для Руссифицированных фотошопов.
    Спасибо за Урок

  5. Ахмамаил:

    Жаль, но придется искать альтернативные уроки для русскоязычного Фотошопа. Перестраивайтесь!

  6. Круто, а как вы решили проблему обновления шопа? потому что всегда просит ключ вбить?

  7. Димон:

    а у меня проблема в том что я немогу в настройках включить Open GL, оно тупо затемнённое и всё, ничего нельзя сделать!(…Я уже 3 раз фотошоп меню и никакой разницы, тоже самое(…что делать, подскажите подалуста(

  8. Ksu:

    Вот та же фигня! У меня, кста, ноут… Мой маленький женский мозг разрывается…

  9. Кристи:

    А у меня ноут, и все работает норм, и функция 3Д целяком норм пашет…шикарно вам скажу получается)

  10. ShtuGrass:

    Если у кого затемненное окно опции Open GL, это значит что вам нужно скачать драйвер на видюху, который сможет поддерживать эту функцию, если даже после установки драйвера эта функция не работает-значит меняйте компьютер (видеокарту)-фотошоп тут не причём!!!

  11. AK3125:

    Та же фигня была! Но заметил, что если с 3Д работать без включеной Oper(ы), то ни чего не вылетает, попробовал с интернет эксплоуер! И Воля, не вылетает! Так что попробуйте ка вот так сделать!

  12. GaGa KiSS:

    А где эти настройки то а то не могу найти(((

  13. Dima:

    Блин,тут все для английской версии((( А у меня русская,разобрался как текст сам 3д сделать, а gradient tool не нашел,или нашел ( карта градиентов) но не понял как пользоваться

    • vaggah:

      Это инструмент создания градиентов слева на панели, а не карта градиентов.

  14. Dima:

    Все,спасибо,разобрался.Сайт хороший.Вот осваиваю только фотошоп)
    Запилил аватарку для steam:
    http://s43.radikal.ru/i102/1108/6a/cdd7f7008c60.jpg

  15. я разобрался с ошибкой!!!!

  16. Leming:

    а у меня когда я нажимаю кнопку repousse фотошоп пишет следующее:
    Could not complete your request because the type layer uses a faux bold style.
    почему так?

  17. Спасибо!Всё сделал со своими цветами.Функция просто замечательная!Ещё паз Спасибо!!!

  18. Vladik:

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

    • vaggah:

      То, что Вы только сегодня начали разбираться в Фотошоп — это просто отлично!
      Сносите русскую версию и ставьте оригинал. Проблемы решатся автоматически.

  19. Vladik:

    Можно ли взять ваш скайп и поговорить…Просто так тяжело одному.Спасибо за быстрый овтет

  20. Vladik:

    у кого возникла такая же проблемма вот вам ответ: Если у вас изначально ФШ CS5 русский, то идём (Это если вы устанавливали свой ФШ по умолчанию на «Локальный диск С») : Мой компьютер/ Локальный диск С/Program Files/Adobe/Adobe Phooshop CS5/Locales/ ru_RU/Support Files И удаляем этот файл- tw10428.dat (А лучше его сначала скопировать куда нибудь, а потом удалить, что бы потом если захотите опять русифицировать скопируйте в ту же папку откуда удалили т.е. в папку Support Files) И будет фотошоп английским… Лично проверил на CS5

  21. Vladik:

    так же есть такая проблемма в вкладке 3d mesh у меня нет инструмента для перемещения, есть только какой-то кружок со стрелочкой :D

  22. MAX:

    СКИНЬ ПОЖАЛУЙСТА ВИДЕО ВЕРСИЮ УРОКА , ЕСЛИ НЕ СЛОЖНО

  23. MAX:

    1 ОЧЕНЬ МНОГО КАРТИНОК ПУТАЮСЬ
    2 У МЕНЯ РУССКАЯ ВЕРСИЯ ПОЭТОМУ ВААЩЕ НЕ ПОНЯТНО ЧТО НАЖИМАТЬ
    3 ВИДЕО ТУПО ИНТЕРЕСНЕЙ

  24. Sadge:

    Спасибо очень помогло)) У меня фотошоп тоже на русском) Есть же переводчик))

  25. Spirit:

    У меня в 3D, функция Repoussé затемнена, что делать?

  26. Мк:

    всё работает, но жуткая гребенка, качество редеринга поставил на полную всё равно углы «рваные» как быть???

    • vaggah:

      Вы уверены, что дожидаетесь окончания рендеринга не нажимая мышью никуда?

  27. Мк:

    а ещё ваш сайт зарежен вот этой дрянью scrinject.b.gen Вирус скорее на вашм хостинге

  28. Smile:

    VAGGAH, что делать если кнопка Repousse как бы «затемненная» это драйвера,
    или версия Фотошопа не та ?

Добавить комментарий