FAQ по графіку і анімацію для Web

LEO, http://kimsite.narod.ru

Питання по графіку


Який графічний формат (GIF або JPEG) краще використовувати для графіки у веб і чому?

Якщо ваша картинка містить небагато кольорів і / або чіткі лінії – краще використовуватиGIF тому його палітра може бути тільки в межах 256 кольорів і в ньому застосовуєтьсяалгоритм стиснення без втрати якості зображення (конкретно, алгоритм LZW). Так само GIFдопускає створення прозорих областей та анімації. На відміну від нього, JPEG використовуєтьсяпри роботі в фотографіями і складними колажами містять велику кількість квітів іколірних переходів (градієнтів). Достоїнствами цього формату є глибина кольоруTrue Color і невеликий розмір вихідного файлу. До недоліків можна віднести алгоритмкомпресії з втратами якості, неможливість завдання прозорих областей і неможливістьстворення анімації.

Наостанок кілька порад щодо поводження до тих і іншим форматам:

Яке ПЗ краще використовувати при створенні графіки для Web?

Однозначної рецепту тут дати неможливо, оскільки багато в цьому питанні залежитьвід переваг конкретного дизайнера. В даний момент для роботи з растром основнамаса дизайнерів використовують Adobe Photoshop, Corel Photopaint або Ulead Photo Impact.Для роботи з векторною графікою Adobe Illustrator, Corel Draw або Macromedia Freehand.



Як краще оптимізувати графіку для використання у веб?

Для цієї мети можна використовувати як стандартні засоби графічних пакетів(Photoshop, Photopaint і т.д.), так і спеціальне ПЗ. До такого ПО можна віднестиUlead Smart Saver, Adobe Image Ready та деякі інші. Так само можна використовуватиспеціальні он-лайн сервіси, наприклад,
http://www.gifwizard.com.



Як “розрізати” картинку на частини?

Для цієї мети можна використовувати як стандартні засоби графічних пакетів(Photoshop, Photopaint і т.д.), так і спеціальне ПЗ. До такого ПО можна віднестиUlead Web Razor, The Castle’s SplitImage, Macromedia Fireworks і деякі інші.



Як з картинки виконаної в градаціях сірого одержати кольорову?

У Adobe Photoshop можна зробити наступне. Перекласти ізобраденіе в режим RGB.Створити копію поточного робочого шару і виставити аттрибут накладення Lighten.Далі можна йти одним із двох шляхів (хоча можна і спробувати сочитать їх).По-перше, можна просто намалювати на новому шарі потрібні колірні області.По-друге, погратися з фільтрами з розділу меню Image -> Adjust (Hue / Saturation,Color Balance, Levels і інше).

Питання по PhotoShop


Скільки пам’яті виділяти йому для нормальної роботи і чому?

Якщо ви працюєте з графікою для web (зазвичай, вона невеликого розміру) -доцільно ставити 50% або близько того, щоб мати можливість без проблемпрацювати одночасно і з іншими додатками (наприклад, HTML редактор,FTP клієнт і / або щось інше). Якщо ж ви працюєте з файлами великого розміру -раджу виставити 80% -90%. Якщо ж обчислювати в абсолютних величинах, то треба відзначити,що для мінімальної роботи PhotoShop необхідно 16 Mb оперативної і 50-100 Mb дисковоїпам’яті.



Як змінити шрифти його інтерфейсу на російські?

Знайдіть ADMUI2.fon в директорії PhotoShop і видаліть його. При запуску PSпідставиться системний кириличний шрифт (наприклад, MS Sans Serif).



Як зробити так, щоб одна картинка плавно переходила в іншу?

Вибираємо шар який повинен плавно переходити -> Edit in Quick Mask Mode (Q) ->Заливаємо все чорним кольором (картинка стане рожевою) -> Робимо град то чорногодо білого (чорний – непрозорість, білий – прозорість) -> повертаємосяв Edit in Standart Mode (Q) -> Edit -> Clear (або просто Del).



Як краще різати картинки для web-дизайну?

Ставимо Guidelines в потрібне положення (натиснути ліву кнопку миші на “лінійці” ітягнути не відпускаючи), встановлюємо режим “прилипання” до них (View -> Snap to Guides) ->Image -> Mode -> Indexed Color, виділяємо потрібну ділянку карника, CTRL + C -> CTRL + N ->
Enter -> CRTL+V -> File -> Export – GIF 89A Export.

Питання по Flash


Flash анімація при програванні “смикається”. Що відбувається?

Це може відбуватися в одному з наступних випадків:

1. Більший, по відношенні до розміру екрану розмір переміщуваної графіки.

2. Складність рухомої графіки. (Прозорості, зображенняз альфа-каналом, і т.д.)

3. Складна графіка, на тлі якого рухається анімаційний об’єкт.

4. Низька кількість кадрів в секунду (Frame Rate), що виставляєтьсяв Movie Properties (Ctrl + M).



Як добитися прозорості при експорті картинок для Flash?

1. Flash підтримує формат PNG, в якому є свій 8-бітний альфа-канал.У Adobe Photoshop створюється маска і зберігається в канал. В Corel PhotoPaintпри збереженні повинна бути видна маска. У канал не зберігається. (Який би спосіб стисненняLosser або Jpeg ми не вибирали в Flash-е альфа-канал буде збережуться із стискуванням Losser.Тому при створенні картинки потрібно подбати про зменшення квітів в альфа-каналі).

2. Робимо з картинкою Break (CTRL + B) два рази. Накладаємо зверху контур. Клацаємона картинку за контуром. Виділяється зайве. Видаляємо.



Які браузери підтримують Flash?

Підтримка Flash вбудовано в Internet Explorer і Netscape Navigator версій 4 і вище.Треті версії підтримують Flash при установці спеціального плагіна (близько 170 Kbдля третьої версії Flash). Так само існує подібний плагін для Opera.



Як в Flash зробити, щоб анімація спочатку завантажувалася і програвалася тільки після повного завантаження?

Двічі клікаємо на ключовому кадрі. Робимо action “If Frame Loaded” та вказуємо,при скачуванні якого кадру анімація буде вважатися скачаної (найпростіший варіант -останній кадр). Закриваємо меню і створюємо ключовий кадр, після цього робимо action”Go to and play” на кадр де “If Frame Loaded”. Тепер анімація буде зациклена міжцими двома кадрами. Робимо графіком для процесу завантаження (Loading. ..). Тепер створимодію, яка буде відбуватися при скачуванні. Заходимо в action кадру,де “If Frame Loaded” і вставляємо всередину вже наявного дії дію”Go to and play” на кадр після другого ключового кадру. Дивіться, що вийшло.Анімація стрибає від кадру до кадру поки не завантажено потрібний кадр. Коли кадр скачати,анімація “перестрибує” через кадр, який відкидає назад.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*