Магия Фотошопа

Объявление


Последние новости на форуме !!!
Задание в мини-школе - Чистка заднего фона!
Ищем нового модератора в ОДНОКЛАССНИКАХ!!!!!!
Будь в курсе наших новостей - Рассылка форума !!!


Пользовательского поиска

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Магия Фотошопа » Анимация » * Урок - анимация блестяшек


* Урок - анимация блестяшек

Сообщений 1 страница 30 из 63

1

Урок: Сверкание (блестяшки)

Выкладываю несколько способов, потому что они немного отличаются, большинство из них собрано на просторах Интернета.

1 способ (наиболее сверкающий, на мой взгляд)

1) Создаем два файла с блестяшками, которые у нас в дальнейшем и будут мерцать.
А вообще можно их взять отсюда

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

файл 1
http://i008.radikal.ru/0804/ce/c031ef814d3d.gif
файл 2
http://i019.radikal.ru/0804/96/c2647b71821c.gif

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

http://i004.radikal.ru/0804/fc/bf918cc49100.jpg

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

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

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

http://i017.radikal.ru/0804/97/241e254f2b5e.jpg

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

http://i027.radikal.ru/0804/75/3b18c0789235t.jpg

8) Осталось все это анимировать:
Переходим в Image Ready (Shift+Ctrl+M)
Если у вас не открыто окно анимации, то его можно найти в Window – Animation (Окна - Анимация)
Нажмите на треугольничек в этом окошечке и выберите – Make Frames from Layers (Сделать кадры из слоев)

http://i034.radikal.ru/0804/b9/77d41e9fed68.jpg

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

http://i005.radikal.ru/0804/d4/49697b92c322.gif

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

Другие способы чуть позже выложу))))

+8

2

2 способ (звездочки - снежинки)

1)Открываем наш файл с гномиками и будем им шапочки звездочками усыпать.
Создадим новый слой – Shift+Ctrl+N – Ok

Далее возьмите http://i020.radikal.ru/0804/dd/055aa04fbed7.png установите заданный размер 3x1 px. (Необходимо в Style поставить Fixes Size и задайте размеры на ваш взгляд). Приблизьте картинку, чтобы вам было удобнее.
Сделайте выделение и залейте белым цветом.
На этом же слое таким же образом, только размер будет теперь 1x3 px, создайте вертикальную палочку. Этот крестик будет маленькой звездочкой.

http://i003.radikal.ru/0804/6e/dd77659aa00d.jpg

2) Создайте новую группу, назовите "мал1" и поместите туда слой со звездочкой.

http://i033.radikal.ru/0804/ce/96d3d043576e.jpg

3) Теперь нужно эту звездочку дублировать и разместить на звездочке. Способ: выберите перемещение, зажмите Alt и переместите.

Все эти слои со звездочками находятся в одной папке.

http://i047.radikal.ru/0804/9b/a16303175906t.jpg

4) Для анимации мы будем создавать 3 кадра, поэтому сейчас нужно сделать 3 группы слоев, где звезды будут находиться в разных положениях.

Дублируйте папку со звездочками, назовите "мал2". Удалите из нее все слои, кроме одного. Этот слой продублируйте, причем звездочки размещайте на других местах.
Повторите действия для третьей папки.

5) Теперь у вас три папки с маленькими звездочками: "мал1", "мал2", "мал3", в каждой папке звездочки расположены по-разному.

На новом слое нарисуйте звездочку больше. Затем создайте снова группу назовите "средняя1", переместите новую звезду в эту группу. На время отключите видимость групп "мал2" и "мал3"

Далее дублируйте и размещайте, а потом создавайте еще две папки: "средняя2" и "средняя3"

Теперь у вас 6 папок: 3 с маленькими звездами, 3 со средними.

http://i001.radikal.ru/0804/0b/eb1c10ec61e8.jpg

6) Осталось еще создать большие звезды и будем анимировать.
Создайте на новом слое звезду еще больше, измените ей немного форму (трансформировать Ctrl+T) - добавьте диагональные линии. Переместите ее в группу под именем "бол1", потом также создайте группы "бол2", "бол3".

http://i028.radikal.ru/0804/41/0d7f1a6a5d08t.jpg

7) Анимация
Переходим в Image Ready (Shift+Ctrl+M)
Если у вас не открыто окно анимации, то его можно найти в Window – Animation (Окна - Анимация)

Пока у вас там высветится только один кадр.
Перейдите в палитру слоев и отключите глазики напротив папок: "мал2", "мал3", "средняя2", "средняя3", "бол2", "бол3", оставьте только у "мал1", "средняя1", "бол1"

Создайте новый кадр http://i035.radikal.ru/0804/0a/b077cb415043.png и в нем оставьте видимыми только "мал2", "средняя2", "бол2"

То же самое для 3-го кадра:  и в нем оставьте видимыми только "мал3", "средняя3", "бол3"

http://i021.radikal.ru/0804/32/90ae05aab147t.jpg

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

http://i023.radikal.ru/0804/7f/205b304984b8.gif

+3

3

3 способ (последний)

1)Начну сразу с рисование звезд, т.е. приблизили где хотим рисовать звезды.
Создайте новую группу слоев (нажмите иконку папки в панели слоев), назовите ее - звезда 1. Создайте новый слой в группе и используйте polygonal lasso tool, чтобы создать первую часть звезды, либо просто нарисуйте ее с помощью Brush Tool.

http://i029.radikal.ru/0804/f6/073736cb8138.jpg  http://i005.radikal.ru/0804/9d/6d39cdd3d038.jpg

2)Дублируйте слой и затем поверните на 90 градусов - edit - transform - rotate 90 CW (Редактировать – Трансформировать – Повернуть на 90 градусов). Затем создайте линию на новом слое, шириной в 1 пиксель, используя rectangular marquee tool.

http://i023.radikal.ru/0804/e5/6a92a1944a14.jpg  http://i024.radikal.ru/0804/e5/d47644fc9b80.jpg

3) Поверните ее на 45 градусов, расположите, как на рисунке и затем дублируйте слой

http://i025.radikal.ru/0804/48/f7731b8fa57d.jpg  http://i015.radikal.ru/0804/cd/714332c1b8f9.jpg

3)Склейте слои звезды вместе (Ctrl+E) и выделите ее (можно использовать волшебную палочку Magic Wand Tool). Увеличьте выделение – Select - Modify - Expand  параметр1 и Select - Feather параметр 3, и затем заполните слой под звездой (блеск) белым цветом.

http://i031.radikal.ru/0804/c1/6b2c62f8db6b.jpg

4) Склейте слой звезды с блеском, назовите его "large", затем дублируйте (Ctrl+J) и сделайте large пока невидимым (уберите глазик). А дублированный слой назовите "medium" и уменьшите его до 70 %, используя Edit- Tranform (Редактировать - Трансформировать), можно нажать Ctrl+T и параметры W и H установить 70.

http://i038.radikal.ru/0804/59/1aff49db8199.jpg  http://i026.radikal.ru/0804/b3/862001c1c294.jpg

5) Сделайте "medium" невидимый и затем дублируйте "large" снова. Назовите этот новый слой "small" и затем уменьшите его до 30 %. Теперь вы имеете 3 слоя различного размера в группе слоев, названном "звезда 1".

http://i031.radikal.ru/0804/f3/24ffc469f1bb.jpg

6) Дублируйте набор слоя и назовите новую группу слоев "звезда 2" и передвиньте его в другое место, равномерно по шапочке.

http://i003.radikal.ru/0804/a4/d169875998fb.jpg

7) Перейдите в Image Ready. У меня получилось 4 звезды, у вас может быть другое количество, далее необходимо соблюдать порядок чередования – маленьких, средних, больших, чтобы сверкали они красиво.
В моем случае делаю так: для первого кадра сделайте "large" из "звезда 1" видимым, а "small" и "medium" невидимыми. Для "звезда 2" сделайте только "medium" видимым. Для "звезда 3" и "звезда 4" только small.

http://i049.radikal.ru/0804/8c/9990fc543272.jpg

8) Для второго кадра сделайте невидимым все слои для "звезда 1" и видимым слой  "large" для "звезда 2", для "звезда 3" и "звезда 4" только medium.

http://i040.radikal.ru/0804/66/0b0ef265108a.jpg

9) Для следующего кадра сделайте только "small" видимым для "звезда 1" и никаких видимых слоев для "звезда 2", для "звезда 3" и "звезда 4" только "large".

http://i042.radikal.ru/0804/87/3cb2ae2625ff.jpg

10) На последнем кадре - "medium" для "звезда 1", "small" для "звезда 2", никаких видимых слоев для "звезда 3" и "звезда 4".

http://i005.radikal.ru/0804/a5/a467d58470ed.jpg

Циклы сверкания вы можете фантазировать как захотите!!!!

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

http://i048.radikal.ru/0804/e1/6b9dba23d507.gif

+6

4

Простите,картинки получились очень большими,но зато все понятно вроде как)))))

+2

5

А мне 2 способ понравился, более естественно и в глазах не рябит

0

6

Спасибо, давно хотела научиться так делать

0

7

Zvezda написал(а):

Спасибо, давно хотела научиться так делать

Показывай результаты))))))))

+1

8

Ура теперь я закончу свою аватарку пошла тренироватся блестяшки делать :)

+1

9

http://i031.radikal.ru/0901/25/805b933d913dt.jpg
Спасибо за урок! Вот что у меня получилось. Только почемуто мигает всё, а я выделяла розочку без листьев :huh:

Отредактировано Наталья Киев (2009-01-16 10:25:04)

0

10

Наталья Киев написал(а):

Только почемуто мигает всё, а я выделяла розочку без листьев

Вы наверное после того как шум добавили сняли выделение - и кажется на шаге 4 его не вернули - ну ничего и так красиво получилось - вот только очертания розочки пропали )))

0

11

Всё поняла, спасибо :crazyfun:

0

12

http://i022.radikal.ru/0901/32/6ddb00503694.gif
Вот переделала. Как получилось?

0

13

Наталья Киев написал(а):

Вот переделала. Как получилось?

Отличный тигра !!!!! здорово - забираю себе в колекцию ;)

0

14

KrasotkaDJo написал(а):

Отличный тигра !!!!! здорово - забираю себе в колекцию

Ура! Я рада, что он тебе понравился

0

15

СПАСИБО ЗА УРОКИ. У МЕНЯ ТОЖЕ ПОЛУЧИЛОСЬ. ВОТ ТОЛЬКО ВЫЛОЖИТЬ  СВОЮ КРАСОТУ НЕ МОГУ. ПОДСКАЖИТЕ ПОЖАЛУЙСТА КАК?  :|

0

16

фиалка-настя написал(а):

ВОТ ТОЛЬКО ВЫЛОЖИТЬ  СВОЮ КРАСОТУ НЕ МОГУ. ПОДСКАЖИТЕ ПОЖАЛУЙСТА КАК?

Тут написано, как выложить свою красоту :blush:

0

17

классный урок, спасчибо

0

18

красиво у вас талант...   :love:  :cool:

0

19

:cool:  :cool:

0

20

у меня в фотошопе CS3 нет Image Ready. Есть только window > animation. Подскажите как там сделать блестяшки. Анимированная картинка в результате тыкания по клавишам у меня получилась, а с блестяшками нет. И еще в результате анимирования у меня получаются резкие переходы из одной картинки в другую, а я знаю, что можно делать плавные переходы, как будто одна картинка постепенно перетекает (исчезает, становится прозрачной) в другую (она наоборот из прозрачной становится яркой).

0

21

Урок супер! Будем пытаться!

+1

22

China OBrian написал(а):

у меня в фотошопе CS3 нет Image Ready. Есть только window > animation.

Это тоже самое - просто раньше было image ready - сейчас сделали прямо в фотошопе.Таак что делайте все точно так же .
А остальной вопрос - я не очень поняла - на каком этапе и что именно у вас не получается???

China OBrian написал(а):

И еще в результате анимирования у меня получаются резкие переходы из одной картинки в другую,

Ведь это блестяшки - если будут плавно - оно не будет блестеть !!!
А плавные переходы - это уже другого плана анимация,можете посмотреть другие уроки,либо дождаться по этой теме урока в мини-школе )))

0

23

Спасибочки, сейчас попробую.
Просто вчера весь вечер разбиралась как без имидж риди обойтись, вот и занервничала.

0

24

Все получилось, вчера зря поторопилась. Надо было до конца дочитать, прежде чем расстраиваться

0

25

China OBrian написал(а):

Все получилось, вчера зря поторопилась. Надо было до конца дочитать, прежде чем расстраиваться

Ничего страшного - главное результат достигнут ))) Ждем показа ));)

0

26

Спасибо за урок!

+1

27

Asaleya написал(а):

Спасибо за урок!

И вам спасибо за красивые работы !!!

0

28

Спасибо за урок! Вот что у меня получилось

http://s44.radikal.ru/i106/0905/11/e1b0f7c6508d.gif

0

29

lano4ka1 написал(а):

Спасибо за урок! Вот что у меня получилось

Эх,почему день святого Вланетина уже прошел )))
замечательное сердце !!!!

0

30

А что мне делать!!!! у МЕНЯ ВСЕ ВыШЛО, ХОЧУ СОХРАНИТь, но в фотошепе нет "File – Save Optimized As (Файл – сохранить оптимизированный как)" ??????????????? o.O  Почему???? :O межет другое надо нажать, подскажите.... %-)

0


Вы здесь » Магия Фотошопа » Анимация » * Урок - анимация блестяшек