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

 

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

Поиск сообщений в All-for-photoshop

 -Статистика

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


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

Понедельник, 25 Мая 2009 г. 13:10 + в цитатник
Sheree все записи автора
Цитата сообщения Жагуара

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

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

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

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

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

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

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

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

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


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

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


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

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


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

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

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


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


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


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

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

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

Рубрики:  Анимация
Photoshop Уроки
Метки:  
Понравилось: 2 пользователям

Kapitoshka_N   обратиться по имени Понедельник, 25 Мая 2009 г. 23:21 (ссылка)
Спасибо:) Отличный урок!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 25 Мая 2009 г. 23:32ссылка
Пожалуйста )))
Ратинара   обратиться по имени Среда, 29 Июля 2009 г. 18:50 (ссылка)
Большое спасибо за урок
 (260x448, 42Kb)
Ответить С цитатой В цитатник
Lubov_11   обратиться по имени Понедельник, 14 Декабря 2009 г. 15:35 (ссылка)
Благодарю за полезный урок!!!

С наступающим! УДАЧИ,ЛЮБВИ,РАДОСТИ
Ответить С цитатой В цитатник
ГАЛИНА_АЛАШНИКОВА   обратиться по имени Вторник, 30 Марта 2010 г. 16:22 (ссылка)
Ответить С цитатой В цитатник
осинник   обратиться по имени Среда, 10 Ноября 2010 г. 19:50 (ссылка)
Спасибо за урок! Все сделала , но анимация не "работает" только, если в презентацию вставляю, тогда все нормально. Подскажите, почему?
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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