-¬сегда под рукой

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

 

 -–убрики

 -÷итатник

Ѕабус€ - (6)

  Ѕабушка в семье — это великое благословение, но люди этого не понимают. ќбы...

Ћюбимые песни и исполнители>Garou - Je n'attendais que vous - (0)

  ...

Ћюбимые песни и исполнители>Garou I Put a Spell On You - (1)

  ...

ќповещение от родных ¬алечки „ерн€вской - (18)

ќповещение — прискорбием сообщаем , что ¬алентина ƒмитриевна „ерн€вска€ умерла 23.10.2019. ѕр...

прозрачные фоны - (5)

ћои прозрачные фоны ћожет пригод€тс€ кому-нибудь... &...

 -—ообщества

„итатель сообществ (¬сего в списке: 1) ћир_клипарта

 -—татистика

—татистика LiveInternet.ru: показано количество хитов и посетителей
—оздан: 20.01.2009
«аписей: 9713
 омментариев: 290254
Ќаписано: 322766


јнимаци€ с нул€.”рок первый.

¬оскресенье, 24 ќкт€бр€ 2010 г. 00:56 + в цитатник

 

—ейчас трудно представить себе интернет без разных анимационных картинок и всевозможных баннеров. Photoshop CS3 и Photoshop CS4 позвол€ют быстро создавать всевозможные анимации. ƒл€ этой цели служит палитра  
јЌ»ћј÷»я (Animation)
, котора€ открываетс€ при вызове одноименной команды из меню ќ Ќќ (Window).ѕопытаемс€ освоить эту хитрую штуку, так сказать с нул€, т.е. с самого начала. ”рок первый посв€тим узучению азов анимации и разберемс€ с терминами, которые используютс€ в Photoshop применительно к анимации.

   


јнимационна€ картинка представл€ет собой объект, состо€щий из нескольких
рисунков (кадров), мен€ющихс€ в определенном пор€дке с заданным темпом.


ѕалитра јнимаци€ (Animation) немного похожа на палитру —Ћќ» (Layers),
но вместо слоев здесь отображаютс€ кадры анимационного  изображени€.

Ќажав на кнопку в правом вехнем
углу палитры јнимаци€ можно увидеть меню палитры анимаци€.


 оманды меню палитры јнимаци€ позвол€ют выполн€ть следующие действи€ над
кадрами и сло€ми.

Ќовый кадр (New Frame) - —оздавать новый кадр в анимации.


”далить кадр (Delete Frame) - удал€ет активный, т.е. выделенный
кадр в анимации.


 опировать кадр (Copy Frame) - позвол€ет создавать копию выбранного
кадра.


¬ыбрать все кадры (Select All Frame) - выделить все кадры
анимации.

 

—оздать кадры на основе слоев (Make Frames From Layers) - если слои
были заранее подготовлены и расположены в нужном пор€дке, то можно легко
создать анимацию применив эту команду.


—делать кадры сло€ми (Flatten Frames Into Layers) - дл€ каждого
кадра создает еще один слой с именем Frame X (где X - номер кадра).


—оздавать новый слой дл€ каждого нового кадра (Create New Layer For
Each New Frame)
- если данна€ команда активизирована, то на палитре слоев
дл€ каждого нового кадра будет создаватьс€ отдельный слой.


Ќовые слои видны во всех кадрах (New Layers Visible In All Frames)
- если эта команда активизирована, то созданный в изображении новый слой
будет виден во всех кадрах анимации. ѕеред активизацией данной команды
необходимо выделить все кадры анимации.


–еверс кадров (Reverse Frames) - позвол€ет расположить кадры в
обратном пор€дке.


”правление анимацией


в нижней части палитры јнимаци€ (Animation) находитьс€ панель управлени€.
«десь расположены кнопки, с помощью которых можно проигрывать анимацию,
останавливать ее, переходить к следующему или предыдущему кадру, осуществл€ть
переход на первый и последний кадры. «десь же расположена кнопка ¬ставка
промежуточных кадров (Tween)
, а также кнопки создани€ и удалени€
кадра.

÷икличность анимации


—оздав определенный набор расположенных в нужном пор€дке кадров, необходимо
задать цикличность их проигрывани€. Photoshop позвол€ет создать три типа
анимации: в бесконечном цикле, проигрование анимации один раз и по счетчику
(анимаци€ будет проигрыватьс€ столько раз, сколько указано). ¬ыбрать тип
цикличности можно в раскрывающемс€ списке, расположенном в нижнем левом углу
политры јнимаци€

ќдин раз(Once) - анимаци€ проигрываетс€ один раз


Ѕесконечно (Forever) - устанавливаетс€ бесконечный цикл


ƒругой (Other) - открываетс€ диалоговое окно, в котором можно
установить, сколько раз должна быть проиграна анимаци€.

 

«адержка кадра


—оздава€ анимацию, можно устанавливать врем€, которое проходит между
сменой кадров. “акой промежуток времени называетс€ задержкой кадра. ¬озможно
установить нулевую задержку - Ѕез задержки (No delay) и тогда кадры
будут мен€тьс€ очень быстро, мгновенно. ћожно выбрать один из предложенных
вариантов задержки в диапазоне от 0,1 до 10 с., а также установить свой
вариант. «адержку можно устанавливать дл€ каждого кадра индивидуально, а
можно дл€ всех одинаковую. ѕри копировании кадра копируетс€ и установленна€
дл€ него задержка кадра. „тобы установить задержку кадра, нужно щелкнуть на
кнопке со стрелкой, расположенной в нижней части рамки миниатюры кадра на
палитре јнимаци€ и выбрать значение из раскрывшегос€ меню.  оманда
ƒруга€(Other) открывает диалоговое окно, в котором имеетс€ поле дл€
ввода значени€ задержки.


Ёто основные азы анимации в программе Photoshop. » теперь можно попытатьс€ сделать простенькую анимацию испоьзу€ теорию описанную выше.


ќткрываем ‘отошоп и создаем новый документ 640x480 пикс c с прозрачным фоном.
ќткроем картинку с осенним листиком на прозрачном фоне, выделим его и  перетащим его на наш прозрачный фон. — помощью свободного трансформировани€ уменьшим размеры  листика до нужного нам размера. ” нас получилс€ слой (Layer1) с листиком. —оздадим анимацию - падени€ осеннего листика. ƒл€ этого постепенно, один за другим,создадим несколько слоев (можно копировать первый слой, но на каждом изменить положение листика). ƒолжно это выгл€деть примерно так





я создала 8 слоев и в каждом расположила листик в другой позиции


“еперь из меню јнимации активизируем команду —оздать кадры из слоев и получим готовую анимацию. ќстаетс€ только проставить задержку кадров и цикличность анимации


сохран€ем полученный результат, выбрав в меню ‘айл-—охранить дл€ WEB. ‘ормат дл€ сохранени€-GIF. ќ сохранение анимации подробнее в следующем уроке



“еперь создадим более плавную анимацию использу€ большее количество слоев. —оответственно будет и больше кадров, так как они создаютс€ из имеющихс€ слоев. ћожно еще поэкспериментировать с временем задержки, например, увеличив  
ее в средних кадрах анимации. я на каждом кадре выставл€ла разную задержку, но можно выставить и одинаковую предварительно выделив все кадры. ѕолучилось 13 слоев и вот така€ анимаци€:


ƒл€ начала, € думаю, будет достаточно. ƒавно хотела сделать серию уроков Photoshop по изучению анимации дл€ всех кто хочет в этом разобратьс€ с нул€.
Ќачало положено. “ак, что продолжение следует...

Arnusha
–убрики:  ”роки дл€ работы в ‘Ў
ћетки:  


ѕроцитировано 128 раз
ѕонравилось: 30 пользовател€м



хаверочка   обратитьс€ по имени ¬оскресенье, 24 ќкт€бр€ 2010 г. 01:06 (ссылка)
большое спасибо.очень надо учитьс€
www.gifzona.com јнимационные картинки
ќтветить — цитатой ¬ цитатник
nataliya_bezushko   обратитьс€ по имени ѕонедельник, 25 ќкт€бр€ 2010 г. 02:57 (ссылка)
—пасибо за урок!)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

ѕонедельник, 25 ќкт€бр€ 2010 г. 02:57ссылка
Ќе за что!!!
ћир_в_ƒуше   обратитьс€ по имени ѕонедельник, 22 Ќо€бр€ 2010 г. 00:31 (ссылка)
Ѕлагодарю!!!:give_rose
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
тать€на_татуревич   обратитьс€ по имени ѕонедельник, 22 Ќо€бр€ 2010 г. 00:36 (ссылка)
спасибо,пригодитс€ многим
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
Valysha-66   обратитьс€ по имени ѕонедельник, 22 Ќо€бр€ 2010 г. 00:44 (ссылка)
—пасибо большое!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
Ќј“јЋ»я_ ќЌќ¬јЋ≈Ќ ќ   обратитьс€ по имени ѕонедельник, 22 Ќо€бр€ 2010 г. 12:53 (ссылка)
—ѕј—»Ѕќ.
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

¬торник, 23 Ќо€бр€ 2010 г. 04:09ссылка
ѕожалуйста!!!
овно4ка   обратитьс€ по имени „етверг, 23 ƒекабр€ 2010 г. 22:19 (ссылка)
спасибо за урок!! вз€ла в копилочку!! у мен€ как раз —S3!
 (96x150, 18Kb)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
Alla_klass   обратитьс€ по имени „етверг, 23 ƒекабр€ 2010 г. 23:23 (ссылка)
 (306x400, 150Kb)


ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
lubovgesse   обратитьс€ по имени ѕонедельник, 03 январ€ 2011 г. 19:50 (ссылка)
ќгромное спасибо за подробный урок!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
Nikash   обратитьс€ по имени ¬торник, 01 ћарта 2011 г. 02:23 (ссылка)
 (350x375, 67Kb)
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
¬ыше_–адуги_   обратитьс€ по имени ¬торник, 12 јпрел€ 2011 г. 00:39 (ссылка)
—пасибо за урок !
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику
Marjory   обратитьс€ по имени —реда, 27 јпрел€ 2011 г. 10:36 (ссылка)
—пасибо большое, € вообще то первоклашка в фотошопе, но уроки написаны вполне пон€тно и доходчиво, так что пошла пробовать!
&_65533 (269x216, 23Kb)
ќтветить — цитатой ¬ цитатник
galeo   обратитьс€ по имени ¬оскресенье, 01 јпрел€ 2012 г. 11:15 (ссылка)
—пасибо,будем учитьс€!
ќтветить — цитатой ¬ цитатник
никола_46   обратитьс€ по имени ѕонедельник, 02 јпрел€ 2012 г. 14:44 (ссылка)
—пасибо большое,а на 5 можно? ’от€ понимаю,что просто чайник!
ќтветить — цитатой ¬ цитатник
зинаида_пономарева   обратитьс€ по имени ѕонедельник, 16 јпрел€ 2012 г. 18:35 (ссылка)
—пасибо,будем учитьс€!
ќтветить — цитатой ¬ цитатник
√алинка_2045   обратитьс€ по имени ѕонедельник, 14 январ€ 2013 г. 19:27 (ссылка)
—пасибо за урок!
ќтветить — цитатой ¬ цитатник
vdomarvik   обратитьс€ по имени ѕонедельник, 29 јпрел€ 2013 г. 09:44 (ссылка)
¬се подробно и €сно!—пасибо большое,за урок!!!
ќтветить — цитатой ¬ цитатник
јноним   обратитьс€ по имени —реда, 25 —ент€бр€ 2013 г. 08:33 (ссылка)
спасибо.установила программу и ничего не получаетс€ нул€.буду учитьс€ с
ќтветить — цитатой ¬ цитатник    |    Ќе показывать комментарий
јноним   обратитьс€ по имени —реда, 25 —ент€бр€ 2013 г. 08:36 (ссылка)
спасибо за урок.надо учитьс€
ќтветить — цитатой ¬ цитатник    |    Ќе показывать комментарий
√алина_ линовицка€   обратитьс€ по имени —реда, 25 —ент€бр€ 2013 г. 14:57 (ссылка)
спасибо еще раз.утром проблемы с входом были и не удалось вз€ть
ќтветить — цитатой ¬ цитатник
¬алентинка555   обратитьс€ по имени ¬оскресенье, 06 ќкт€бр€ 2013 г. 21:08 (ссылка)
—пасибо большое за урок!
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

