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

Старая вывеска (3D + Анимация) в Фотошопе

В этом уроке мы покажем вам, как создать хороший эффект старой вывески с использованием Photoshop и фотографии. Весь процесс довольно прост и конечный результат довольно хорош. Мы также создадим простой анимированный GIF в конце урока.

 

Шаг 1

 

Откройте Photoshop и создайте новый документ. Задайте размер в 2880 на 1800 пикселей. Убедитесь, что ваш цвет фона черный.

 

Старая вывеска (3D + Анимация) в Фотошопе

 

Шаг 2

 

Теперь добавьте текст, который станет основой конструкции.  Измените шрифт для слова «Abduzeeni» на Knockout и для «The amazing» на Adobe Devanagari. Расположите текст, как показано на картинке ниже.

 

Старая вывеска (3D + Анимация) в Фотошопе

 

Шаг 3


 

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

 

 Для того чтобы создать наш 3D текст просто выберите слой с текстом к которому вы хотите применить 3D и перейдите в меню 3D> Новая 3D-экструзия из выделенного слоя (3D>New 3D Extrusion from Selected Layer). После этого откроется панель 3D, и вы увидите слои 3D. 

 

Нажав на разные слои: Сцена, Окружающая среда, Текст, Бесконечный свет 1 и Камера по умолчанию - вы сможете изменить свойства 3D-текста. Изображения ниже показывают некоторые из этих свойств.

 

Первые 3 изображения для свойств текста, следующее для света и последнее для окружающей среды.

 

 

 

 

 

 


Шаг 4

 

Как только вы отрегулируете 3D настройки перейдите в меню 3D> Рендеринг (3D>Render) для визуализации 3D-слоя. У вас должно получиться так же, как на картинке ниже.

 

Старая вывеска (3D + Анимация) в Фотошопе

 

Шаг 5

 

Выберите поверхность 3D объекта и создайте из него новый слой. Заполните этот слой красным цветом. Перейдите в меню Слои> Создать обтравочную маску (Layer> Create Clipping Mask).

 

Старая вывеска (3D + Анимация) в Фотошопе

 

Шаг 6

 

Перейдите в меню Слои> Новый корректирующий слой> Цветовой тон / Насыщенность (Layer> New Adjustment Layer> Hue / Saturation). Используйте настройки как показано на изображении ниже. Убедитесь, что этот слой также является обтравочной маской (Перейдите в меню Слои> Создать обтравочную маску (Layer> Create Clipping Mask)), чтобы эффект применился только к 3D-слою.

 

Старая вывеска (3D + Анимация) в Фотошопе

 

Шаг 7

 

Для создания лампочек мы будем использовать реальное изображение. Откройте это изображение. Скопируйте одну лампочку, которая не светится и одну, которая не горит. Вставьте эти 2 лампы в вашу композицию и начните заполнять пространство на буквах. Обратите внимание на то, что мы используем тени, чтобы дать им некоторую глубину. Вы можете сделать это с помощью стилей слоя. Еще один совет, измените направление тени для букв, которые находятся на левой или правой стороне, чтобы это было немного более реалистичным.

 

Старая вывеска (3D + Анимация) в Фотошопе

 

Шаг 8

 

Создайте новый поверх остальных и поместите его в группу, так чтобы слой находился папке. Измените Режим наложения (Blend Mode) папки на Осветление основы (Color Dodge). Выберите слой внутри этой папки, а затем возьмите инструмент Кисть (Brush Tool (B)), выберите мягкую круглую кисть белого цвета. Измените размер кисти, так чтобы она была на 30% больше, чем лампочка. Примените кисть на лампочке, которую вы хотите включить.

 

Старая вывеска (3D + Анимация) в Фотошопе

 

Шаг 9

 

Повторите ту же процедуру на другой лампочке.

 

Старая вывеска (3D + Анимация) в Фотошопе

 

Заключение

 

Дублируйте все слои и объедините новые слои в один. Перейдите в меню Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Gaussian Blur). Установите радиус в 10 пикселей. Измените Режим наложения (Blend Mode) этого слоя на Экран (Screen) и снизьте Непрозрачность (Opacity) до 20%. Дублируйте этот слой и измените Режим наложения (Blend Mode) на Перекрытие (Overlay) и снизьте Непрозрачность (Opacity) до 50%. Переместите его в папку со слоем, на котором находятся белые пятна (предыдущий шаг), поэтому этот слой окажется поверх всех остальных слоев. 

 

Старая вывеска (3D + Анимация) в Фотошопе

 

Анимация

 

Создать анимацию довольно просто, для этого достаточно создать несколько различных версий слоёв с зажжёнными и выключенными лампочками. После этого использовать приложение, которое может создавать анимированные GIF-файлы и просто импортировать все эти образы. 

 

Старая вывеска (3D + Анимация) в Фотошопе

 

Исходники -  Скачать

 

Вот и всё. Урок по теме - Эффект трёхмерного деревянного текста в фотошопе.

 


Автор урока: abduzeedo.com

 

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

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



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


  • 07.03.2013
  •   Просмотров: 7542
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по 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
Партнерские ссылки