С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Быстрый способ создания 3D-текста в Фотошопе

Быстрый способ создания 3D-текста в Фотошопе

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

 

Вот посмотрите на то, что мы будем создавать.

 

Быстрый способ создания 3D-текста в Фотошопе

 

Шаг 1 - Начало в Adobe Illustrator

 

Откройте программу Adobe Illustrator и введите одно любое слово на ваш выбор. Я написал слово "Style" и выбралтёмно-серый цвет, 75% от черного цвета. Для текста я использовал шрифт "Lobster", который вы можете скачать здесь.

 

Быстрый способ создания 3D-текста в Фотошопе

 

Теперь преобразуйте текст в контур. Выберите текст и перейдите в меню Шрифт> Преобразовать в кривые (Type> Create Outlines). Затем выберите режим формы Объединить (Unite) в панели Обработка контуров (Pathfinder).

 

Быстрый способ создания 3D-текста в Фотошопе


 

Шаг 2 - Создание 3D

 

Теперь у нас есть одна целостная форма. Давайте добавим 3D часть, для этого перейдите в меню Эффект> Объемное изображение> Вытягивание и скос (Effect> 3D> Extrude & Bevel). Установите настройки как показано на изображении ниже.

 

Быстрый способ создания 3D-текста в Фотошопе

 

Теперь у вас должно получиться что-то вроде этого.

 

Быстрый способ создания 3D-текста в Фотошопе

 

Для того, чтобы переместить 3D-текст в Photoshop, мы должны преобразовать его в форму. Для это перейдите в меню Объект>Преобразовать внешние эффекты (Object> Expand Appearance). Далее перейдите в меню Объект > Разгруппировать (Object> Ungroup). Возможно, вам придется разгруппировать 2 или 3 раза, чтобы полностью освободить все формы друг от друга.

 

Шаг 3 - Переезд в Photoshop

 

Теперь у нас есть формы, давайте перенесём их в Photoshop. Прежде всего, выберите текст оригинала без 3D части. Нажмите комбинацию клавиш Ctrl + C, чтобы скопировать его.

 

Быстрый способ создания 3D-текста в Фотошопе

 


В новом документе в Photoshop (у меня это 558 на 400 пикселей) вставьте текст, нажав комбинацию клавиш Ctrl + V. Способ вставки выберите в пикселях. 

 

Примечание: не изменяйте форму, нажмите клавишу Enter, чтобы вставить как есть.

 

Вернитесь в Illustrator и выберите только 3D часть, а затем скопируйте и вставьте её в слой под слой с текстом в Photoshop.

 

Быстрый способ создания 3D-текста в Фотошопе

 

Теперь совместите два слоя так, что бы они выглядели как одна форма. Точно так  же, какими они были в Illustrator. Когда вы это сделаете, то у вас должно получиться  что-то вроде этого.

 

Примечание: Я сделал вид формы немного темнее, так что вы можете видеть, что они совпадают.

 

Быстрый способ создания 3D-текста в Фотошопе

 

Шаг 4 - Обработка в Photoshop

 

Для стоя с текстом я применил следующие стили.

 

 

 

Цвета для градиента: от # 878787 до # 222525.

 

 

У вас должно получиться что-то вроде этого.

 

Быстрый способ создания 3D-текста в Фотошопе

 

Шаг 5 - Добавление света и тени

 

Давайте добавим немного света на сцену. Во-первых, нам нужно добавить некоторый серый фон, чтобы появилась возможность показать свет. Залейте фоновый слой цветом # 838383. Вы также можете добавить немного шума, для этого перейдите в меню Фильтр> Шум> Добавить шум (Filter> Noise> Add Noise). 

 

Быстрый способ создания 3D-текста в Фотошопе

 

Теперь давайте добавим свет, для этого возьмите большую мягкую белую кисть и нажмите один раз в центре документа на слое выше фона. Измените Режим наложения (Blend mode) этого слоя на Перекрытие (Overlay).

 

Быстрый способ создания 3D-текста в Фотошопе

 

Как вы можете видеть светлая часть нашей 3D-формы находится слева внизу. Исходя из этого нужно правильно установить тень. Зажмите клавишу Ctrl и кликните по самому верхнему слою формы с текстом, чтобы сделать выделение. Теперь создайте новый слой и поместите его под слоем с 3D-формой. Размойте его немного с помощью фильтра Размытие по Гауссу (Gaussian Blur), для этого перейдите в меню Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Gaussian Blur). Установить сумму в 2%, а затем поместите его на 1-2 пикселей вверх и вправо. Теперь у вас должна появиться тонкая тень, как показано на изображении ниже.

 

Быстрый способ создания 3D-текста в Фотошопе

 

Теперь дублируйте этот слой с тенью, и размойте его для дальнейшего использования для этого перейдите в меню Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Gaussian Blur) и установите значение в 5. Теперь, используя инструмент Масштабирование (Scale) растяните тень немного вправо и вверх.

 

Быстрый способ создания 3D-текста в Фотошопе

 

Вот и всё! Эффект готов. Пробуйте повторить. А если возникнут вопросы, задавайте их в комментариях. Мы с радостью на них ответим.

 

Быстрый способ создания 3D-текста в Фотошопе



Автор урока: Натан Браун

 

Переводчик урока: Ирина Шипилова 

Ссылка на источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 02.10.2012
  •   Просмотров: 17791
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
ankri (06.10.2012 | 02:38)

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

Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

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

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки