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


Анимация аватара: Мерцание отдельного объекта 09-03-2008 12:00 к комментариям - к полной версии - понравилось!


Здравствуйте!

На этот раз я попробую ответить на вопрос, который мне уже несколько раз задавали уважаемые читатели сообщества, а именно: "Как сделать так, чтобы добиться эффекта мерцания отдельного предмета на аватаре?"

Этого эффекта добиться совсем несложно. Главное, что требуется, - это немножко усидчивости и терпения, потому что основной задачей является точное выделение того самого вожделенного объекта, чтобы получилось красиво. Существует несколько способов, чтобы выделить объект, в основном предметом этого урока станет обучение выделению.



Откройте будущий аватар в Photochop, а также откройте панель слоев (F7).
Начнем с того, что аккуратно выделим объект с картинки.

Способ 1.

Если объект на картинке довольно ровного цвета и не имеет множества оттенков, то можно воспользоваться инструментом Волшебная Палочка (W)
[показать]

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

[показать]

Чтобы отделить сердечко от всей картинки, возьмите Палочку и щелкните в любом месте сердечка. Палочка выделит область одного цвета.

[показать]

Все остальные области оказались другого оттенка и остались незахваченными палочкой, давайте присоединим их к уже выделенной области. Для этого зажмите и удерживайте Shift и кликайте Палочкой на других областях сердечка. Палочка будет захватывать области с другими оттенками и присоединять их к уже захваченным.

[показать]

И так продолжайте до тех пор, пока все сердечко не окажется выделенным.

Способ 2.

Есть еще один чудный инструмент, способный выделять объекты: Лассо (L).
Можно пользоваться всеми его вариациями - от простого Лассо до Магнитного, их можно увидеть, нажав на малеькую стелочку в углу окошка инструмента:

[показать]

При использовании простого Лассо нужно прижать мышью в любой точку контура предмета и обвести его, не отрывая руки. Это довольно сложно и плохо применимо к крупным объектам со сложными контурами.
При использовании Прямолинейного Лассо [показать] нужно щелкнуть мышью в любом месте контура объекта, а потом прокладывать небольшие линии по его границе, расставляя опорные точки, щелкая мышкой. Хорошо подходит для выделения объектов с прямыми границами. Если вы ошиблись и криво проложили какую-то линию, нажмите Del, и последний проложенный отрезок исчезнет и вы сможете исправить ошибку.
Третья вариация - Магнитное Лассо [показать] - очень удобная. Использовать ее нужно так же, как и Прямолинейное Лассо, прокладывая контур предмета, расставляя опорные точки щелчком мышки по границе; все удобство в том, то этот инструмент будет сам корректировать границы вашего объекта, привязывая их к границе цвета. Выделение получается очень точным.

После того, как выделите объект любым из вышеописанных способов, нам нужно перенести его на новый слой. Нажмите Ctrl+J.

Способ 3

Очень удобный способ выделения объектов любого размера и с границами любой сложности - это работа в режиме Быстрой Маски.
Нажмите D, чтобы сделать рабочими цветами черный и белый.
Войдите в режим (Q) или щелкните по этой картинке в Панели Инструментов: [показать].
Возьмите обычную круглую кисть (B) и начните закрашивать ваш объект как можно точнее и не волнуйтесь, что ваше закрашивание оказывается не черного, а полупрозрачного красного цвета, здесь это не принципиально и красный цвет стоит в фотошопе по умолчанию.
Если оказалось так, как у нас, и наш объект изначально красного цвета, это очень неудобно, потому что не видно, где мы закрасили, а где нет. Цвет маски можно изменить, два раза щелкнув по картинке маски ( [показать]), и в появившемся окне выбрать любой другой (я выбрала синий...

[показать]

...и закрасила полностью все сердечко:

[показать]

Закрашивая, не волнуйтесь, если где-то получится неаккуратно и вы вылезете за пределы объекта. Все можно легко исправить, если вы поменяете цвет кисти с черного на белый. Черная кисть в режиме маски закрашивает объект, а белая кисть работает как ластик.

[показать]

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

[показать]

После того, как вы закрасили объект, нам также нужно перенести его на новый слой, но сначала наше выделение нужно инвертировать (Ctrl+I), потом выйти из режима Быстрой маски (Q) и перенести его на новый слой (Ctrl+J).

_________________________________________________

Итак, каким способом выделения вы бы ни воспользовались, в итоге должно получиться два слоя: один с картинкой, другой - прозрачный только с выделенным объектом, который должен замерцать. Ура! Самая сложная часть работы выполнена! :)

Теперь щелкните по верхнему слою в панели слоев и поставьте режим смешивания на Осветление (Screen),

[показать]

Отключите видимость этого слоя, нажав на глазик рядом с ним.
Переходим в Image Ready (Ctrl+Shift+M), открываем там панели слоев и анимации (F7 и F11).