„етверг, 10 ќкт€бр€ 2013 г. 21:40ссылка
ѕожалуйста!!!
—ј-ћј–ј   обратитьс€ по имени ѕ€тница, 14 Ќо€бр€ 2014 г. 21:49 (ссылка)
јрниша спасибо за урок!!!!!!!!!!!
ќтветить — цитатой ¬ цитатник
visir   обратитьс€ по имени ѕ€тница, 19 ƒекабр€ 2014 г. 20:42 (ссылка)
”рок конечно же описан доходчиво и главное с нул€. Ѕольшое спасибо. ” мен€ вопрос если позволите. ¬ы описывали работу в CS-3 и в CS4 —обираюсь скачать программу ‘.Ў. CS-5 и хотелось бы узнать/ —овпадут ли ваши уроки в работе с CS-5 ???
ќтветить — цитатой ¬ цитатник
Nella__solneshko   обратитьс€ по имени —реда, 24 ƒекабр€ 2014 г. 18:09 (ссылка)
—пасибо за урок !
ќтветить — цитатой ¬ цитатник
»льина_¬алентина   обратитьс€ по имени ¬оскресенье, 15 ‘еврал€ 2015 г. 22:00 (ссылка)
ќтветить — цитатой ¬ цитатник
natafilip   обратитьс€ по имени „етверг, 16 јпрел€ 2015 г. 10:34 (ссылка)
Ѕлагодарю за урок! Ѕуду учитьс€ !
ќтветить — цитатой ¬ цитатник
Aurannt   обратитьс€ по имени „етверг, 31 ƒекабр€ 2015 г. 21:50 (ссылка)
—пасибо большое за урок,всЄ пон€тно,доходчево. — Ќќ¬џћ √ќƒќћ ¬ј—!! ”дачи,успехов и семейного благополучи€,¬јћ. — уважением ¬алентина.
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

ѕ€тница, 01 январ€ 2016 г. 23:03ссылка
—пасибо большое!!! —частливого Ќового года!!!
Aurannt   обратитьс€ по имени —уббота, 02 январ€ 2016 г. 00:29 (ссылка)
Arnusha, —кажите пожалуйста,можно ли заходить к ¬ам в "гости",брать уроки и как можно" зайти" к ¬ам? — уважением-¬алентина.
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

ѕонедельник, 04 январ€ 2016 г. 22:24ссылка
 онечно можно ¬алюша.  ак хотите, так и заходите. ћой дневник открыт дл€ всех, преп€тствий нет. — уважением Ќина!!!
Larisa-2014   обратитьс€ по имени ЅЋј√ќдарю! ѕ€тница, 28 »юл€ 2017 г. 10:29 (ссылка)
—пасибо большое!
ќтветить — цитатой ¬ цитатник
 омментировать   дневнику —траницы: [1] 2 [Ќовые]
 

ƒобавить комментарий:
“екст комментари€: смайлики

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

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

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