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

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

 

 -Рубрики

 -Цитатник

Бабуся - (6)

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

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

  ...

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

  ...

Оповещение от родных Валечки Чернявской - (18)

Оповещение С прискорбием сообщаем , что Валентина Дмитриевна Чернявская умерла 23.10.2019. Пр...

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

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

 -Сообщества

Участник сообществ (Всего в списке: 1) Мир_клипарта
Читатель сообществ (Всего в списке: 1) Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.01.2009
Записей: 9707
Комментариев: 290228
Написано: 322726


Анимация с нуля.Урок второй.Сохранение анимации.

Воскресенье, 24 Октября 2010 г. 01:13 + в цитатник

 

Анимированное изображение сохраняется в формате GIF (Graphics Interchange Format - Формат обмена графическими данными). Например, название файла выглядит так ЛЕС.gif, где ЛЕС - это имя файла, которое, конечно, может быть любым и далее идет .gif  или .GIF - указание на формат файла или, как еще говорят, расширение файла. Вот эта часть названия файла и указывает вашему компьютеру, как работать с данным видом информации. Например, какой программой можно открыть данный файл, какими свойствами он обладает и т. д. Как открыть GIF- файл в программе фотошоп, я расскажу в одном из следующих уроков, а сегодня разберем возможности программы Photoshop CS3 и Photoshop CS4 в вопросе сохранения анимации.

И так анимированное изображение создано и находится на рабочем столе Photoshop

Для того чтобы его сохранить идем к вкладке Файл на панели меню, расположенной в верхней строке рабочего стола. В выпадающем диалоговом окне переходим к команде Сохранить для Web и устройств (Save For Web & Devices). Т.е. выполняем последовательно команду Файл > Сохранить для Web и устройств
(File > Save For Web & Devices).

После выполнения данных действий откроется окно  Save For Web & Devices в котором можно задать параметры сохранения нашего GIF - файла. Внимательно рассмотрите это окно.

Диалоговое окно   Save For Web & Devices содержит
четыре вкладки.

- Original ( Оригинальное )- изображение в исходном состоянии.

-Optimized ( Оптимизированное )- изображение после применения выбранных средств оптимизации для Web.

- 2-up - исходное изображение рядом с оптимизированным. Вкладка используется чаще всего.

- 4-up - исходное изображение и три возможных варианта его оптимизации. Применение данной вкладки требует значительного объема оперативной памяти компьютера.

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

Перейдем непосредственно к настройкам, которые находятся в правой части диалогового окна 

Save For Web & Devices.

Разберемся со значениями основных элементов управления настройками.

В самом верху имеется окно с выпадающим списком форматов в которых можно сохранять изображения, загружаемые в браузер. Имеются следующие форматы - JPEG, PNG, GIF и формат

WBMP, который поддерживается мобильными телефонами. Нам нужен формат GIF. Его и выставляем.

Color reduction algorithm (Алгоритм сокращения цветности) В выпадающем списке перечислены доступные алгоритмы. Здесь можно поэкспериментировать, чтобы выбрать параметр

обеспечивающий наилучшие результаты.

Specify the dithering algorithm (Алгоритм сглаживания) - список со стандартными параметраи сглаживания. Также можно поэкспериментировать, подбирая оптимальный вариант.

Lossy (Сжатие с потерями) - поле, в котором можно создать GIF-файлы с потерей качества изображения при сжатии. Пожертвовав качеством изображения, вы получите файл меньшего размера. Т. е. чем больше значение данного параметра, тем хуже качество, но меньше размер файла. При изменении в пределах 5 - 15% качество практически не изменяется, зато снижается размер изображения.

Dither (Сглаживание) - Это параметр сглаживания изображения. При небольшом изменении также можно снизить размер, не затронув качества.

Matte (Кайма) - Это важный параметр, на который нужно обратить внимание. Этот пункт обеспечивает незаметный переход от  кромки изображения к фоновому цвету. Кайма должна быть того же цвета, что и фон на котором будет располагаться изображение. Например мой падающий осенний листик из первого урока расположен у меня на страничке на зеленом фоне, а в диалоговом окне Matte при сохранении остался белый цвет и поэтому вокруг листочка видна белая кайма и изображение выглядит от этого "неопрятным", как-будто вырубленным. Если в этом окне указать правильный цвет, то такого изъяна на изображении не будет.

