• Авторизация


Анимация аватара: Сверкающие камни 20-09-2007 16:54 к комментариям - к полной версии - понравилось!


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



Итак, откроем нашу картинку в Photoshop. Также откроем окно с палитрой слоев (F7).
Для анимации искр мы будем использовать фильтр фотошопа под названием Блик (Flare).

Шаг 1. На нашей картинке пять драгоценных камней, и нам нужно, чтобы все они по очереди мерцали искрами. Значит, нужно создать пять слоев с бликами в различных местах.
Создадим новый слой (Ctrl+J) 5 раз. Посмотрите на окно с палитрой слоев, у нас появилось 5 дубликатов первого слоя. Выделим этот слой, щелкнув по нему мышкой в окне со слоями и применим к первому слою-копии Фильтр Блик (Filter - Rendering - Flare)

[показать]

Заставьте первый из камней сверкнуть, применив данные настройки:

[показать]

(выбор блика зависит от величины сверкающего объекта, освещения на картинке и т.д. Пробуйте менять настройки, пока не добьетесь наилучшего эффекта сверкания)

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

В итоге у нас должно получиться 6 разных слоев: пять с бликами на разных камнях и один без бликов вообще.

Перейдем в Image Ready (Shift+Ctrl+M) и откроем окна со слоями и анимацией (если они у вас закрыты) - F7 и F11.

Шаг 3. Отключим видимость слоев-копий с бликами, нажав на картинки с глазиками напротив них, оставив видимым только первый базовый слой:

Теперь начинаем выстраивать последовательность вспышек на камнях. Мне захотелось, чтобы камни блестели в разном порядке, поэтому я выстроила последовательность так:

Дублируем кадр в окне анимации и включаем видимость второго слоя, нажав на глазик:

[показать]


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

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

[показать]

Например, я на всех кадрах с бликами поставила скорость - 0с., а на кадрах без бликов - 0,1с. Вспышки стали более резкими и отчетливыми.

После того, как вы подберете наиболее удачное сочетание кадров и времени их показа, поигравшись с очередностью возникновения бликов и показателями времени, сохраните ваш файл как gif (Сохранить Оптимизированный Как... - Save Optimized As...)

[показать]

Удачи! Если есть вопросы, задавайте!
вверх^ к полной версии понравилось! в evernote
Комментарии (16):
Martiny 20-09-2007-17:17 удалить
А как надо работать с этими фотками требующими увели4ения. Кликнула на фотку текст пропал, вернулась к тексту фотку не вижу. Открыла параллельно фотку и текст, так фотошопу места нет!
А как вы это делаете?
Martiny, увеличенное фото должно открыться в новом окне. Если этого не происходит, то нажмите на картинку правой кнопкой мыши и выберите пункт "Открыть на новой вкладке". Так у вас будет открыто две вкладки - с текстом и с фото, и вы, поочередно кликая на них, сможете спокойно читать.
А фотошоп у вас как интернету мешает???
Martiny 20-09-2007-23:15 удалить
:) Не мешает. Я обы4но делю экран пополам. В одной стороне урок 4итаю. В другой в фотошопе работаю. Поэтому, когда фотка в новом окне открывается я либо текста не вижу, либо фотошопа. Для троих места нет. Я спаршивала потому, 4то думала их (фотки) сразу на странице урока можно как-то увели4ить.
Martiny, да нет, тут помочь не могу. :)
(лично я просто работаю в разных окнах и все, никаких затруднений не испытываю. но это уже дело вкуса :)

Ну все-таки тут и картинок не так много... :)
22-09-2007-23:33 удалить
спаибо за интересный урок)) а как делать чтоб мерцали буквы или только определенная часть картинки? у меня 8 фотошоп
JustGoodGirl, про это будет следующий урок! :)
Harupi 13-10-2007-00:07 удалить
Классный урок, мне все было понятно.
[250x162]
Harupi 13-10-2007-00:08 удалить
Классный урок, мне все было понятно.
[250x162]
СоняСати 06-02-2008-21:02 удалить
Подскажите пожалуйста почему у меня, когда я сохроняю анимацию и потом когда просматриваю там ничего не мигает(((Хотя я сохраняла как Gif
Melianna 11-03-2008-17:53 удалить
это первое, чему я научилась )))) но сама )))) и очень давно ))) сама все нашла и додумала )
СоняСати, с помощью чего просматриваешь? Просматривай с помощью "Программа просмотра изображений и факсов" хотя бы, и тогда увидишь, что у тебя получилось.
03-10-2008-00:53 удалить
как можно эту фотку потом сахронитъ?чтобы она переливаласъ
04-10-2008-13:34 удалить
как оптимизировать, а то он не открывается когда я сохраняю и там написано что он не найдин, а когда я открываю с Программа просмотра изображений и факсов проста картинка выходит!
Ответ на комментарий #
Исходное сообщение
как можно эту фотку потом сахронитъ?чтобы она переливаласъ


в пункте Файл выбираешь "Сохранить оптимизированный как..." и так и сохраняешь. (формат gif )
Ответ на комментарий #
Исходное сообщение
как оптимизировать, а то он не открывается когда я сохраняю и там написано что он не найдин, а когда я открываю с Программа просмотра изображений и факсов проста картинка выходит!

Еще раз: после того, как вся работа по анимации проделана, то тычешь в Файл, выбираешь Сохранить оптимизированный как... (Save optimized as) и указываешь директорию, куда сохранить. Все.
Файлы в формате gif просматриваются , например, когда поставишь режим отображения значков в папке как диафильм. Если даже так не получается. значит, ты не сохраняешь файл как gif.
Натуся3004 20-06-2009-19:37 удалить
Замечательный урок! Очень легко воспринимается и переваривается в голове! Вот, что у меня получилось:
[489x698]
18-07-2009-00:46 удалить
Подскажите пожалуйста, где можно скачать фотошоп??? Ищу,ищу а нормальный найти не могу((((((
Натуся3004, эффект схвачен здорово! молодец!
а фото почему дергается? слой мышью сдвинули?
Аноним, существует такая вещь, как поисковик:)
innocka2721 20-05-2010-18:35 удалить
спасибо...я попробую!


Комментарии (16): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Анимация аватара: Сверкающие камни | Photoshop_Tricks - ~Трюки Фотошопа~ | Лента друзей Photoshop_Tricks / Полная версия Добавить в друзья Страницы: раньше»