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


Фотошоп: Частичное анимирование картинки 25-05-2009 13:10 к комментариям - к полной версии - понравилось!

Это цитата сообщения Жагуара Оригинальное сообщение

Фотошоп: Частичное анимирование картинки

Очень часто в интернете можно встретить блестящие картинки, на которых мерцает только одна или несколько частей. Сейчас я вас научу создавать такие картинки.

Нам понадобятся 2 файла с блестяшками и картинка, которую мы будем анимировать:

[260x448]     (блестяшки можно скачать здесь)

Урок показан на примере Photoshop CS2

1. Открываем в фотошопе обе блестяшки и ту картинку, где собираемся создавать эффект (Если вы взяли картинки с блестяшками отсюда, то необходимо, когда вы их открыли перевести в RGB (Image – Mode – RGB Color).

2. Будем делать Красной шапочке сверкающую шапочку, платье и туфельки.  Сначала нам надо все то, что мы будем блестящим выделить. Есть несколько способов:
- С помощью инструмента лассо (Lasso Tool)
- С помощью "волшебной палочки"
- С помощью быстрой маски (Edit in Quick Mask Mode): Нажмите на клавише кнопку Q и вы перейдете в режим быстрой маски, после этого возьмите кисть (Brush Tool) (можно нажать B) и просто рисуйте по шапочке, платью и туфлям, чтобы их выделить, они должны выделяться розовым цветом. После того, как выделили в режиме быстрой маски опять нажмите Q – так вы выйдете из режима, теперь инвертируйте выделение – Ctrl+Shift+I.

В итоге мы должны получить выделенные шапочку, платье, туфли.

Я пользовалась "волшебной палочкой" и вот, что у меня получилось:

[256x450]

3. Создадим шум:

Фильтр – Шум - Добавить шум (Filter – Noise - Add Noise) – параметр в моем случае установила на 50, но вы смотрите сами по картинке.

[262x452]

4) Далее необходимо сохранить наше выделение, для этого в меню Выделение – Сохранить выделение (Select – Save Selection)  введите любое имя, например выделение 1, нажмите Ок.

5) Далее снимите выделение – Ctrl+D и продублируйте слой – Ctrl+J, либо Слой - Дублировать слой (Layer--Dublicate Layer).
Далее необходимо вернуть наше выделение: Выделение – Загрузить выделение (Select – Load Selection) во втором поле Channel выбираем наше выделение 1 и нажимаем Ок.

6) Теперь переходим на файл с блестяшками.

Выбираем один из этих файлов и жмем выделить все – Ctrl+A
Потом Редактирование - Определить образец (Edit – Define Pattern), даем ему имя и нажимаем Ок.
Тоже самое проделываем со вторым файлом.

7) Возвращаемся к своему изображению, т.е. к нашей красной шапочке. Выбираем один из слоев, а другой делаем невидимым (убираем рядом с ним на палитре слоев глазик).
Заливаем слой: Редактирование - Залить (Edit—Fill) – Shift+F5 , только выбираем не цвет а один из образцов в диалоге заливки (Use надо выбрать Pattern (Использовать - образец)), и ниже Custom Pattern выбираем наш образец).
Аналогично делаем с другим слоем, только выбираем второй образец блестяшек для заливки.
Снимите выделение –
Ctrl+D

Должно получиться что-то вроде этого:

[256x444]

(На скрине виден только один слой с блестяшками, второй скрыт)

8) Осталось все это анимировать. Переходим в Image Ready (Shift+Ctrl+M)

Если у вас не открыто окно анимации, то его можно найти в Window – Animation (Окна - Анимация)
Нажмите на треугольничек в этом окошечке и выберите – Make Frames from Layers (Сделать кадры из слоев).

[464x134]

Должно получиться вот так:

[464x148]

Теперь в каждом кадре поставьте хотя бы по 0,1 секунде и нажмите play.
Вот что получилось у меня:

[405x699]

Чтобы сохранить ваше произведение искусства – File – Save Optimized As (Файл – сохранить оптимизированный как), сохраняете его с расширением .gif

Удачи Вам и творческих успехов!! Свои творения можете выкладывать в комментах.

Этот урок выполнен на основе этого урока ))

вверх^ к полной версии понравилось! в evernote
Комментарии (6):
Kapitoshka_N 25-05-2009-23:21 удалить
Спасибо:) Отличный урок!!!
Sheree 25-05-2009-23:32 удалить
Ответ на комментарий Kapitoshka_N # Пожалуйста )))
Ратинара 29-07-2009-18:50 удалить
Большое спасибо за урок [260x448]
Lubov_11 14-12-2009-15:35 удалить
Благодарю за полезный урок!!! С наступающим! УДАЧИ,ЛЮБВИ,РАДОСТИ
осинник 10-11-2010-19:50 удалить
Спасибо за урок! Все сделала , но анимация не "работает" только, если в презентацию вставляю, тогда все нормально. Подскажите, почему?


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

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

Дневник Фотошоп: Частичное анимирование картинки | All-for-photoshop - Дневник All-for-photoshop | Лента друзей All-for-photoshop / Полная версия Добавить в друзья Страницы: раньше»