-Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Photoshop_Tricks

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 30.04.2007
Записей:
Комментариев:
Написано: 1378


Анимация аватара: Сверкающие камни

Четверг, 20 Сентября 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...)



Удачи! Если есть вопросы, задавайте!
Рубрики:  Делаем аватары


Процитировано 15 раз

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

Ну все-таки тут и картинок не так много... :)
Ответить С цитатой В цитатник
Аноним   обратиться по имени Суббота, 22 Сентября 2007 г. 23:33 (ссылка)
спаибо за интересный урок)) а как делать чтоб мерцали буквы или только определенная часть картинки? у меня 8 фотошоп
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 23 Сентября 2007 г. 11:29 (ссылка)
JustGoodGirl, про это будет следующий урок! :)
Ответить С цитатой В цитатник
Harupi   обратиться по имени Суббота, 13 Октября 2007 г. 00:07 (ссылка)
Классный урок, мне все было понятно.
 (250x162, 109Kb)
Ответить С цитатой В цитатник
Harupi   обратиться по имени Суббота, 13 Октября 2007 г. 00:08 (ссылка)
Классный урок, мне все было понятно.
fw07_jewl_12 (250x162, 109Kb)
Ответить С цитатой В цитатник
СоняСати   обратиться по имени Среда, 06 Февраля 2008 г. 21:02 (ссылка)
Подскажите пожалуйста почему у меня, когда я сохроняю анимацию и потом когда просматриваю там ничего не мигает(((Хотя я сохраняла как Gif
Ответить С цитатой В цитатник
Melianna   обратиться по имени Вторник, 11 Марта 2008 г. 17:53 (ссылка)
это первое, чему я научилась )))) но сама )))) и очень давно ))) сама все нашла и додумала )
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 23 Марта 2008 г. 13:57 (ссылка)
СоняСати, с помощью чего просматриваешь? Просматривай с помощью "Программа просмотра изображений и факсов" хотя бы, и тогда увидишь, что у тебя получилось.
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 23 Марта 2008 г. 13:57 (ссылка)
Melianna, молодец. :)
Ответить С цитатой В цитатник
Аноним   обратиться по имени Пятница, 03 Октября 2008 г. 00:53 (ссылка)
как можно эту фотку потом сахронитъ?чтобы она переливаласъ
Ответить С цитатой В цитатник    |    Не показывать комментарий
Аноним   обратиться по имени Суббота, 04 Октября 2008 г. 13:34 (ссылка)
как оптимизировать, а то он не открывается когда я сохраняю и там написано что он не найдин, а когда я открываю с Программа просмотра изображений и факсов проста картинка выходит!
Ответить С цитатой В цитатник    |    Не показывать комментарий
Пятнистый_Щасвирнус   обратиться по имени Вторник, 04 Ноября 2008 г. 13:54 (ссылка)

Ответ на комментарий

Исходное сообщение
как можно эту фотку потом сахронитъ?чтобы она переливаласъ


в пункте Файл выбираешь "Сохранить оптимизированный как..." и так и сохраняешь. (формат gif )
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Вторник, 04 Ноября 2008 г. 13:57 (ссылка)

Ответ на комментарий

Исходное сообщение
как оптимизировать, а то он не открывается когда я сохраняю и там написано что он не найдин, а когда я открываю с Программа просмотра изображений и факсов проста картинка выходит!

Еще раз: после того, как вся работа по анимации проделана, то тычешь в Файл, выбираешь Сохранить оптимизированный как... (Save optimized as) и указываешь директорию, куда сохранить. Все.
Файлы в формате gif просматриваются , например, когда поставишь режим отображения значков в папке как диафильм. Если даже так не получается. значит, ты не сохраняешь файл как gif.
Ответить С цитатой В цитатник
Натуся3004   обратиться по имени Спасибо! Суббота, 20 Июня 2009 г. 19:37 (ссылка)
Замечательный урок! Очень легко воспринимается и переваривается в голове! Вот, что у меня получилось:
 (489x698, 2213Kb)
Ответить С цитатой В цитатник
Аноним   обратиться по имени Суббота, 18 Июля 2009 г. 00:46 (ссылка)
Подскажите пожалуйста, где можно скачать фотошоп??? Ищу,ищу а нормальный найти не могу((((((
Ответить С цитатой В цитатник    |    Не показывать комментарий
Пятнистый_Щасвирнус   обратиться по имени Суббота, 01 Августа 2009 г. 19:37 (ссылка)
Натуся3004, эффект схвачен здорово! молодец!
а фото почему дергается? слой мышью сдвинули?
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Суббота, 01 Августа 2009 г. 19:38 (ссылка)
Аноним, существует такая вещь, как поисковик:)
Ответить С цитатой В цитатник
Аноним   обратиться по имени Вторник, 05 Января 2010 г. 13:07 (ссылка)
Пятнистый_Щасвирнус, спасибо ! Класный урок!
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Вторник, 12 Января 2010 г. 19:03 (ссылка)
Afiama, очень красиво))
Ответить С цитатой В цитатник
innocka2721   обратиться по имени Четверг, 20 Мая 2010 г. 18:35 (ссылка)
спасибо...я попробую!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку