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


Анимация аватара: Эффект кинопленки 05-04-2008 17:36 к комментариям - к полной версии - понравилось!


Здрасте! :)

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



Способ №1 - С помощью Фильтра Зерно.


В ФШ откроем картинку для будущего аватара (постарайтесь выбрать не очень светлую, иначе эффект не будет заметен)
Откройте панель слоев (F7).
Нажмите клавишу D, чтобы сделать рабочим цветом черный.

1) Создайте новый слой (Ctrl+Shift+N)
2) Нажмите Alt+Del, чтобы залить новый слой черным цветом
3) Войдите в меню Фильтр (Filter) - Тeкстура (Texture) - Зерно (Grain):

[показать]

и поставьте следующие настройки:

[показать]

4) Измените режим смешивания в панели слоев на Осветление (Screen):

[показать]

Теперь повторите шаги 1-4 несколько раз (4-7), каждый раз меняя настройки фильтра Зерно, двигайте бегунки, чтобы расположение помех на картинке немножко меняло свое положение. Еще можно менять тип зерна (например, поставить не вертикальный, а горизонтальный или брызги). Поэкспериментируйте на свой вкус, увеличивая и уменьшая плотность, расположение и интенсивность зерна.
(Лично я создала семь черных слоев, на каждом использовала вертикальный тип зерна с настройками интенсивности и контрастности от 65 до 95 в разном сочетании)
Отключите видимость всех слоев с зерном, кроме самого первого, нажав на глазик рядом с ними в панели слоев:

[показать]

Переходим в Image Ready (Shift+Ctrl+M).

Откройте окно с анимацией и окно со слоями (F7 и F11).
В окне анимации дублируем кадр:

[показать]

В панели слоев включаем видимость второго слоя с зерном и отключаем видимость первого:

[показать]

Снова дублируем кадр, отключаем видимость второго слоя и включаем видимость третьего... И так далее, пока не сделаем видимыми по разу все слои с зерном.
Сохраните анимацию как gif: Сохранить Оптимизированный Как... /Save Optimized As...

У меня получилось вот что:

[показать]

Способ №2 - С помощью кистей с эффектом кинопленки.


Для начала скачайте и установите кисти, вложенные в этот урок.
В ФШ откройте картинку для будущего аватара. Откройте панель слоев (F7).

Нажмите Х, чтобы сделать рабочим цветом белый.
1) Создайте новый прозрачный слой (Ctrl+Shift+N)
2) Возьмите любую кисть из вложенных, какая вам больше понравится, не меняя ее диаметр, и нарисуйте помехи, щелкнув по картинке один раз.

[показать]

Повторите шаги 1-2 несколько раз, каждый раз изменяя положение кисти:

[показать] [показать] [показать] [показать]

Дальше следует тот же алгоритм. что и в способе №1.
Отключите видимость всех слоев с кистью, кроме самого первого.

Переходим в Image Ready (Shift+Ctrl+M).

Откройте окно с анимацией и окно со слоями (F7 и F11).
В окне анимации дублируйте кадр:

[показать]

Отключите видимость первого слоя с кистью, включите видимость второго.

[показать]

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

Можно для оживления эффекта сделать следующее - пару раз создать "пустые кадры": например, дублировать первый кадр, отключить его видимость и не включать видимость второго. Затем снова дублировать кадр и включить видимость второго. В результате у вас получится кадр с кистью (слоя 1) - кадр без кисти ("пустой") - снова кадр с кистью (слоя 2). (В своей анимации я так сделала после второго и четвертого кадров)

Сохраните анимацию как gif: Сохранить Оптимизированный Как... /Save Optimized As...

В итоге получилось вот так:

[показать]

Общий совет к обоим способам: если хотите, чтобы анимация была более красивой, делайте побольше слоев, но помните, что это увеличивает вес будущего аватара!

