Здравствуйте, гость ( Вход | Регистрация )

Свернуть

Новости

Форум Лучшее из галереи Уроки и статьи
07.12.2015 Выставочный зал: кошарик - персональная выставка
31.08.2015 Интересные ссылки для рисовальщиков
21.01.2015 Выставочный зал 2: Игрушки Олеси Гавриленко

27.12.2014 Выставочный зал: кошарик - персональная выставка
17.11.2014 Дуэль "Рыбки" - победитель Лисичка
05.11.2014 Конкурс иллюстраций "Снежная королева", до 31 января
30.10.2014 Дуэль "Рыбки" до 16 ноября
14.07.2014 Мастер-класс Мини-мишка в технике фелтинга
26.05.2013 Ау! Мы ищем таланты! – приглашаем модераторов!
«Текстурное, шершавое»
tn_gallery_2334_7_37404.jpg
IV-ый ФотоТурнир «Senses - ощути мир через фотографию!»
© Valkyrie
06.01.2016 Виртуальный Музей: Русский живописец Василий Дмитриевич Поленов
28.12.2015 Виртуальный Музей: Нидерландский живописец Квентин Массейс
16.12.2015 Виртуальный Музей: Итальянский живописец Франче́ско Айец
17.11.2015 Виртуальный Музей: Луи Анкетен (Louis Anquetin)
11.11.2015 Виртуальный Музей: Русский живописец Алексей Иванович Корзухин
Файловый архив
06.09.2013 Прочее: Файлы к уроку "Чайная церемония"
05.09.2013 Журнал Art Tower: ArtTower Magazine #8
16.05.2013 Adobe Photoshop: Кисти: Reid Southen brush
16.05.2013 Adobe Photoshop: Кисти: Goro Fujita brush
16.05.2013 Adobe Photoshop: Кисти: Кисти для рисования в Photoshop
Блоги Новости в цифровом мире и мире дизайна
02.12.2014 Дама с каменьями: Вести с крыши 2
08.11.2014 Timenews: Вассерман: прежняя модель мировой экономики исчерпала себя
06.11.2014 Дама с каменьями: Приятные вести с крыши))) от Гаргула)
02.11.2014 Spell: Книги Дж. Кэмерон
22.10.2014 Vjaz: от ФУ до МА
25.11.2015 Комментарий от Foxx в Costa Rica Adventure Divers, Логотип для компании и рисунок на майку (maria_mer)
18.11.2015 Комментарий от maria_mer в Spellforce - майка, для фанов игры (maria_mer)
18.11.2015 Комментарий от maria_mer в Белая книга. Целитель - любительский прект (maria_mer)
09.04.2015 Комментарий от Romana в Книги Дж. Кэмерон (Spell)
08.04.2015 Комментарий от Romana в Я решил вернуться... (Элбирет)
16.03.2015 ФОТОФОРУМ-2015
01.01.2015 ARQUTE.com и ArtTalk.ru закрываются
19.01.2017 Конкурс дизайна логотипов
26.12.2016 ру/Ководство: О творческом развитии
14.10.2016 ру/Ководство: Разнообразие

 
Добавить ответ в эту темуОткрыть тему
> Создание старой вывески в Photoshop 3D
V
Svetilkin
сообщение 24.04.2013 - 18:47
Сообщение #1


"...я не волшебник......"
*******

Меткий стрелокЗа вклад в развитие ArtTower.ru
Группа: Почетные граждане
Сообщений: 5975
Регистрация: 8.05.2006
Из: Россия
Пользователь №: 3
:)
Блог


Симпатии:  238  



Прикрепленное изображение
Предисловие

Сегодня, продолжая нашу серию уроков на тему киноафиш, мы подарим Вам изображение, навеянное новым фильмом от Джима Керри и Стива Каррела - Невероятный Бёрт Уандерстоун. Как обычно, оно идеально подходит для реализации в Photoshop и создания прекрасного анимационного gif.

Итак, в этом уроке мы покажем Вам процесс создания прекрасного эффекта старой вывески при помощи программы Photoshop и стоковых фотографий. Несмотря на то, что сам процесс очень простой, конечный результат довольно хорош. В конце урока мы также создадим простую анимированный gif.

Файл для работы с уроком:

Скачать

Шаг 1.

Откройте программу Photoshop и создайте новый документ. В качестве размера документа я указал 2880x1800 потому что именно это разрешение мне необходимо для создания хороших обоев для рабочего стола. Удостоверьтесь что цветом фона является черный цвет.

Прикрепленное изображение


Step 2.

Теперь давайте добавим текст, который будет основой нашего изображения. Так как идея была навеяна фильмом "Невероятный Бёрт Уандерстоун", в котором рассказывается о двух иллюзионистах, то нам понадобиться все в стиле Лас-Вегаса. Чтобы написать слово "Abduzeeni" я использовал шрифт Knockout, а для надписи "The amazing"- шрифт Adobe Devanagari. Разместите текст так, как показано на изображении ниже.

Прикрепленное изображение


Step 3

А теперь давайте немного поработаем с 3D-эффектами в Photoshop.

