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

 

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

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

 -Статистика

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


Анимация аватара: Мерцание отдельного объекта

Воскресенье, 09 Марта 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...

Удачи! Надеюсь, что вам пригодятся сегодняшние советы. Не стесняйтесь задавать вопросы и демонстрировать то, что у вас получилось. :)
Рубрики:  Маленькие секреты
Делаем аватары


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

infra   обратиться по имени Воскресенье, 09 Марта 2008 г. 15:08 (ссылка)
ну... какбы просто слишком! я из етой фоткой работала давно уже! создавала смайл для другова сайТа! вот что у меня вышло!
 (40x40, 4Kb)
Ответить С цитатой В цитатник
Nana_Osaki_BS   обратиться по имени Воскресенье, 09 Марта 2008 г. 16:22 (ссылка)
вот муё)) только этот рок был н этом ообществе но был использован тольк метод выделения волш палчкой так сто спасио за новые спообы))
 (120x120, 32Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 09 Марта 2008 г. 17:46 (ссылка)
infra2007, задача была не обработать именно эту картинку, а научить тех, кто меня просил, создавать такой эффект. :)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 09 Марта 2008 г. 17:47 (ссылка)
PitachoG, красиво. :)
Я знаю, что похожий урок был, только выделение волшебной палочкой не всегда выглядит аккуратным, мне хотелось показать разные способы. :)
Ответить С цитатой В цитатник
infra   обратиться по имени Понедельник, 10 Марта 2008 г. 08:26 (ссылка)
я понимаю) ето таг к слову)
Ответить С цитатой В цитатник
lahe   обратиться по имени Воскресенье, 23 Марта 2008 г. 11:10 (ссылка)
Здравуствуйте я тут новенькая)хотела бы себе тоже фотошоп)немогли бы вы посказать где его сначала скачать можно?)
Ответить С цитатой В цитатник
Чеширская_кошечка_НиКуШа   обратиться по имени Суббота, 29 Марта 2008 г. 23:07 (ссылка)
АААААА,НАРОД!!!!!!Я ОТКРЫЛА ВЛОЖЕНИЕ,А КУДА ЕГО ВПИХНУТЬ???????ОБЪЯСНИТЕ!!!!!!!!ПОЖАЛУЙСТА!НАПРИМЕР,ЕСЛИ Я СКАЧАЛА ПО КИСТЯМ???7
Ответить С цитатой В цитатник
Чеширская_кошечка_НиКуШа   обратиться по имени Воскресенье, 30 Марта 2008 г. 17:04 (ссылка)
Чеширская_кошечка_НиКуШа, а всё,понятно......
Ответить С цитатой В цитатник
Alessa_Cocaine   обратиться по имени Воскресенье, 30 Марта 2008 г. 18:52 (ссылка)
вот такая штука палучилась
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Суббота, 05 Апреля 2008 г. 15:32 (ссылка)
lahe, в любом поисковике забей фотошоп и будет тебе счастье.
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Суббота, 05 Апреля 2008 г. 15:32 (ссылка)
Alessa_Cocaine, чудно. :)
Ответить С цитатой В цитатник
Аноним   обратиться по имени Суббота, 03 Мая 2008 г. 00:58 (ссылка)
Я не знаю, в чем у меня проблема, но у меня ничего не мерцает, ни на слое, НИГДЕ. Все делаю по указанием. может кто может подсказать, где возможна ошибка?
Ответить С цитатой В цитатник
Fille_Datura   обратиться по имени Четверг, 22 Мая 2008 г. 18:20 (ссылка)
жесть. я делала всё, как было описанно, но почему у меня картинка так бешенно мерцает?????
 (130x130, 18Kb)
пробовала эксперементировать со скоростью, но всё получается как-то "грубо" и резко (даже если использовать кадры). что я делаю не так???
и почему мерцает не сердце, а то что за ним??
Ответить С цитатой В цитатник
Fille_Datura   обратиться по имени Вторник, 27 Мая 2008 г. 08:32 (ссылка)
теперь у мну вапще ничо не мерцает(((
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Суббота, 14 Июня 2008 г. 16:33 (ссылка)
Fille_Datura, мерцает фон. а не объект, потому что ты когда делала выделение. наверное. забыла про инвертирование и все остальные опрации пошли не с сердечком, а с фоновой частью. Внимательно (!!!) проведи операцию с выделением и копированием сердечка на отдельный слой.
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Суббота, 14 Июня 2008 г. 16:34 (ссылка)
Septyma, очень затреднительно сказать, где ошибка, если ты не показываешь того, что хотя бы получилось.
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Суббота, 14 Июня 2008 г. 16:37 (ссылка)
Fille_Datura, а что касается резкости мерцания, то плавность достигается не скоростью, а количеством промежуточных кадров. В уроке про это написано.
Ответить С цитатой В цитатник
FioLeTovaYA_KeNNy   обратиться по имени Суббота, 23 Августа 2008 г. 14:32 (ссылка)
ооо, я думала это сложно делать, и очень трудна, а оказалось всё так просто. вот моя работа , стану ПЧ =)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Суббота, 23 Августа 2008 г. 17:53 (ссылка)
Dj_Avril, вышло чудно. :)
Ответить С цитатой В цитатник
FioLeTovaYA_KeNNy   обратиться по имени Суббота, 23 Августа 2008 г. 21:08 (ссылка)
спасибки
Ответить С цитатой В цитатник
ВЕТЕР__ПЕРЕМЕН   обратиться по имени Среда, 28 Января 2009 г. 21:27 (ссылка)
Спасибо большое, за подробные уроки.
Ответить С цитатой В цитатник
КаПрИзНаЯ_ДеФчЁнКа   обратиться по имени Пятница, 27 Марта 2009 г. 14:21 (ссылка)
А у меня не получилось...(((
 (322x500, 321Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Понедельник, 30 Марта 2009 г. 14:47 (ссылка)
КаПрИзНаЯ_ДеФчЁнКа, к сожалению неправильно был проделан самый первый шаг - выделение объекта и перенесение его на новый слой, видимо, невнимательно выполнялись инструкции.
Ответить С цитатой В цитатник
Натуся3004   обратиться по имени Суббота, 30 Мая 2009 г. 16:35 (ссылка)
Вот мои три варианта:
 (300x450, 116Kb)
IMG_0360 (300x450, 87Kb)
вп (300x450, 99Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 14 Июня 2009 г. 13:13 (ссылка)
Натуся3004, здорово! :)
Ответить С цитатой В цитатник
Улыбка_Ольга_Н   обратиться по имени Вторник, 10 Ноября 2009 г. 09:13 (ссылка)
Спасибо
Ответить С цитатой В цитатник
DiZa-74   обратиться по имени Вторник, 10 Ноября 2009 г. 11:38 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Вторник, 10 Ноября 2009 г. 13:25 (ссылка)
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

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

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

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

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