Вот и все. Надеюсь, что у меня получилось не очень запутанно... :)
Не стесняйтесь задавать вопросы и демонстрировать свои результаты.
Спасибо за внимание! Удачи! :)
вверх^ к полной версии понравилось! в evernote
Комментарии (30): вперёд»
Lady_Elora 05-04-2008-18:43 удалить
Супер! Замечательный урок! (И особенно хорошо для меня, что нет привязки к Image Ready)
Lady_Elora, спасибо на добром слове, но как это нет привязки к ИР? :)
Lady_Elora 05-04-2008-19:29 удалить
Пятнистый_Щасвирнус, тьфу ты? точно! Я читаю слишком быстро и часто пропускаю куски фраз. "Переходим в Image Ready (Shift+Ctrl+M)" я не заметила в первом случае и уже обрадовалась, что урок только для ФШ. ;)
Lady_Elora, ну так а в чем проблема? Открой окно анимации в ФШ (без перехода в ИР), сделай все то же самое и - Сохранить для Web как gif.
Lady_Elora 05-04-2008-19:40 удалить
Пятнистый_Щасвирнус, да в том-то и прикол, что сделать всё то же можно исключительно средствами ФШ. :) Поэтому я ни сном ни духом. :D
Lady_Elora, не поняла: чего ты ни сном ни духом? :)
Богенса 05-04-2008-19:56 удалить
Пятнистый_Щасвирнус, про кружочки давай рассказывай :))
Nana_Osaki_BS 10-04-2008-20:29 удалить
аа)))) я трудящийся м я доволен)))
каряво конечн, но суть поняла и у ми щас пол одиннадцатогн и я пишу сочинение на лингвистическую тему потом поэксперементирую)
спаибо)
 (129x129, 44Kb)
PitachoG, слушай, классно вышло! :) Мне нравится, хоть ты и говоришь, что коряво. :)

Если еще какие будут просьбы, то просьба высказывать, ибо у меня застой и отсутствие идей. :)))

Удачи с сочинением, коллега. :)))
Nana_Osaki_BS 11-04-2008-20:21 удалить
Пятнистый_Щасвирнус, блин, я вот чисто не могу понять, как установить кисти))Х) сколько не читала не врубаюсь( вот это пока моя главная проблема)))а так....пока ничего))
PitachoG, там и париться-то не надо. :))) Скачала и распаковала кисти - сложила их в какую-то там у себя папку на компе - открыла фотошоп - выбрала инструмент Кисть - прошла в ту папку, куда ты кисть сложила и загрузила ее. Все.


[540x647]
Nana_Osaki_BS 12-04-2008-18:38 удалить
Пятнистый_Щасвирнус, блин, я тя обожаю))))))))
сразу бы так)) а то сколько уроков не читла и тут кста тоже одн хрень...нфига так и непоняла) а ты доступно объянила)) СПАСИБО))))
PitachoG, :))) Не за что! :))) На самом деле хорошо бы делать, как советуют по той ссылке, которую я даю всегда в уроке, если нужно грузить кисти, но лично мне удобнее хранить все кисти в отдельной папке, потому что если все, какие скачаешь, держать в библиотеке своего фотошопа, можно свихнуться, ища среди тысяч ту, какую надо... :) А так у меня в отдельной папке куча наборов кистей, ко всем есть описания, я очень легко и быстро могу найти кисть, какую хочу...
Может, это не очень правильный способ, зато я те помогла. :)))))))))
Nana_Osaki_BS 12-04-2008-18:57 удалить
Пятнистый_Щасвирнус, да не то слово помогла) я просто храню все описания шрифтов по папкам, просто запомнить все названия нереально)))
PitachoG, вот-вот. Значит, методы у нас с тобой одинаковые. :))) И с кистями так же делай. :)))
Spiteful_cat 01-05-2008-22:06 удалить
Прикольно получилось спасибо!
Nagato_Yuki 05-05-2008-09:40 удалить
Делала когда-то что-то такое
 (150x150, 60Kb)
18-05-2008-14:04 удалить
как создать анимацию, с двумя разными фотками????
-Alyona- 26-05-2008-17:50 удалить
Вот что получилось у меня.....
 (128x128, 62Kb)
Мелитэле 07-06-2008-12:31 удалить
Моя не очень понимай, где обновления сообщества? Бросили нас, бедных начинающих, на произвол судьбы...
jUsT_SwEeT_BabY, как именно? Чтобы они друг друга сменяли?
NordGirl, я дико извиняюсь, но много дел. К тому же у меня закончились идеи. Если бы кто хоть какой вопрос задал....
Пятнистый_Щасвирнус, можно либо мне либо ты сама напиши как делать is love, думаю это многим пригоится, если хочешь можешь найти у меня дневе, или в цитатнике и выложить. писала урок я сама, все скрины делала тож я =)
Do_not_kill_kenny, я сама в данный момент не имею возможности писать уроки, но ты можешь написать модератору сообщества Lady_Elora с этим обращением, тем более, что и материалы все есть. Думаю, это предложение воспримется более чем с удовольствием.
Jeannot 07-10-2008-15:10 удалить
Суерский урок, надо попробовать, давно хотела так научиться
EgoEl 06-04-2009-11:50 удалить
я тоже такое делала ранее.
Классные уроки! Жаль что на русском языке.
 (100x100, 18Kb)


Комментарии (30): вперёд» вверх^

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

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