Вторник, 27.06.2017, 08:15
Приветствую Вас Путник | RSS



      О нас [1]
      Из мира тяжёлой музыки [0]
      Художественные статьи [7]


          Онлайн всего: 12
          Гостей: 11
          Пользователей: 1
          jocelynwi2



          Rambler's Top100

          Главная » Статьи » Художественные статьи

          Создаём анимацию в Image Ready
          Как обычно, небольшое вступление. Речь пойдет о GIF-анимации, а в частности о её создании в программе Adobe Image Ready.
          Статья эта написана, что называется, «на злобу дня» для тех, кто заболел рисованием небольших(и не только!) анимаций. Собственно, сей креатив имеет цель показать, что тем, у кого установлен Adobe PhotoshopImage Ready идет вместе с ним), вовсе не нужны никакие гиф аниматоры, и прочая, и прочая... Так... От слов — к делу. wink

          Вот вы довольные решили нарисовать анимированный гиф, и у вас даже установлен Photoshop и, следовательно, Image Ready (ситуация весьма правдоподобная для цифрового художника, не правда ли? wink

          Сказать по чести, есть инструменты, которые я позакрывал, чтоб не мешали. Большего, по сути, и не нужно. Оговорюсь также, что я использовал Image Ready 8.0, она же CS (английкая версия). Но, по собственному опыту скажу, что они не сильно различаются. Так что проблем в нахождении той или иной кнопки возникнуть не должно.

          Особенно уделите внимание галочке напротив пункта Animation (Анимация). В ней будет происходить сам процесс анимации, что видно из названия. wink Назначение других инструментов должно быть вам понятно, если вы знакомы с Photoshop-ом.
          Если нет, то отсылаю вас к соответствующей литературе. biggrin

          1. С интерфейсом вопросов быть не должно, приступлю к описанию самого создания анимации. Как обычно, выбираете File → New (Файл → Создать), ставите нужные вам параметры (все из Фотошопа, надеюсь, объяснять не надо?) и видите похожую картину:

          Я не зря обвел эти закладки сверху!
          -На первой из них — оригинальная картинка (та, с коей вы работаете).
          -Вторая – оптимизированная (Та, которая будет сохраняться в гиф-файл. О самой оптимизации расскажу позже).
          -Третья и четвёртая – на них вы можете сравнить оптимизированный вариант с оригинальным и проверить, не чересчур ли оная оптимизация его корёжит.

          Стоп, скажете вы! Все равно ведь непонятно, как делать анимацию!

          2. А вот и весь секрет работы Image Ready: каждый кадр анимации вы рисуете в отдельном слое.
          (Cлои... слои... про них-то помните?) Создали несколько кадров-слоёв?
          Теперь посмотрите глючный пример: количество слоев, как вы наверное догадались, должно быть равно количеству кадров. У меня 6 кадров и фон (Background), но последний виден всегда и потому в анимации у меня не участвует.

          3. Когда все готово и все кадры нарисованы, переходим к панели Анимации.

          Видите, на ней появился один кадр ()?
          Теперь щёлкайте по маленькой иконке внизу этой панели, изображающей листочек бумаги (••). Это добавит ещё кадр.
          Сделайте себе кадров столько же, сколько и слоев.
          Теперь, когда кол-во кадров в панели анимации равно количеству активных слоев, выберите первый кадр и снимите значки видимости (глаза 0_0) со всех слоев, кроме оного, изображающего первый кадр вашей анимации.

          4. Готово? Теперь точно так же выбираете второй кадр и снимаете значки со всех слоев, кроме вашего второго. Et caetera... (и так со всеми)
          Когда закончите, должны увидеть что-то подобное:

          Можете и у себя нажать кнопку, известную как Play () на всех плейерах, если не нажали до этого. wink

          5. Видите? Анимация! Однако бывает, что параметры анимации, выставленные по умолчанию, не подходят. Заметили у себя подпись «0 sec.» под каждым кадром? Это то время, которое показывается кадр. По умолчанию они идут с очень большой скоростью, близкой к framerate-у обычного кино (25кадр/с). Естественно, не всегда нужна такая скорость перемотки, иногда напротив, требуется приостановить отдельный кадр.
          Делается это просто – выделяете нужный кадр, кликаете по стрелочке рядом с подписью, и из списка выбираете нужное время задержки. Если вы ошиблись и вам вовсе не нужна была задержка там, то выберите «No delay»(без задержки).

          6. Переходим к заключительной части — оптимизации и сохранению вашего творчества. Кликните по вкладке «Optimized», о которой было сказано выше. Возможно, вы не увидите никакой разницы по сравнению с оригинальным изображением (тогда вам повезло!), в большинстве же случаев придётся искать компромисс между «весом» анимации и её качеством.
          Заметьте, размер получившегося файла показывается внизу: У меня вышло 12,34 Кб. На деле, может быть на порядок выше (в зависимости от качества и размеров). Где можно сие качество менять — скромная до этого панель оптимизации преобразилась:

          Где что делает:

          * Format (Формат) — обязательно ставите GIF.
          * Reduction (Уменьшение цветов) — Лучше всего выглядит Adaptive (Адаптивное).
          * Colors (Цвета) — Здесь нужно найти такое количество цветов, при котором и картинка не очень страдает, и размер анимации не килотонный.
          * Dither (Рассеивание) — параметры, управляющие рассеиванием пикселей (я редко когда использую).
          * Transparency (Прозрачность): нужно, если в вашей анимации есть прозрачность.

          7. Предположим, все подогнали. Остается лишь одно — выбрать File → Save Optimized As (Файл → Сохранить Оптимизированный Как) и наслаждаться (или плеваться) своим творением! smile

          by MeXaN!St © 28 июля 2006г.
          Незначительная редакция, оформление и иллюстрации от Пумы Дракорог

          Примечание: иллюстрации были сделаны в Image Ready 7.0.

          Категория: Художественные статьи | Добавил: Пума_Дракорог (15.04.2009) | Автор: MeXaN!St
          Просмотров: 847 | Рейтинг: 5.0/2 |
          Всего комментариев: 0
          Добавлять комментарии могут только зарегистрированные пользователи.
          [ Регистрация | Вход ]


              Стоит ли чёрный фон сделать немного светлее?
              Всего ответов: 21


              MetalDragons © 2008 - 2017
              Все права защищены. Копирование любых элементов запрещено.
              Дизайн сайта © Пума_Дракорог (Pearl_Dragoness), тех. вёрстка © Chaos_Knight.
              Все материалы принадлежат их авторам. Любая их публикация или использование допускается только с разрешения владельца и при условии указания ссылки на сайт и имени автора материала.