Adobe усердно поработал для того, чтобы дать пользователям Photoshop лучший 3D-инструмент, и я должен сказать, с каждым разом он становиться все лучше и лучше.
Это не так медленно для основных 3D-объекты, и это также более интуитивным. Он уже не такой медленный для базовых 3D объектов, а также более интуитивный.

Итак, чтобы создать наш 3D текст, просто активируйте слой с текстом, и примените к нему 3D эффект и откройте меню 3D-> Новая 3D-экструзия из выделенного слоя (3D->New 3D Extrusion from Selected Layer). После этого откроется 3D панель и вы увидите слои в 3D. Нажимая на разные слои: Сцена (Scene), Текущий вид (Current View), Бесконечный свет 1 (Infinite Light 1) и Камера по умолчанию (Default Camera), вы сможете управлять их параметрами. На изображении ниже показаны некоторые из этих настроек. Первые три изображения относятся к свойствам текста, следующие для освещения и последнее для окружающей среды.


Прикрепленное изображение

Прикрепленное изображение

Прикрепленное изображение

Прикрепленное изображение

Прикрепленное изображение



Step 4.


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

Прикрепленное изображение


Step 5.

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

Прикрепленное изображение


Step 6.

Теперь переходим в меню Слои> Новый корректирующий слой> Цветовой тон / Насыщенность (Layer> New Adjustment Layer> Hue / Saturation)

Применяем значение 30 для цветового тона (Hue), 30 для насыщенности (Saturation) и -50 для яркости (Lightness). Убедитесь что этот слой тоже использует обтравочную маску (GLayer>Create Clipping Mask) для того, чтобы эффект применился исключительно к 3D слою.

Прикрепленное изображение



Step 7.

Чтобы создать светящиеся лампочки, давайте используем реальную фотографию. Та фотография, которую использовал я, бесплатно предоставил сайт Shutterstock и она называется "Неоновая вывеска казино" и ее автор MaxFX. Скопируйте одну лампочку, которая не работает совсем и одну - которая выключена.

Вставьте эти две лампочки в вашу композицию и приступите к заполнению ими свободного пространства на буквах. Обратите внимание, чтобы добавить объема, я использовал тени. Вы можете сделать это при помощи стилей слоя Layer Style.
Есть еще один совет - измените направление тени противоположно положению букв. На левых буквах - тень на право, а на правых - наклон тени влево. Это позволит придать изображению больше реалистичности.

Прикрепленное изображение


Step 8.

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


Прикрепленное изображение


Step 9.

Повторите это действие со всеми остальными лампочками.

Прикрепленное изображение


Заключение:

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

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

Прикрепленное изображение


Анимация.

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

Создать анимацию очень легко, просто создайте несколько разных версий c светящимися и выключенными лампочками. Затем при помощи приложения, которое создает анимированные gif-изображени, просто импортируйте все эти изображения. Я использовал Fireworks и для каждого состояния применил одну из версий.

Прикрепленное изображение


i


Урок размещен с разрешения его автора FabioSasso и переведен Svetilkin с оригинала, доступного здесь.
Запрещается копирование и публикация урока на других сайтах без письменного согласия автора и размещения ссылок.

The original tutorial is written by Fabio Sasso and translated by Svetilkin.
No part of this tutorial can be copied/pasted on any other website without the author's express written permission.

 


Сообщение отредактировал Viva - 24.04.2013 - 21:55


--------------------
— Arttower.ru в соц.сетях!
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
T-Rex
сообщение 24.04.2013 - 18:57
Сообщение #2


Зажиточный Горожанин
*****

За вклад в развитие ArtTower.ru1 местоЗвезда писателя II степени
Группа: Почетные граждане
Сообщений: 1533
Регистрация: 14.12.2009
Пользователь №: 14921
Галерея Блог


Симпатии:  65  


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


--------------------
Мимо мчатся стальные поезда, а я еду в своем игрушечном локомотиве Чух Чух...Чух Чух
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
SimonKi
сообщение 5.12.2016 - 13:38
Сообщение #3






Группа: Туристы
Сообщений: 1
Регистрация: 23.08.2016
Пользователь №: 21702



Симпатии:  0  


Обзор Photoshop CS5. Часть III.

Одна из основных задач, которую часто приходится выполнять, работая в Photoshop – это вы резание объектов с фотографий и их перемещение на новые изображения. В предыдущих версиях программы мы имели целый ряд инструментов, облегчающих нам данную задачу: это и инструмент Magic Wand волшебная палочка, и инструмент Background eraser Фоновый ластик, и всевозможные маски слоев, и инструмент быстрого выделения, и даже Refine Edge Уточнить края. Последние два надо сказать были достаточно эффективными средствами для выполнения задачи точного выделения краев. Новая версия Photoshop ничего кардинально нового нам не предложила, разработчики решили пойти по пути совершенствования имеющихся возможностей. В данном случае речь идет о Refine Edge Уточнить края.

Рассмотрим на конкретном примере. Возьмем не самую удавшуюся фотографию рис.1 1.jpg


--------------------
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения

Быстрый ответДобавить ответ в эту темуОткрыть тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия форума Сейчас: 19.10.2017 - 04:56