Colors (Цвета) - список, позволяющий выбрать точное количество цветов для изображения. По умолчанию 256 - самое большое. Но чем больше цветов, тем размер файла , естественно, больше.

Web Snap (Привязка к Веб) - с помощью изменения процентной величины можно заменить цвета присутствующие в изображении ближайшеми эквивалентами цветов из палитры 216 Web-safe (216 цветов Веб). Проще говоря, все основные оттенки заменяются цветами Веб, что значительно сокращает количество цветов и уменьшает размер файла. Дает хорошие результаты, если в изображении изначально мало цветов и всевозможных оттенков или цветность изображения не очень важна.

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

Transparency (Прозрачность) - Если в вашем изображении есть прозрачные области, то необходимо поставить значок рядом с этим пунктом. Иначе прозрачные области будут залиты цветом, который стоит в пункте Matte.

Color Table (Таблица цветов) - Таблица, которая представляет цвета, которые используются в оптимизированном изображении форматов GIF и PNG-8. Цвета с точкой в центре образца являются цветами Веб.Щелкнув по образцу цвета, его можно удалить или поменять на прозрачный. Например, таким образом можно заменить белый цвет на прозрачный вокруг изображения.

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

И еще, надо помнить, что настраивая и выставляя параметры в диалоговом окне Save For Web & Devices (Сохранить для Web и устройств), мы не изменяем параметры самого исходного изображения, поскольку изображение с новыми параметрами сохраняется  в новый файл с новым именем. Если в дальнейшем вы также хотите дорабатывать свою анимацию, что-то изменять в ней, т. е. продолжить работу , то файл нужно сохранить в формате Photoshop (PSD). При этом сохранятся все слои и кадры исходной анимации. Т. е. выполняем команду Файл>Сохранить как и в окне
сохранения устанвливаем формат PSD.

А еще при всем  обилии информации, пугаться не стоит. Внимательно прочитав данный урок 2-3 раза при открытой программе Фотошоп  и поэкспериментировав с параметрами сохранения, я думаю, многое прояснится. Кроме того, понимание каких-то нюансов придет в процессе создания анимации. Практика - великая вещь. Создавайте и сохраняйте свои анимационные картинки. На следующем уроке продолжим создавать анимашки с помощью размножения кадров анимации.     

Если вы перейдете по этой ссылке,то увидите первый урок Анимация с нуля.Урок первый источник Arnusha
Рубрики:  Уроки для работы в ФШ
Метки:  


Процитировано 88 раз
Понравилось: 24 пользователям



Люда1234   обратиться по имени Понедельник, 25 Октября 2010 г. 01:30 (ссылка)
Спасибо.Прихвачу себе!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 25 Октября 2010 г. 01:47ссылка
Пожалуйста!
nataliya_bezushko   обратиться по имени Понедельник, 25 Октября 2010 г. 03:03 (ссылка)
Спасибо за урок! и этот тоже возьму )
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 25 Октября 2010 г. 03:05ссылка
Конечно берите!!!Спасибо.
овно4ка   обратиться по имени Четверг, 23 Декабря 2010 г. 22:27 (ссылка)
Спасибо огромное, возьму все ваши уроки! С благодарностью.. Потому что что у меня ФШ на английском и попробую разбираться по скринам!!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 24 Декабря 2010 г. 00:25ссылка
овно4ка, Конечно!Я только рада!!!
Alla_klass   обратиться по имени Четверг, 23 Декабря 2010 г. 23:23 (ссылка)
 (306x400, 150Kb)


Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 24 Декабря 2010 г. 00:26ссылка
Alla_klass, С наступающим!!!
Leda_12   обратиться по имени Среда, 15 Августа 2012 г. 03:07 (ссылка)
Спасибо! Очень нужная информация. А то так хочется научиться, но очень сложно разобраться.
Ответить С цитатой В цитатник
Валентинка555   обратиться по имени Воскресенье, 06 Октября 2013 г. 21:14 (ссылка)
Спасибо большое!
Ответить С цитатой В цитатник
Микма   обратиться по имени Среда, 12 Февраля 2014 г. 08:45 (ссылка)
Большое спасибо!!! Взял ваши уроки на заметку...
Ответить С цитатой В цитатник
Nella__solneshko   обратиться по имени Вторник, 30 Декабря 2014 г. 20:54 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Акинина_Валентина   обратиться по имени Среда, 06 Июня 2018 г. 16:36 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

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

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

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