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


Делаем блестяшки. 28-12-2009 11:29 к комментариям - к полной версии - понравилось!


Грузила предыдущий пост и подумалось, а вдруг не все умеют. Вот возник почти урок для новичков. Старалась подробно.
Простейший способ - перекрыть форму (кисть, часть картинки) каким-то готовым анимированным глиттером.
Возьмем, допустим этот глиттер:
глиттеры

Откроем его в photoshop. Как видим, у нас три слоя, и три кадра анимации. По умолчанию - включен первый кадр и мы стоим на первом слое:
[350x277]


Определяем этот слой, как паттерн (делаем его паттерном). Так (редактирование > определить, как паттерн - ил типа того. У меня фотошоп так переводил. У всех по-разному, так что смотрим по скрину - 1 ):
[261x399]

В открывшемся окне можем назвать наш паттерн как-нибудь и жмем "ОК" (скрин 2 ):
[400x93]

Встаем на второй кадр (в панели анимации, по красной стрелке):
[260x283]
Как видите, у нас сразу включился глазок видимости на втором слое в панели слоев. Т.е. мы видим уже его. (синяя стрелка).

Определяем второй слой, как паттерн. (хотим мы или нет, но именно второй слой теперь станет паттерном, ибо он видимый. Так что наша задача была просто встать на второй кадр, а остальное фотошоп сам додумывает. )))
Упс, отвлеклась(( Итак - определяем второй слой, как паттерн, т.е. идем в "редактирование > создать паттерн" (edit > define pattern) скрин выше - 1 ). Жмем "ОК" - скрин 2.
Готово.

Встаем на третий кадр в панели анимации, включается глазок на третьем слое:
[261x264]

И мы определяем третий слой, как паттерн (аналогично второму, повторять, думаю, не надо :-)
Все, наш глиттер-анимашку можно закрыть.

Теперь берем картинку (форму, кисть, векторный файл). Я беру один из выгруженных файлов в Ai. Заодно и поучимся их открывать.
Открывать можно любым привычным для нас способом. Я просто затаскиваю файл из папки в окно фотошопа мышкой.
Появляется такое окошко. В нем оставим по умолчанию, но проверьте. :-) Изменим только ширину изображения:
[500x344]

Смотрим, чтобы стояла галочка на "сохранять пропорции", единицы измерения - пикселы (если у Вас другие, нажимаете на галочку по темно-синей стрелке и выбираете пикселы):
[310x136]

Жмем "ОК". Файл у нас открылся:
[299x80]

Переходим в панель слоев и дублируем слой 2 раза. Так:
[307x195]

Всего должно получиться 3 слоя:
[210x129]

Отключаем видимость всех слоев , кроме нижнего (кликом по глазку, тут:
[215x31])

И встаем на видимый нижний слой:
[228x204]

В палитре анимации (она у нас открыта же? мы же в ней делали паттерны. Или, точно не помню, но у кого версия фотошопа ниже cs2 надо, вероятно все делать сразу в имадж реди) выбираем сразу длительность кадра. Клик по треугольничку:
уроки photoshop

В выпавшем окошке выбираем 0,2:
уроки photoshop

Проверяем, чтоб стояла галочка на всегда (forever) :
уроки photoshop

Возвращаемся в панель слоев. Двойной клик по первому слою:
[224x209]

В открывшейся панели стилей слоя выбираем "Перекрытие паттерном" (красная стрелка) и нажимаем на треугольничек (синяя стрелка), чтобы выбрать наш паттерн:
[400x299]

В открывшемся окне мы видим, что наши три паттерна - внизу списка. Выбираем первый из них:
[252x216]

Как видим, наша картинка сразу перекрывается паттерном. Жмем "ОК" :
[500x224]

С первым кадром мы закончили. Переходим ко второму. В панели анимации щелкаем сюда:
[295x128]

У нас создается второй кадр. Кликом по красной стрелке включаем видимость второго слоя (стоим на втором кадре, как видите):
[350x171]

Встаем на второй слой и кликом по глазку отключаем видимость первого слоя:
[350x185]

Перекрываем вторым паттерном наш второй слой (все делаем аналогично первому, только выбираем второй из трех паттернов, этот:
[300x169]
жмем Жмем "ОК"

Со вторым кадром мы тоже закончили. Теперь последний, третий. Опять создаем новый кадр:
[233x124]

Вновь идем в панель слоев, включаем видимость у третьего слоя и встаем на него (как видим - стоим мы на третьем кадре в панели анимации :-) ):
[349x191]

Аналогично первым двум, перекрываем наш третий слой паттерном, но только уже третьим, последним:
[309x175]

Усе. :-))) Кликом по пуску запускаем анимацию:
[450x217]

Сохраняем как gif.
Как сохранять анимацию в CS 3.
В других версиях "Сохранить оптимизированный, как.."

Вышло:
[450x86]
вверх^ к полной версии понравилось! в evernote
Комментарии (92): вперёд» последняя»
Спасибо большое)Пригодится)
С наступающим Вас Инночка)

[показать]
овно4ка 28-12-2009-17:20 удалить
Спасибо за урок!! Взяла!!
[600x450]
Спасибо, огромное за урок, все делаю никак у меня не получается, сейчас буду осваивать.
[595x450]
Дарина423 28-12-2009-19:41 удалить
Спасибо за урок, милая!!1 Я делала разделители из виньеток...надо и так попробовать!!!
Kapitoshka_N 28-12-2009-21:34 удалить
Inmira, хороший урок для новичков :) Я тоже как бы новичок в фш, но как раз с анимированными глиттерами я недавно научилась работать по Олиному уроку :)
Нескучного вечера, Иннуль!!!Выздоравливай!!!!
grandmother 28-12-2009-21:43 удалить
Спасибо за урок, таким способом делала рамочку и надпись, хотя с надписью получилось не очень, спешила, все боялось, что не получится. Вот только глиттеров у меня почти нет
[400x300]
A-lekssa 28-12-2009-22:48 удалить
Спасибо большое, Инна! Как твое здоровье! С Наступающим Новым Годом!


[показать]

www.krassota.com
LebWohl 29-12-2009-04:03 удалить
Иннуль снимаю шляпу...при твоей нелюбви к урокам и времени предновогоднем!Умничка что сказать
[400x340]
Grif-studio 29-12-2009-04:52 удалить
Спасибо! Забрал. С Наступающим!
Masinka 29-12-2009-05:03 удалить
Замечательный урок! Спасибо!
[330x497]
love_amor 29-12-2009-05:26 удалить
Урок превосходный! Спасибо тебе огромннейшее. Но надо, конечно, пробовать. Если чего не получится - буду спрашивать, ОК?
С наступающим тебя!

Пусть Новый год, что на пороге,
Войдет в Ваш дом, как добрый друг!
Пусть позабудут к Вам дорогу
Печаль, невзгоды и недуг!
Пусть придут в году грядущем
И удача, и успех!
Пусть он будет самым лучшим,
Самым радостным для всех.
[480x]
Спасибо, очень подробный и понятный урок
Neona01 29-12-2009-07:14 удалить
Спасибо за урок! Я только учусь, но заберу на будущее!
[385x200]
Спасибо за пост и с наступающим 2010 годом!!!
[350x350]
SOV-INA 29-12-2009-09:01 удалить
Спасибо! Блестяшки ещё не пробовала, но скоро начну.
С наступающим тебя!:good:
Inmira 29-12-2009-11:09 удалить
Ответ на комментарий Olenkaya # Olenkaya, всегда пожалуйста)) удачи)))
Inmira 29-12-2009-11:10 удалить
Ответ на комментарий ANETA # ANETA, удачи))) всегда пожалуйста))
Inmira 29-12-2009-11:11 удалить
Ответ на комментарий Фима-Собак # Фима-Собак, не надл бояться фотошопа))) надо идти туда и делать)) я воть , если Бог даст, начну с НГ фотошоп с нуля, - все разберу, поймешь, что всегда можно будет зайти в пост и подсмотреть)) так что - жду тебя в шопе)))
Inmira 29-12-2009-11:12 удалить
Ответ на комментарий Небом_хранимая # Dawn_of_new_hope, спасибо)) С Наступающим!))))
очень рада, что пригодится)))
Inmira 29-12-2009-11:12 удалить
Ответ на комментарий Nataly_Nataliya # Nataly_Nataliya, спасибо, солнышко))
ylyandra 29-12-2009-11:12 удалить
Супер,ты умничка!!!Это то,что мне нужно было!!Можно сказать я ночами не спала-гадала где можно это узнать....
 (120x180, 36Kb)


Комментарии (92): вперёд» последняя» вверх^

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

Дневник Делаем блестяшки. | Inmira - Дневник Inmira | Лента друзей Inmira / Полная версия Добавить в друзья Страницы: раньше»