Що? Ви не знаєте що таке ImageReady? Який жах. Як ви можете не знати про ImageReady. коли у вас є програма Adobe Photoshop. Як це не бачите. Відкривайте швидше Adobe Photoshop. я вам просто ткну туди пальцем.
Відкрийте File | Jump to | Adobe ImageReady 7.0. або просто натисніть Shift + Ctrl + M. або натисніть останню сходинку на вертикальній панелі інструментів і ви потрапите в святу святих, в кузні анімації - програмі ImageReady. Сподіваюся у вас 7-я версія Adobe Photoshop. Справа в тому, що зараз випущена наступна, 8-я версія Adobe Photoshop. так ось. на превеликий жаль, в неї не входить Image Ready. Тобто вона є, тільки виходить окремо від основної програми.
Та й крім того, нова, 8-я версія вимагає постійного підтвердження своєї ліцензії, а це мені ні до чого. Так що ці два пунктика з'явилися стримуючим фактором, чому я не запустила нову версію і тим позбавила вас від зайвого клопоту по перевстановлення полюбилася 7 -ої версії.
Отже, зустрічайте (рис. 106)!
Мал. 106. Програма ImageReady
Як бачите, вона трохи, вірніше дуже навіть багато схожа на свою матір Adobe Photoshop. Недарма кажуть, яблуко від яблуні. Ось це яблучко ми зараз і надкусити!
Якщо ви не бачите панелей інструментів, то варто вам натиснути Window | WorkSpace | Reset Palette Locations. як всі ці панелі вистрибнуть як миленькі, зайнявши за замовчуванням вище наведену позицію. Але, в принципі нас поки цікавить панель Animation. заради якої, власне кажучи, ми сюди і зайшли. Зайві панелі можна просто закрити, а потім по необхідності викликати їх знову через Window верхній панелі вікна.
Анімація по верствам на прозорій підкладці
Сподіваюся ви вже придумали, що будете анімувати? Тоді ви повинні і уявити, якого розміру буде ваша анімація. Я для тями і наочності виберу розмірчик 360х340, хоча поспішаю помітити, що чим менше розмір картинки, тим швидше вона завантажується.
Отже, натискаю File | New і вибираю такі значення (рис. 107):
Мал. 107. Вибір установок
Ви можете вибрати будь-які значення, якщо хочете щоб фон був прозорим, вам слід вибрати Transparent
Я буду розповідати все докладно, тому що вважаю цей урок дуже важливим. Може бути ви станете великими аніматорами? Може в вас прокинеться геній і ви винайдете свою Масяню і почнете гребти гроші лопатою, а може навіть не лопатою, а екскаватором. Але якщо щось у вас не вийде. це буде цілком моя вина. Так що не буду рубати таланти на корню!
Для цього прикладу я підготувала 5 зображень зі своїх фотографій. Попередньо кожну фотографію я перевела в формат gif. але це робити необов'язково. Можна завантажити і у форматі jpg.
Тепрь працюємо з палітрою Layers (рис. 108):
Мал. 108. Відкриття нових шарів
Для п'яти зображень мені необхідно п'ять шарів. Один вже є. Так що, тикнув ще раз по піктограмі створення нового шару, я отримаю ще чотири шари ось так (рис. 109):
Мал. 109. П'ять шарів, поки порожніх!
Бачите, п'ятий шар синього кольору? Це означає, що він зараз активний. Натискаючи на інші верстви, ми робимо їх поточними.
Відкриваю всі свої п'ять зображень, і підхоплюючи їх мишкою за допомогою Move Tool (або просто клавішею V. перетягуємо кажедое зображення на окремий шар. Ось так (рис. 110):
Мал. 110. Перетягування зображень на кожен шар
Нічого що я так детально? Думаю краще один раз детально все розжувати, ніж потім кожен день отримувати десятки листів про те, що нічого не зрозуміли. В результаті у мене вийшли такі шари (рис. 111):
Мал. 111. Заповнені шари
Ну, а тепер - найцікавіше! Переходимо до панелі Animation. У кого вона не відкрита, терміново виконайте команду Window | Animation. натисніть на стрілочку в правому верхньому кутку і із списку натисніть на Make Frames From Layers. Будемо робити фрейми з шарів! Ось як намальовано на малюночки (ріс.112):
Мал. 112. Заповнені шари
Якщо ми зробили все правильно, то повинно вийти наступне:
Мал. 113. Заповнені фрейми
Натиснувши на програвання, я отримаю свою анімацію (ріс.114)
Мал. 114. піджачний анімація
Залишилося саме прятно - зберегти своє творіння. Обираю File | Optimized As і зберігаю файл під розширенням gif.
Однак, намилувавшись собою досхочу, я звертаю увагу, що якась я вся смикати. Та й вага файлу мене пригнічує - 25 кілобайт! Це нікуди не годиться. Тому повертаюся знову в Image Ready. відкриваю Image Size і зменшую свій розмірчик приблизно на половину. А тепер буду змінювати час витримки кожного кадру.
Внизу кожного кадру є тимчасова шкала, на якій можна вибрати витримку. Ось так (рис 115):
Мал. 115. Вибираємо час!
Помучившись з часовими інтервалами, на кшталт залишилася задоволена своїми настройками. Прямо хошь відразу на іратішний сайт. ))
Мал. 116. Реанімація анімації
Ось і закінчився цей урок. Але це не все, що я хотіла розповісти про Image Ready. На наступному уроці я продовжу розмову про анімацію. Скажу відразу, цей урок для мене був дуже важким. І ось чому. Ви будете сміятися, але до цього уроку я нічого не знала про цю чудову програму. Так що, можна сказати, вчилися з вами разом.
Зазвичай я робила всю анімацію в Flash. але раз почувши про таку програму, я не могла не заспокоїтися, поки в ній не розібралася. А розібратися було важко, тому як інформації було нуль. Я об'їздила книжкові магазини, але так і не знайшла потрібного підручника! Я виявила кілька підручників з Adobe Photoshop. в яких згадувалася ця програма, а й там було дуже мало сказано. А купувати за 300-400 рублів книгу, з якої потрібно було 3 сторінки було нерозумно, тому як і сама версія цієї програми вже застаріває. Я облазила весь інтернет, по крупицях збирала інформацію, та й сама провела чимало годин, розбираючись один на один з Image Ready
Так що бачите, як серйозно я ставлюся до своїх уроків? Так що не сваріться, якщо затримки по урокам будуть іноді затягуватися. Як я говорила на початку своїх уроків, я хочу вас навчити не тільки тому, що вмію, але і тому, що ПОКИ не вмію. Але обов'язково навчуся. Бо навчитися можна! А вам - удачі, творчих успіхів. і не згадуйте лихом. ))