Кое-что о компьютерной графике
Новая моя работа!
Меню сайта
Профиль
Среда
22.11.2017
23:19


Поиск
Новое на форуме
  • Lineage 2 Gracia Epilogue PvP Wars - взрыв в мире Lineage II (1)

  • 3d modeling services (0)

  • Группы пользователей (1)

  • Проект vLineAge2.ru приглашает Вас 19.10.2012 в 19.00 мск! (0)

  • vLineAge.ru приглашает Вас 19.10.2012 в 19.00 мск! (0)

  • Мои сайты
  • All-Art.do.am - все об искусстве! Стили, направления, художники, иконопись и т.д.

  • Best-Art - Галерея творческих работ наших современников.

  • Галерея иконописи и убранств храмов

  • Величайшие художники ХХ века

  • Галерея мировых шедевров

  • Очень важно!
    При использовании материалов моего сайта, большая просьба не забывать указывать ссылки на авторов уроков, а также и на мой сайт, где вы это и взяли.

    Главная » Статьи » Уроки Photoshop » Шрифтовые эффекты в Photoshop

    Текст с эффектом трехмерности и текстурирования

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

    Мой перевод урока от Sonali Vora.

    Шаг 1

    Откройте Иллюстратор, и при помощи инструмента Type Tool напишите букву или текст, я напечатал букву "С”, при этом я использовал шрифт Adobe Caslon Pro. Вы можете использовать любой шрифт, который Вам нравиться, но только удостоверьтесь, что этот шрифт достаточно широкий, что приведет к лучшим результатам. Я установил размер шрифта равным 400 pt и увеличил его по горизонтали и вертикали до 150 % через Character Palette, при этом не стоит волноваться о размере шрифта слишком, потому что мы будем использовать его как Smart Objects в Фотошопе и таким образом мы сможем отрегулировать размер в любое время. Цвет, который я использовал для буквы - #8CC63F.

    Трехмерный текст в Photoshop

    Шаг 2

    Теперь перейдите к эффектам Effect>3D>Extrude & Bevel, удостоверьтесь что активирован Previewis. Используйте параметры настройки, показанные ниже, кроме изменения параметров вращений для осей Х, У и оси Z, я выбрал Tall-Round для скоса, выбрав этот параметр из раскрывающегося списка. Параметры настройки будут зависеть от шрифта, так, если Вы использовали другой шрифт вероятно Вам прийдется немного изменить эти параметры. Вы также можете увеличить параметр Extrude Depth.

    Трехмерный текст в Photoshop

    Шаг 3

    После того, как Вы будете довольны вашим трехмерным эффектом, переходите в программу Фотошоп. Для этого создайте новый документ в Фотошопе. Теперь, скопируйте ваш трехмерный текст/букву из Иллюстратора и вставьте это как Smart Object в Фотошоп, нажмите ENTER или нажмите ОК. Трехмерный текст в PhotoshopВы можете теперь изменить размеры вашего текста до любого размера, который Вам будет нужен, при этом больший размер - лучше, но в рамках этого урока, я буду придерживаться маленького размера.

    Примечание: Если по какой-нибудь причине, Вы захотите редактировать вставленный трехмерный Smart Object, только дважды щелкните на Vector Smart Object в Палитре Слоя (Layer Palette), нажмите ОК в открывшемся окне и Smart Object автоматически откроется в Иллюстраторе, где Вы сможете сделать необходимые изменения или редактирования. После чего, пойдите в Файл > Сохранить (File>Save) и закройте файл, при этом изменения отразятся в вашем файле Фотошопа.

    Шаг 4

    Трехмерный текст в PhotoshopТеперь начинаются волшебства Фотошопа. Мы будем добавлять различные текстуры на различных слоях и будем разнообразно их смешивають, экспериментируя и выбирать параметры настройки, которые лучше всего удовлетворят вашей цели.

    Откройте изображение текстуры, которое Вы хотели бы использовать, для первого слоя, я использовал эту текстуру, назвав ее Текстура 1 взяв ее здесь. Перейдите в Выбрать > Все (Select>All) и затем Редактировать > Копия (Edit>Copy), чтобы скопировать все изображение текстуры. Теперь мы собираемся вставить это изображение в нашу букву, но Вы должны указать Фотошопу, где вставить это. Для этого возвратитесь к вашему трехмерному тексту, и удерживая Ctrl/Cmd нажмите на Vector Smart Object, при этом выберется весь текст/буква, в нашем случае, буква "C”. Перейдите в Edit>Paste Into (Shift+Ctrl/Cmd+V), чтобы вставить изображение текстуры на букву "C”. Измените способ смешивания слоя текстуры на Overlay.

    Теперь, ваше изображение и палитра слоев должны быть похожи на это:

    Трехмерный текст в Photoshop

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

    Если Вы будете использовать различные изображения, поиграйте немного со способами смешивания слоев, главным образом с Overlay, Soft Light, Hard light, Multiply, для достижения желаемого результата.

    Шаг 5

    Повторите процедуру, описанную в Шаге 4, но с другой текстурой. Я использовал одну из текстур от этого пакета.

    Трехмерный текст в PhotoshopКороче говоря, откройте изображение текстуры, Select All (Ctrl/Cmd+A), Copy ее (Ctrl/Cmd+C) и возвратите к вашему оригиналу документа, удерживая Ctrl/Cmd нажмите на Vector Smart Object, чтобы выбрать букву/текст и пойдите в Edit>Paste Into (Shift+Ctrl/Cmd+V), чтобы вставить текстуру в букву "C”. Измените способ смешивания на Multiply.

    Шаг 6

    Трехмерный текст в PhotoshopТеперь, снова повторите те же действия, которые упомянуты в Шаге 4 и 5, но с другим изображением текстуры. На сей раз я использовал более красочную текстуру из другого пакета текстур в deviantArt. И, на сей раз я выбираю способ смешивания Soft Light.

    Трехмерный текст в Photoshop

    Это - то, как моя Палитра слоев выглядит после шага 6.

    Примечание: Если Вам нужно будет редактировать изображение текстуры или если Вам не понравиться, как это смотрится в пределах буквы, Вы можете все еще изменить это! Только выберите инструмент Move Tool (V) и потяните ваш выбранный слой с текстурой. Кроме этого, если Вам нужно изменить размеры выбранного изображения текстуры, перейдите в Edit>Transform, чтобы изменить размеры его.

    Шаг 7

    Теперь, выберите слой Background и заполните его при помощи инструмента Градиент (Gradient Tool) (G). Я использовал Линейный Градиент с цветами, показанными на изображении ниже. Потяните инструмент градиента по диагонали от основания вверх.

    Трехмерный текст в Photoshop

    Шаг 8

    Нажав Клавишу SHIFT выбирите все слои в Палитре Слоя кроме слоя background и свяжите их все. Также удостоверьтесь, чтобы связать и Маски Слоев с их соответствующими значками слоев, щелкая по разу между ними.

    Трехмерный текст в Photoshop

    Шаг 9

    Теперь, мы сделаем отражение нашей буквы "C”. Для этого, выберите все связанные слои и дублируйте их.

    Трехмерный текст в Photoshop

    Шаг10

    Слейте (Merge) все дублированные слои и назовите это Отражением (Reflection).

    Трехмерный текст в Photoshop

    Шаг 11

    На слое Отражение (Reflection), пойдите в Редактировать > Преобразовать > Отразить вертикально (Edit>Transform>Flip Vertical) и поместите его ниже буквы "C”. Отрегулируйте его перспективу если это необходимо.

    Трехмерный текст в Photoshop

    Шаг 12

    Следующий шаг должен добавить маску слоя к дубликатному слою. Сделать это просто, нажав на кнопку маски слоя в палитре слоев.

    Трехмерный текст в Photoshop

    Теперь выберите инструмент Градиент (Gradient Tool) (G) и протяните градиент (черный к белому) в направлении от основания до середины буквы.

    Трехмерный текст в Photoshop

    Наконец, желательно уменьшить непрозрачность слоя Отражения, и Вы все сделали. Я уменьшал непрозрачность до 20 %, но нет никакого золотого правила о % непрозрачности, поэтому неоходимо только поиграть с параметрами непрозрачности и выбрать тот, который подходит вашему изображению.

    Шаг 13

    Наконец, с инструментом Type Tool, я написал слова "для творческого потенциала” ("for creativity”) с параметрами настройки показанными в Character Palette.

    Трехмерный текст в Photoshop

    Использованный мной шрифт - Лариса (Larissa) может быть загружен отсюда. Я также повернул немного текст через Редактировать > Преобразовать (Edit>Transform).

    Я также применил стиль слоя, как показано в скриншотах ниже:

    Трехмерный текст в Photoshop

    Трехмерный текст в Photoshop

    Шаг 14

    Чтобы добавить последний штрих, я добавил Outer Glow к слою Vector Smart Object с параметрами, указанными ниже:

    Трехмерный текст в Photoshop

    И, это - то, как моя палитра Слоев выглядела в конце и как выглядело мое конечное изображение.

    Трехмерный текст в Photoshop

    Трехмерный текст в Photoshop

    Ниже показан другой пример, сделанной в той же технике.

    Трехмерный текст в Photoshop

    Используйте этот урок с различными текстурами, способами смешивания, также изменяя различные варианты опций Adjustments, такие параметры, как Invert, Posterize, параметры настройки Hue/Saturations и т.д., что даст Вам различные результаты. Вы можете также заставить текст выглядеть гранжево или ржаво, используя grunge текстуры, все это только вопрос изучения возможностей Фотошопа и вашего творческого потенциала!

    Оригинал урока здесь



    Источник: http://photoshoptutorials.ws/photoshop-tutorials/text-effects/3d-textured-text-effect/Page-1.html

    Вставьте анонс материала в свой блог — скопируйте готовый код из окна ниже:

    В вашем блоге анонс будет выглядеть вот так:

    Текст с эффектом трехмерности и текстурирования

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

    Мой перевод урока от Sonali Vora.


    Рекомендую еще уроки:


    Категория: Шрифтовые эффекты в Photoshop | Добавил: Tatyana_Art (15.08.2011)
    Просмотров: 2036 | Теги: трехмерности, эффект, photoshop, текст, текстурирование | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Язык сайта
    Выбрать язык / Choose language:
    Ukranian
    English
    French
    German
    Japanese
    Italian
    Portuguese
    Spanish
    Danish
    Chinese
    Korean
    Arabic
    Czech
    Estonian
    Belarusian
    Latvian
    Greek
    Finnish
    Serbian
    Bulgarian
    Turkish
    Наш опрос
    Ваше предпочтение?
    Всего ответов: 437
    Рассылка на E-mail
    Рассылка на E-mail

    rss2email
    Случайные работы из галереи
    Наша ссылка:

    Tatyana-Art.ucoz.com
    Разместите наш баннер
    Tatyana_Art - Кое-что о компьютерной графике.
    у себя на сайте

    Копируй и вставляй.

    Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Copyright MyCorp © 2017
    Сайт управляется системой uCoz



    Rambler's Top100 Регистрация в каталогах, добавить сайт 
в каталоги, статьи про раскрутку сайтов, web дизайн, flash, photoshop, 
хостинг, рассылки; форум, баннерная сеть, каталог сайтов, услуги 
продвижения и рекламы сайтов