1. Создадим новый кадр:

[показать]

2. Включим видимость слоя с выделенным нами объектом, нажав на глазик рядом с ним:

[показать]

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

[показать]

3. Если мерцание кажется вам слишком резким и быстрым, давайте его замедлим и сделаем более плавным. Для этого нажмем на кнопку создания промежуточных кадров:

[показать]

и в появившемся окне поставим такие настройки (я поставила 5 промежуточных кадров, но вы можете выбрать любое их количество. Чем их больше, тем больше будет весить аватар):

[показать]

Просмотрите, что у вас получилось: сердечко мерцает более плавно. При желании создайте еще один кадр (шаг 1), отключите видимость у слоя с сердечком (противоположность шагу 2) и снова создайте такое же количество промежуточных кадров (шаг 3). Самый последний кадр удалите, чтобы не было задержки в анимации:

[показать]

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

[показать]

Можно экспериментировать с промежуточными кадрами, с длиной их показа. это все - на ваше усмотрение. Когда добьетесь желаемого эффекта, сохраните файл как gif: Сохранить Оптимизированный Как... /Save Optimized As...

Удачи! Надеюсь, что вам пригодятся сегодняшние советы. Не стесняйтесь задавать вопросы и демонстрировать то, что у вас получилось. :)
вверх^ к полной версии понравилось! в evernote
Комментарии (28): вперёд»
infra 09-03-2008-15:08 удалить
ну... какбы просто слишком! я из етой фоткой работала давно уже! создавала смайл для другова сайТа! вот что у меня вышло!
 (40x40, 4Kb)
Nana_Osaki_BS 09-03-2008-16:22 удалить
вот муё)) только этот рок был н этом ообществе но был использован тольк метод выделения волш палчкой так сто спасио за новые спообы))
 (120x120, 32Kb)
infra2007, задача была не обработать именно эту картинку, а научить тех, кто меня просил, создавать такой эффект. :)
PitachoG, красиво. :)
Я знаю, что похожий урок был, только выделение волшебной палочкой не всегда выглядит аккуратным, мне хотелось показать разные способы. :)
infra 10-03-2008-08:26 удалить
я понимаю) ето таг к слову)
lahe 23-03-2008-11:10 удалить
Здравуствуйте я тут новенькая)хотела бы себе тоже фотошоп)немогли бы вы посказать где его сначала скачать можно?)
АААААА,НАРОД!!!!!!Я ОТКРЫЛА ВЛОЖЕНИЕ,А КУДА ЕГО ВПИХНУТЬ???????ОБЪЯСНИТЕ!!!!!!!!ПОЖАЛУЙСТА!НАПРИМЕР,ЕСЛИ Я СКАЧАЛА ПО КИСТЯМ???7
Alessa_Cocaine 30-03-2008-18:52 удалить
[показать] вот такая штука палучилась
lahe, в любом поисковике забей фотошоп и будет тебе счастье.
03-05-2008-00:58 удалить
Я не знаю, в чем у меня проблема, но у меня ничего не мерцает, ни на слое, НИГДЕ. Все делаю по указанием. может кто может подсказать, где возможна ошибка?
Fille_Datura 22-05-2008-18:20 удалить
жесть. я делала всё, как было описанно, но почему у меня картинка так бешенно мерцает?????
 (130x130, 18Kb)
пробовала эксперементировать со скоростью, но всё получается как-то "грубо" и резко (даже если использовать кадры). что я делаю не так???
и почему мерцает не сердце, а то что за ним??
Fille_Datura 27-05-2008-08:32 удалить
теперь у мну вапще ничо не мерцает(((
Fille_Datura, мерцает фон. а не объект, потому что ты когда делала выделение. наверное. забыла про инвертирование и все остальные опрации пошли не с сердечком, а с фоновой частью. Внимательно (!!!) проведи операцию с выделением и копированием сердечка на отдельный слой.
Septyma, очень затреднительно сказать, где ошибка, если ты не показываешь того, что хотя бы получилось.
Fille_Datura, а что касается резкости мерцания, то плавность достигается не скоростью, а количеством промежуточных кадров. В уроке про это написано.
ооо, я думала это сложно делать, и очень трудна, а оказалось всё так просто. вот моя работа [показать], стану ПЧ =)
Спасибо большое, за подробные уроки.
КаПрИзНаЯ_ДеФчЁнКа, к сожалению неправильно был проделан самый первый шаг - выделение объекта и перенесение его на новый слой, видимо, невнимательно выполнялись инструкции.
Спасибо за урок)) сейчас буду пробовать)


ПОпробовала))Получилось!!!! еще раз огромное спасибо
бурный_поток, очень здорово, значит, у меня получилось быть внятной:)
спасибо вам!
а результат показать?:))


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

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

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