24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Уроки Photoshop » Мягкое мигание изображения с помощью уровней (levels)


Мягкое мигание изображения с помощью уровней (levels)

Сообщений 1 страница 3 из 3

1

Программа: Adobe Photoshop
Анимация
Сложность: для новичков
Автор: Pulse
Источник: http://emotiondigital.artbb.ru
Время выполнения: ~5-10 минут

Очень часто приходится видеть мигающие аватары. Одни - "выдери глаз" (некачественная резкая анимация), вторые - незавершённые, плохо замкнутые, третьи - ужасно пикселят от яркости.
Здесь мы попробуем создать мягкое мигание, едва заметное глазу, приятное и непринуждённое.
Эта анимация очень проста, но и тут важно знать некоторые тонкости.
Рассмотрим, что делать не стоит.
1. Нежелательно работать с яркостью/констрастностью (Brightness/Contrast). Если уж очень хочется, главное - не переборщить.
2. Не стоит создавать аватары из двух кадров, где на первом - слой без яркости, на втором яркость/констрастность добавлена.
https://forumupload.ru/uploads/000e/32/ad/18013-1-f.gif
3. Создавать незавершённую анимацию. К примеру, при имеющихся трёх кадрах: кадр без яркости/кадр с яркостью/кадр без яркости(или вообще без него), промежуточные вставлять только между первым и вторым. При такой ошибке анимация получится "дёрганной", неровной.
https://forumupload.ru/uploads/000e/32/ad/18013-2-f.gif
4. Сильно увеличивать яркость/контрастность. При этой ошибке, даже если не допущены предыдущие, изображение после сохранения в gif'е будет сильно пикселить.
https://forumupload.ru/uploads/000e/32/ad/18013-3-f.gif

А теперь вернёмся к теме и попробуем создать более мягкое мигание. Первым делом необходимо выбрать подходящий исходник. Такой, чтобы при осветлении не наблюдалось пересветлённых областей и ореолов. После основных приготовлений, применяем уровни (levels)  Ctrl+L
Двигаем правый крайний ползунок немного влево.
https://forumupload.ru/uploads/000e/32/ad/18013-4-f.jpg
После этого, вторым шагом, приступаем к созданию анимации.
Переходим ко вкладке "Анимация" посредством нажатия, если её нет, Окно>Анимация (Window>Animation).
Переключаем временную шкалу, если таковая запущена, на покадровую анимацию (frame animation)
и создаём три кадра.
На первом выключаем видимость со слоя с уровнями, на втором - включаем, на третьем снова выключаем.
https://forumupload.ru/uploads/000e/32/ad/18013-5-f.jpg
Добавляем промежуточные кадры (Tween):
между первым и вторым кадрами,
https://forumupload.ru/uploads/000e/32/ad/18014-1-f.jpg
а также между вторым и третьим.
https://forumupload.ru/uploads/000e/32/ad/18014-2-f.jpg
Ещё одной ошибкой многих является указание времени кадра. Не руководствуясь туториалами, граждане пользователи оставляют время как есть - либо 0 сек (без задержки), в итоге анимация получается бешено-ускоренной, либо 0, 1 сек,  результат - анимация "притормаживает", слишком медленно воспроизводит каждый кадр по отдельности.
Поэтому лучше всего  проставлять время в районе от 0, 03 до 0, 09 секунд, дабы изображение ровно высвечивало уровни и также мягко возвращалось к исходной точке.
Цикличность - постоянно (Бесконечно) Forever.
https://forumupload.ru/uploads/000e/32/ad/18014-4-f.gif
Чем больше промежуточных кадров, тем плавнее анимация.
На первой аватаре количество кадров - 13, на втором - 23
https://forumupload.ru/uploads/000e/32/ad/18015-2.gif  https://forumupload.ru/uploads/000e/32/ad/18015-1.gif

Даже такая лёгкая анимация может пригодиться при создании полноценных аватара/подписи/другой графики
https://forumupload.ru/uploads/000e/32/ad/18015-3.gif
Да, под конец я схалтурила, но у вас, надеюсь, получится гораздо лучше https://forumupload.ru/uploads/000e/32/ad/3595-2.gif 
Сохраняем через Файл - Сохранить для Web и устройств... (File - Save for Web & Devices), выбираем формат .GIF, играем с настройками качества (количество цветов, дизериг и т.д.) и кликаем "Сохранить" (Save).

+2

2

Спасибо за урок!

+|-

http://smages.com/images/135cfc.gif

+1

3

Saeko
хорошее качество гифа, кстати, молодец:)

+1


Вы здесь » COLOR MATE » Уроки Photoshop » Мягкое мигание изображения с помощью уровней (levels)