[personal profile] rimon_fotovivo
060.gif


Анимированный gif содержит целую пачку слоев - для обрезки и прочего редактирования
нужно разобрать его на составные части. Это просто. Имея подходящий инструмент.


Сквозной сюжет продолжает тему, начатую в первом сезоне - "Мастер-класс по анимашкам с блестками",
в главной роли - непревзойденный по простоте, гибкости и практичности - графический редактор ФастСтоун.


Некоторые онлайн-сервисы предлагают обработку гифок, уменьшить картинку или подрезать до квадрата,
на скорую руку годится, но, разумеется, не сравнить с возможностями декстопной программы, позволяющей

059.gif

вырезать фрагмент

058.gif 057.gif

изменить цвет

056.gif 055.gif

цвет и размер

052.gif 051.gif

тонировать изображение, переводить в ч/б

049.gif 050.gif

или инвертировать цвета


FastStone, второй сезон

Процесс состоит из двух частей: декопмилировать гиф - разобрать на составляющие и, отредактировав - собрать обратно.


Первая часть выполняется в один клик: меню -> "Разделить многостраничный файл"

070.png

А с полученными частями уже можно делать что угодно, как с обычными изображениями.


Чтобы не возиться с каждой картинкой (а их может быть от двух-трех и до нескольких десятков,
а в особо изощренных случаях и сотен) - у ФС имеется пакетная обработка.


048.gif

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

Разобьем файл на слои ->

042.PNG

выделим все нужные кадры и -> жмем F3 -> "Дополнительно"


045.PNG

Выберем в открывшемся меню соответствующую вкладку, и "поворот на 90 градусов",
"ок" -> Пуск.
Готово:

046.gif

(Обратный процесс, сборка в многостраничного файла - ниже по тексту)



Переходим к основному вопросу повестки дня: вырезанию фрагмента

Чтобы уменьшить поля вокруг анимированного изображения

044.gif

проведем декомпиляцию, получим пакет слоев, теперь их надо подрезать один в один на заданную величину:
стоит промахнуться на пиксель и анимация станет дерганой.


Для пакетной обрезки предварительно определимся с координатами линии отреза


047.gif

выделим один из кадров и вызовем кроп из меню (быстрой клавишей Х или двойным щелчком по превьюшке)



043.png

установим рамку кропа желаемым образом (на случай, если требуется точный квадрат -
имеется предустановленный "Размер 1:1" и др. стандартные)
Запомним (запишем где-нибудь в сторонке) новые размеры картинки и координаты отступа (указаны внизу, в левом уголке).
Закрываем окошко редактирования (не применяя действия) - оно нам нужно было только для примерки и получения цифр.
Которые пригодятся на следующем этапе.


Выделим все слои размонтированного гифа и знакомое уже: F3 -> "Дополнительно",
попадаем в меню редактирования. На этот раз нам понадобится вкладка "Обрезать":

041.PNG

Выставляем соответствующие пиксели в ячейки ширины и высоты и сохраненные на предыдущем шаге координаты Х и У

"Ок". "Пуск".
На выходе получаем пакет заданным отредактированных кадров.
(файлы перезапишутся. Хотите сохранить исходники - настройте вывод готовых результатов в новую папку)

Имеем всё что нужно, осталось собрать фреймы в единый gif.

Выделить отредактированные слои -> меню "Создать"-> "Создать многостраничный файл". Готово.

Это всё, что нужно для обрезки.




Чтоб не тянуть кота в долгий ящик, выкладываю весь сезон

Вторая серия: Цвет, ресайз и сжатие


040.PNG

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

На пробу поставим галочки на опциях "Негатив" и "Сепия". При желании можете "Контраст" и "Яркость" подергать.


039.png

Получаем пачку преобразованных кадров. Выделим их все и запускаем "Создание многостраничного файла" из меню "Создать".
Скорость выберите на свой вкус. Чем меньше цифра, тем быстрее:


038.PNG

Готово:

037.gif



Файл сложился, но размонтированные слои никуда не делись, можно их подвергнуть дополнительной обработке.
Запустим пакетный ресайз:
-> F3, отключаем все до того использованные опции ( зеленым подсвечиваются)
и на самой первой вкладке выставим нужные размеры. Под жжешный юзерпик - 100х100 036.gif






034.gif

У настройки цветов есть дополнительный, более гибкий интерфейс редактирования
"Дизайн и предпросмотр":

033.PNG


Начнем с негатива -> ползунками подбираем и смешиваем цвета - красный, зеленый, синий:

032.PNG

Подкрутим яркость и насыщенность - кнопкой "предварительный просмотр" проверяя результат:

031.gif



Чтобы сделать аватарочку, придется обратить внимание на еще один параметр.
Напр. ЖЖ имеет жесткое ограничение на вес картинки - не более 40kb, в общем случае нормально для квадратика сто на сто,
но катастрофически мало для плавного многослойного гифа.

030.gif

Что мы можем сделать, чтобы гиф "похудел"? Очевидно что или сокращать количество слоев или снижать вес каждого.

Можно и кадры проредить, но сейчас мы рассмотрим как уменьшать вес слоев,
в пакетном режиме.


Эта опция называется "Глубина цвета".

Чем меньше цветность, тем меньше вес. Для мелких одноцветных геометрических гифов можно в критическом случае и до 4-х уменьшить
(2 - совсем уж неприглядно):

029.PNG



Третья серия: Приукрасы и прибамбасы


027.gif028.gif

Опция "Текст"

Имеются настройки цвета, размера, позиции надписи,
и шрифта - выбор доступных кучерявых фигурных шрифтов зависит исключительно от наличия их в системе,
(у ФС встроенных нет, он пользуется установленными на копьютере.
Если увлекаетесь открыточками, виртуальным рукоделием - скачайте и установите. )

026.PNG

"Добавить переменную" - значит вывести на картинке ее название и другие данные из EXIF



Опция "Холст" позволяет отрисовать рамочку (паспарту, поля вокруг картинки)

025.PNG


Если применить эту операцию два-три раза последовательно - получим составную рамочку желаемого фасона:

023.gif


А для пышного обрамления есть более мощная опция



Вкладка "Водяной знак" позволяет накладывать картинку поверх картинки.
Добавить сердечек или поставить логотип. И что угодно на прозрачном слое - ту же рамку.

024.PNG



Четвертая серия: Крутим-вертим


021.gif 020.gif

Заставить анимашку вращаться в обратную сторону - проще, чем все вышеописанное редактирование цветов и размеров.
Достаточно разобрав гиф на кадры, расставить их в обратном порядке. И собрать снова.
То, что поворачивалось по часовой стрелке, станет поворачиваться против



019.gif


Хорошо, если восемь кадров, как с собачкой.
А если анимация на двести слоев, попробуй такого питона переставить!
- Тоже не вопрос. Изменяем сортировку на "-Имя файла" и компилируем в новой расстановке:

018.png


016.gif017.gif


001.gif000.gif


Спасибо за внимание, дочитавшим - бонус внизу страницы!



010.gif014.gif

Геометрия - математика на гифках


к предыдущему разговору: как навести внука на мысль, что математика - это красиво:

015.gif013.gif012.gif

Танцы пересекающихся кривых

011.gif




022.gif
взято
009.gif008.gif007.gif 006.gif 005.gif 004.gif

- Раздача гифов под аватарочки, первому, кто скажет - беру.

Profile

rimon_fotovivo

April 2017

S M T W T F S
      1
23 4 5678
9101112131415
16171819202122
23242526272829
30      

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Jul. 23rd, 2017 12:37 pm
Powered by Dreamwidth Studios