Fotodryg.ru - Уроки Фотошоп. Анимированная блестящая картинка


Уроки Фотошоп



Полезное на сайте


Смотреть видеоурок



От этого блюда нельзя оторваться




На главную
Фотошоп уроки

Один из способов заблестить картинку в программе Фотошоп.

[102] [103] [104]

Вам потребуется Photoshop CS3.

1. Открываем изображение которое нужно "заблестить" и сами "блестяшки" которые Вы можете скачать отсюда или создать подобные на прозрачном фоне самостоятельно.







2. Делаем активным документ с "блестяшками" под номером 1 и применяем команду Редактирование- Определить узор, называем этот узор - 1.

3. Тоже самое делаем с "блестяшками" под номером 2 и 3, назвав эти узоры соответственно номеру. Теперь картинки с "блестяшками" можно закрыть, они нам больше не понадобяться.

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



5. Теперь кликаем правой кнопкой мыши внутри выделения и в появившемся меню выбираем пункт "Скопировать на новый слой".

6. Двойным левым кликом по строке полученного слоя вызываем окно "Стили слоя", выбираем стиль Перекрытие узора и в списке узоров выбираем узор с нашими "блестяшками" номер 1. На вкладке Перекрытие узора меняем Режим наложения на Перекрытие (хотя это и не обязательно) и меняем масштаб на больший или меньший в зависимости от размера Вашей картинки.

7. Откройте панель анимации в Photoshop CS3 (Окно-Анимация).

8. Скопируйте первый кадр, нажав на кнопку "Создание копии выделенных кадров". Перейдите на палитру Слои и двойным левым кликом по строке слоя к которому мы применяли стили вызываем окно "Стили слоя", заходим на вкладку Перекрытие узора и меняем узор 1 на узор 2 (в итоге у нас на первом кадре анимации картинка залита узором 1, а на втором кадре - узором 2).



9. Снова скопируйте кадр анимации, а в стилях слоя смените узор 2 на узор 3.

10. Еще раз копируем кадр анимации и в стилях слоя меняем узор 3 на узор 2. В итоге у Вас должно получиться 4 кадра анимации. Устанавливаем время задержки кадра 0,1 сек. всем кадрам.



Для того, чтобы сохранить анимацию в Photoshop CS 3 заходим в меню Файл-Сохранить для ВЭБ и сохраняем изображение в нужную Вам папку, как рисунок и HTML-код в формате GIF.

[102] [103] [104]






Комментарии



Оставляйте пожалуйста Ваши комментарии и советы по уроку. Поля "Текст комментария" и "Имя" обязательны для заполнения

Текст комментария:


Ваше имя:


Оцените урок 1 2 3 4 5

введите цифры с картинки








зайчик
17:03:2011
девченки все это фигня короче!!!!!!!!!!!!!






лола
17:03:2011
у меня ничего не получается!!!!!!!!!!!!!!






АртёМ
05:01:2011
Классно, быстро, просто )))!!!






Ольга
29:04:2010
Не качаются блестяшки... Заготовка... Как их создать? 4 версия ...



Если напишите адрес электронной почты, то я могу скинуть Вам заготовку туда, (если не хотите чтобы другие увидели адрес ящика, то пишите в гостевой сообщение, ящик пишите в нужной графе, тогда я смогу его посмотреть, а остальные нет).
Панти
29:04:2010


Чтобы создать блестяшки самостоятельно, создайте новый документ размером 30Х30 пикселей с прозрачным фоном, а далее подходящими кистями (на Ваш выбор - это могут быть точки, крестики, звездочки или все в перемешку)ставим несколько точек, много не нужно. Создаем новый слой и ставим точки там где их не было на первом слое. Снова создаем новый слой и ставим точки там где их нет на первом и втором слое. Отключаем видимость второго и третьего слоя и сохраняем первый слой как узор Редактирование- Определить узор. Аналогично поступаем со вторым и третьим слоем.
Панти
29:04:2010







Ольга
29:04:2010
Все предельно ясно,супер... А как быть с 4 версией(рус.)... :-D



У меня третья версия, поэтому не знаю какие там отличия. ,(
Панти
29:04:2010