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

Поиск сообщений в Жагуара

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

 

 -Статистика

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


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

Понедельник, 25 Мая 2009 г. 12:58 + в цитатник

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

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

Нам понадобятся 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

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

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


Рубрики:  Фотошоп
Метки:  

Процитировано 354 раз
Понравилось: 9 пользователям

парус_надежды   обратиться по имени Понедельник, 25 Мая 2009 г. 13:31 (ссылка)
 (400x200, 46Kb)

я пробовала -что- то не получилось!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 25 Мая 2009 г. 13:39ссылка
А что именно не получается?
Firisa   обратиться по имени Понедельник, 25 Мая 2009 г. 13:44 (ссылка)
Спасибо за урок! Буду учиться .... :-))
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 25 Мая 2009 г. 13:51ссылка
Пожалуйста ) Результаты выкладывайте сюда в комменты )
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 25 Мая 2009 г. 15:36ссылка
А мне не попасть по ссылочке ( Дневник закрытый (
Перейти к дневнику

Понедельник, 25 Мая 2009 г. 16:37ссылка
заходи))) я тебе открыла!
Милена_Русакова   обратиться по имени Понедельник, 25 Мая 2009 г. 17:24 (ссылка)
спасибо за урок!!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 25 Мая 2009 г. 23:06ссылка
Пожалуйста )))
besta-aks   обратиться по имени Понедельник, 25 Мая 2009 г. 19:35 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 25 Мая 2009 г. 23:05ссылка
Пожалуйста ))
светлана_огурцова   обратиться по имени Понедельник, 25 Мая 2009 г. 21:01 (ссылка)
Спасибо за уроки!!!! Надеюсь, когда-нибудь это все освоить.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 25 Мая 2009 г. 23:05ссылка
Пожалуйста ) Конечно освоишь )
svetamalkina   обратиться по имени Вторник, 26 Мая 2009 г. 00:54 (ссылка)
Исходное сообщение Жагуара
Фотошоп: Частичное анимирование картинки

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

Нам понадобятся 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
Удачи Вам и творческих успехов!! Свои творения можете выкладывать в комментах.

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

Очень интересно, а я всё думаю "Как это всё получается?"

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 26 Мая 2009 г. 11:28ссылка
Ловкость рук и никакого мошенничества ))
microfon   обратиться по имени Вторник, 26 Мая 2009 г. 05:14 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Александр_Березянский   обратиться по имени Вторник, 26 Мая 2009 г. 06:27 (ссылка)
Для человека,который дает уроки,троечка с натяжкой.Нечистая работа,какие-то стыки.Я когда давал урок по блестяшкам он уместился на пяти строчках.У Вас целая поэма.Вы уж простите ради бога.Есть же простой способ.Обведите участок,который Вам нужен"ЛАССО"Зайдите в "ФИЛЬТРЫ-ТЕКСТУРА-ЗЕРНО"Внизу увидите колонку с любыми зернами.На Ваш выбор.На ваших трех кадрах,больше не надо,сделайте блески.ВСЕ!И радуйтесь произведению.
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 26 Мая 2009 г. 11:30ссылка
Вы полагаете, что ваше сумбурное объяснение будет понятно новичкам? Не думаю... А тут все пошагово выполнено и все доступно объяснено )
Перейти к дневнику

Вторник, 07 Сентября 2010 г. 16:34ссылка
все правильно! нужно уметь пользоваться фотошопом в разных вариантах, в том числе и работе с глиттерами...
Перейти к дневнику

Вторник, 26 Мая 2009 г. 11:42ссылка
вы в своем дневнике делаете открытки для милых женщин
и тут же оцениваете этих же милых женщин на троечку с натяжкой -
как то вы не последовательны((((
по - поводу написания уроков - это личное дело автора!
вам нравится ваш стиль написания - мне он кажется никудышним((((
но это мое мнение - ваше от моего, я уверена, отличается!
но, придти в дневник, и высказаться как профессионал
(коим вы себя считаете)
невоспитанно и нетактично - просто не красиво!
просмотрела все ваши работы - мне кажется, вам рано давать оценку кому-либо! стоит поработать над собой! и своим ФШ!!!!!
Перейти к дневнику

Четверг, 18 Июня 2009 г. 10:20ссылка
Я новичок в фотошопе, то что вы написали для меня сложно. Мне более понятны уроки разложенные по полочкам. И большое спасибо тем, кому хватает терпения учить таких ,как я.
Симонова_Галина   обратиться по имени Вторник, 26 Мая 2009 г. 06:58 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
VikonSt   обратиться по имени Вторник, 26 Мая 2009 г. 07:02 (ссылка)
попробую, спасибо
Ответить С цитатой В цитатник
Перейти к дневнику
ludashik   обратиться по имени Вторник, 26 Мая 2009 г. 10:34 (ссылка)
Спасибо.Пригодится.
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 26 Мая 2009 г. 11:38ссылка
Всегда пожалуйста )
Elena_Khokhlova   обратиться по имени Вторник, 26 Мая 2009 г. 10:54 (ссылка)
Спасибо за урок! Буду учиться .... :-))
Ответить С цитатой В цитатник
Перейти к дневнику
Аноним   обратиться по имени Вторник, 26 Мая 2009 г. 11:15 (ссылка)
Да,не помешало бы освоить это дело- увлекательно!

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 26 Мая 2009 г. 11:40ссылка
Да, это реально затягивает ))
svekrucha   обратиться по имени Вторник, 26 Мая 2009 г. 11:20 (ссылка)
Очень интересно!
 (200x80, 66Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
валентина_ващенко   обратиться по имени Вторник, 26 Мая 2009 г. 12:38 (ссылка)
я ещё, до фотошопа не дошла. почему то страшусь. думаю что не пойму. читаю уроки и ни фига не понимаю
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 26 Мая 2009 г. 12:45ссылка
Не бойтесь ) Главное начать )
Амазонка1   обратиться по имени Вторник, 26 Мая 2009 г. 12:44 (ссылка)
спасибо я заберу себе !
Ответить С цитатой В цитатник
Перейти к дневнику
Синенд   обратиться по имени Вторник, 26 Мая 2009 г. 13:50 (ссылка)
спасибо) хороший урок.
взяла себе))
Ответить С цитатой В цитатник
Перейти к дневнику
Silent-Quiet   обратиться по имени Вторник, 26 Мая 2009 г. 13:54 (ссылка)
Спасибо за полезный для меня урок.
 (230x283, 44Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
Anela-Alena   обратиться по имени Вторник, 26 Мая 2009 г. 16:54 (ссылка)
Спасибо за уроу! Когда читала,вроде бы понятно,заберу себе!
Ответить С цитатой В цитатник
Перейти к дневнику
Pechora   обратиться по имени Вторник, 26 Мая 2009 г. 18:33 (ссылка)
smiley
Ответить С цитатой В цитатник
Перейти к дневнику
NICKBO   обратиться по имени Вторник, 26 Мая 2009 г. 22:54 (ссылка)
Спасибо Жагуара. хочу научиться. попробую на досуге
 (100x100, 24Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 26 Мая 2009 г. 23:10ссылка
Пожалуйста ) Выкладывайте свои работы, как сделаете )
Topbot30   обратиться по имени Среда, 27 Мая 2009 г. 00:29 (ссылка)
Вы попали в top30 на яндексе самых обсуждаемых тем в блогосфере. Поэтому копия вашего поста доступна в ленте по ссылке
Почитать текст со всеми комментариями можно тут
Это Ваш 1-й ТОПовый пост за последний год. Посмотреть статистику автора можно тут.
Ответить С цитатой В цитатник
Валькирии   обратиться по имени Среда, 27 Мая 2009 г. 12:31 (ссылка)
У меня не получается скачать блестянки .Помогите.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 27 Мая 2009 г. 12:34ссылка
Просто нажмите на картинку правой кнопкой и выберите "Сохранить объект как..." - так же и со второй картинкой )
борисюлька   обратиться по имени Четверг, 28 Мая 2009 г. 02:17 (ссылка)
Спасибо большушее за отличный урок!
Ответить С цитатой В цитатник
Перейти к дневнику
Ариана_Родникова   обратиться по имени Суббота, 30 Мая 2009 г. 06:39 (ссылка)
Спасибо за урок! Всегда восхищалась мастерством умельцев, кто создаёт такую красоту!!!!
Ответить С цитатой В цитатник
Перейти к дневнику
Светлана_Бой   обратиться по имени Суббота, 30 Мая 2009 г. 20:20 (ссылка)
Спасибо за урок. Встретила у Вас в комментах Леди Ольгу, чему очень рада. Я всегда пользуюсь ее уроками. Она - замечательный человек.
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 30 Мая 2009 г. 21:36ссылка
Да-да ) И очень хорошие уроки у нее )
gala705   обратиться по имени Понедельник, 01 Июня 2009 г. 01:33 (ссылка)
Спасибо, возьму себе!!! Буду пробовать!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 01 Июня 2009 г. 17:32ссылка
Пожалуйста ))
Перейти к дневнику

Пятница, 16 Июля 2010 г. 18:49ссылка
очень круто!!! но вот Photophop*а у меня всё равно-нет.
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

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

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

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

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