• Страница 1 из 1
  • 1
Модератор форума: Masquerade, Vexxius  
Форум » Дизайнерская мастерская » Уроки и прочее » [Учебник] Огненные глаза (Photoshop)
[Учебник] Огненные глаза
Twister
Командир
О чем идет речь. Описать словами достигнутый результат иногда сложно, проще показать. На аватарах (чуть ниже) все предельно наглядно. Эффект очень прост, урок не займет много времени на изучение. Но — требует некоторой подготовки, опыта работы в Photoshop.

Инструментарий.
1. Adobe Photoshop CS2,
2. Adobe ImageReady CS2.

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

Разобравшись — что делаем — стоит подумать — зачем. Эффект используется часто, но — только там, где он уместен. Касается, собственно любых эффектов, но, вероятно, этого — особенно. Глаза на аватаре, как правило, центральный элемент и по нему создается общее впечатление об аватаре… И его обладателе. Закругляюсь с моралью, начнем реализацию.

Берем нужную картинку и загружаем ее в Photoshop. Пусть — Рис.1.

Жмем на иконку Создать новый слой Рис.2 и именуем его Глаза_100%. Сильно масштабируем изображение, чтобы хорошо видеть нужный фрагмент — глаза (Рис.3). Выбираем нужный инструмент Кисть и задаем его параметры: Кисть мягкая круглая, размер минимальный 1-2 пикс., цвет белый (любой), прозрачность небольшая, 15% примерно. Активируем этот новый пустой слой щелкнув по нему. Взяв выбранную кисть закрашиваем нужное — Рис.4. Подправляем-исправляем Ластиком, стремясь закрасить только глаза (или нужный фрагмент, например зрачки или блики на них). Не стоит стремиться к высокой точности, это только примерка. Прозрачность — тоже не очень важна, главное — увидеть закрашенный участок в общих чертах.

Рисунки:
1.
2.
3.
4.

Начинается самое важное. Двойной клик по активному слою Глаза_100% и видим меню Стиль слоя. Смотрим Рис.5. Нас интересуют три параметра стиля, флажки которых мы и установим. Внешнее свечение, Внутреннее свечение и Наложение цвета (иногда стоит подключить и другие, но здесь обойдемся). Настройки этих параметров эмпирические, методом проб и ошибок. Процесс долгий и нудный, готовых рецептов нет и быть не может. Процесс проистекает методом перебора различных параметров — прозрачности, интенсивности, диапазонов и т.д. и т.п. Научить этому нельзя. Но — можно рассказать. Для начала — просто установите флажки. И посмотрите Рис. 6. Измените параметр заливки на 0% (или близкий к нулю). Двойной левый клик по Эффекты, появляется меню стилей. Начинаем колдовать с их параметрами.

Дело сугубо вкуса. Заливка цветом Рис.7. Внутреннее свечение Рис. 8, Внешнее свечение (самое значимое) Рис.9. Полный простор фантазии, ощущений, вкуса. У всех получится по-разному, поскольку — у всех свое восприятие мира.

Измененные (от первоначальных, по-умолчанию) параметры — обведены красными рамками. Понятно, что все весьма условно, параметры могут быть любые. Но теперь Вы знаете, где и что искать и править.

5.
6.
7.
8.

Будем надеяться что-то получилось. Сделаем дубликаты первого и второго слоя (Ctrl+J) и расположим их, как на Рис.10. Я переименовал названия слоев для лучшего восприятия и понимания. Установите на каждом слое с эффектами свой уровень прозрачности (как у наименования слоя) — 30%, 65%, 100%. Сохраним проект (на всякий случай) и сведем слои попарно — слои эффектов накладываем (сводим) со слоями изображений. Получим в итоге шесть слоев-кадров Рис.11. Сделайте первый слой (Исходник) видимым и активным, остальные — невидимыми, сняв «глазик» со слоев. И переходим в ImageReady для анимации.

Там все понятно, подробней, наверное, и не надо. Первый кадр (Исходник) — около 2 сек, остальные — на усмотрение, 01-0,2 сек. И сохраняем готовую анимацию, как прописано в предыдущих уроках Рис.12. Полуфабрикат готов.

9.
10.
11.
12.

Можно еще помудрить с картинкой, поварьировать анимацию, добавить каких-то эффектов. А можно и так оставить, вполне (на мой вкус) прилично получилось, неброско и характерно.

Сообщение # 1 отредактировано Battle - Пятница, 20.08.2010, 23:33
DooMLorD
Администратор
Lepeshka, Twister, смарите

Добавлено (21.04.2009, 10:28)
---------------------------------------------
Twister, спс

Сообщение # 2 написано 21.04.2009 в 10:28
NaNoFeNiX
Рыцарь
Quote (Twister)
сведем слои попарно — слои эффектов накладываем (сводим)

как это сделать??? напишите побыстрее плз)

Добавлено (04.07.2009, 21:14)
---------------------------------------------

вот както так)
тока я убрал слой по середине 100% который без нево луе выглядит ну или прозрачность мона поставить 80 место 100)


Сообщение # 3 написано 04.07.2009 в 21:14
NaNoFeNiX
Рыцарь
Dispeller, cпс сделал как ты сказал вот чо получилось

Теперь вопрос:как сделать чтобы картинка не теряла в качестве ато какойта шум лишний(я сохраняю через Имейдж риди через сам фотошоп никак)

Добавлено (05.07.2009, 03:31)
---------------------------------------------
НА САМОМ ДЕЛЕ! намного красивее получилось вот качество слетело angry angry angry angry angry angry


Сообщение # 4 написано 05.07.2009 в 03:31
Yoko
Рыцарь
Сенкс за Урок(+)
Получилось чет такое

Строго не судить. 2-й день в Фотошопе
Сообщение # 5 отредактировано Yoko - Пятница, 10.07.2009, 12:55
Shizo
Очень почетный пользователь
я тока учусь ну вот что вышло :
Сообщение # 6 написано 16.07.2009 в 19:25
FaToN
Центурион
Не судите строго я ещё не оч умею
Прикрепления: 0633587.gif (22.0 Kb)
Сообщение # 7 отредактировано lakamaka - Пятница, 02.10.2009, 11:25
CrAsH74
Сержант

первая работа -_- сделал для форума из-за этого мелкая =|
Прикрепления: 0147401.gif (13.8 Kb)


Сообщение # 8 отредактировано CrAsH74 - Четверг, 01.10.2009, 19:38
Форум » Дизайнерская мастерская » Уроки и прочее » [Учебник] Огненные глаза (Photoshop)
  • Страница 1 из 1
  • 1
Поиск: