После создания анимации в Фотошопе ее необходимо сохранить в одном из доступных форматов, одним из которых является GIF . Особенностью данного формата является то, что он предназначен для отображения (воспроизведения) в браузере.
Если Вас интересуют другие варианты сохранения анимации, то рекомендуем прочитать вот эту статью:
Процесс создания GIF анимации был описан в одном из предыдущих уроков, а сегодня мы поговорим о том, как сохранить файл в формате GIF и о настройках оптимизации.
Для начала повторим материал и ознакомимся с окном настроек сохранения. Открывается оно нажатием на пункт «Сохранить для Web» в меню «Файл» .
Окно состоит из двух частей: блока предпросмотра
и блока настроек.
Блок предпросмотра
Выбор количества вариантов просмотра выбирается в верхней части блока. В зависимости от потребностей, можно выбрать нужную настройку.
Изображение в каждом окне, кроме оригинала, настраивается отдельно. Это сделано для того, чтобы можно было выбрать оптимальный вариант.
В левой верхней части блока находится небольшой набор инструментов. Мы будем пользоваться только «Рукой» и «Масштабом» .
При помощи «Руки» можно перемещать изображение внутри выбранного окна. Выбор также производится данным инструментом. «Масштаб» выполняет одноименное действие. Приближать и удалять картинку можно и кнопками в нижней части блока.
Чуть ниже находится кнопка с надписью «Просмотр» . Она открывает выбранный вариант в браузере по умолчанию.
В окне обозревателя, кроме набора параметров, мы можем также получить HTML код гифки.
Блок настроек
В данном блоке происходит настройка параметров изображения, рассмотрим его подробнее.
- Цветовая схема. Данная настройка определяет, какая таблица индексированных цветов будет применена к изображению при оптимизации.
- Перцепционная , а попросту «схема восприятия». При ее применении Фотошоп создает таблицу цветов, руководствуясь текущими оттенками изображения. По мнению разработчиков, эта таблица максимально приближена к тому, как человеческий глаз видит цвета. Плюс – наиболее приближенное к оригиналу изображение, цвета максимально сохранены.
- Селективная схема похожа на предыдущую, но в ней преимущественно используются цвета, относящиеся к безопасным для web. Здесь также сделан упор на отображение оттенков, приближенных к исходным.
- Адаптивная . В данном случае таблица создается из цветов, которые чаще встречаются в изображении.
- Ограниченная . Состоит из 77 цветов, часть образцов которых заменены белым цветом в виде точки (зерна).
- Заказная . При выборе этой схемы появляется возможность создать собственную палитру.
- Черно-белое . В этой таблице используются только два цвета (черный и белый), также с использованием зернистости.
- В градациях серого . Здесь применяются различные 84 уровня оттенков серого цвета.
- MacOS и Windows . Данные таблицы составляются на основании особенностей отображения картинок в браузерах под управлением этих операционных систем.
Вот несколько примеров применения схем.
Как видим, первые три образца имеют вполне приемлемое качество. Несмотря на то, что визуально они почти не отличаются друг от друга, на разных изображениях эти схемы будут работать по-разному.
- Максимальное количество цветов в цветовой таблице.
Количество оттенков в изображении напрямую влияет на его вес, а соответственно и на скорость загрузки в браузере. Чаще всего применяется значение 128 , поскольку такая настройка почти не влияет на качество, при этом уменьшая вес гифки.
- Web-цвета. Данная настройка устанавливает допуск, с которым оттенки преобразуются в эквивалентные из безопасной Web-палитры. Вес файла определяется значением, выставляемым ползунком: значение выше – файл меньше. При настройке Web-цветов не стоит также забывать и о качестве.
- Дизеринг позволяет сгладить переходы между цветами с помощью смешивания оттенков, которые содержатся в выбранной таблице индексирования.
Также настройка поможет, насколько возможно, сохранить градиенты и целостность однотонных участков. При применении дизеринга увеличивается вес файла.
- Прозрачность. Формат GIF
поддерживает только абсолютно прозрачные, либо абсолютно непрозрачные пиксели.
Этот параметр, без дополнительной подстройки, плохо отображает кривые линии, оставляя пиксельные лесенки.
Подстройка называется «Матовый» (в некоторых редакциях «Кайма» ). С ее помощью настраивается смешивание пикселей картинки с фоном страницы, на которой она будет расположена. Для наилучшего отображения выбирают цвет, соответствующий цвету фона сайта.
- Чересстрочно. Одна из самых полезных для Web настроек. В том случае, если файл имеет значительный вес, позволяет сразу показывать картинку на странице, по мере загрузки улучшая ее качество.
- Преобразование sRGB помогает сохранить максимум оригинальных цветов изображения при сохранении.
Настройка «Дизеринг прозрачности» значительно ухудшает качество изображения, а о параметре «Потери» мы поговорим в практической части урока.
Для наилучшего понимания процесса настройки сохранения гифки в Фотошопе, необходимо попрактиковаться.
Практика
Цель оптимизации изображений для интернета – максимальное снижение веса файла при сохранении качества.
- После обработки картинки переходим в меню «Файл – Сохранить для Web» .
- Выставляем режим просмотра «4 варианта»
.
- Далее нужно один из вариантов сделать максимально похожим на оригинал. Пусть это будет картинка справа от исходника. Делается это для того, чтобы оценить размер файла при максимальном качестве.
Настройки параметров следующие:
Сравним полученный результат с оригиналом. В нижней части окна с образцом мы можем видеть текущий размер гифки и скорость ее загрузки при указанной скорости интернета.
- Переходим на картинку ниже только что настроенной. Попробуем ее оптимизировать.
Размер гифки снизился с 36,59 КБ до 26,85 КБ.
- Поскольку на картинке уже присутствует некоторая зернистость и небольшие дефекты, попробуем увеличить «Потери»
. Данный параметр определяет допустимый уровень потери данных при сжатии GIF
. Меняем значение на 8.
Нам удалось еще уменьшить объем файла, при этом немного потеряв в качестве. Гифка теперь весит 25,9 килобайт.
Итого, мы смогли снизить размер картинки примерно на 10 КБ, что составляет более 30%. Весьма неплохой результат.
- Дальнейшие действия весьма просты. Нажимаем на кнопку «Сохранить»
.
Выбираем место для сохранения, даем название гифке, и снова жмем «Сохранить» .
Обратите внимание, что существует возможность вместе с GIF создать и HTML документ, в который будет встроена наша картинка. Для этого лучше выбрать пустую папку.
В результате получим страницу и папку с изображением.
Совет: при присвоении имени файлу старайтесь не использовать кириллические символы, поскольку не все браузеры в состоянии их прочитать.
На этом урок по сохранению изображения в формате GIF завершен. На нем мы выяснили, каким образом можно оптимизировать файл для размещения в интернете.
Чтобы бесплатно копировать гифки для Одноклассников на компьютер или другое устройство (телефон или планшет) вам не потребуются специальные знания, программное обеспечение и много времени. В данной статье вы подробно узнаете, как скачать гифку с Одноклассников, эта процедура занимает несколько секунд и минимум действий. Также на нашем информационном портале читайте статьи о том, и особенности работы с такими изображениями в рамках социальной сети ОК.
Сохранение на компьютер через ОК двумя простыми способами
Дело в том, что гифы загружаются на ваш компьютер в видео-формате, что мешает их корректному отображению как картинки. В то время, как при загрузке в социальную сеть вы добавляете гиф-анимацию в виде обычного изображения. Поэтому вам придется изменить формат файла, прежде чем его сохранить или после сохранения в специальном конвертере. Рассмотрим, как сохранить гифку из Одноклассников обоими способами подробнее.
Скачать гифку на компьютер: изменение расширения
- найдите необходимую GIF-анимацию в социальной сети. Она может находиться где угодно – стена друга, паблики или чей-либо альбом;
- далее кликните правой кнопкой мыши прямо по изображению, чтобы открыть контекстное меню;
- как видите, файлы в данном формате можно только сохранить как видео. Жмем на этот пункт;
- как можно заметить при сохранении, анимацию можно скачать в формате MP4. В таком виде гифка будет открываться в видеопроигрывателе, а нам это не нужно;
- поэтому кликаем в поле названия файла и убираем расширение mp4;
- вместо него вписываем gif и нажимаем кнопку «Сохранить».
Теперь открываем директорию на компьютере под управлением Виндовс, в которую вы сохранили изображение. Теперь вы можете открывать анимацию обычной программой для просмотра фото и картинок, которой вы пользуетесь. Таким способом можно сохранить гифку на компьютер. Рассмотрим второй вариант.
Как скачать гифки вторым способом?
Чтобы скопировать гифку в Одноклассниках с помощью конвертера, воспользуйтесь нашей инструкцией:
- откройте понравившуюся анимационную картинку;
- кликните по ней правой кнопкой мыши;
- в открывшемся меню выберите пункт «Сохранить видео как…»;
- далее сохраните файл в необходимую папку, чтобы не забыть ее местоположение;
- теперь переходим на любой сайт с онлайн-конвертером. Нам необходим конвертер, который преобразовывает видео в другие форматы;
- загружаем на сайт сохраненный файл и выбираем формат GIF;
- ждем окончания конвертации и сохраняем итоговый результат куда нам нужно.
Также на нашем сайте читайте о том, где найти и много другой полезной информации про социальную сеть.
Как сохранить гифку на телефон из Одноклассников?
Чтобы скачать GIF изображения на смартфон на Андроиде или Айфон, вы должны следовать нашей инструкции:
- скачайте мобильное приложение «Одноклассники» через официальный магазин. Оно полностью бесплатное;
- далее откройте необходимую гифку;
- в верхнем правом углу нажмите на значок «…»;
- в открывшемся меню выберите пункт «Сохранить»;
- далее ваш девайс должен запросить доступ к вашим «Фото». разрешаем сделать это;
- таким способом вы можете скачать gif с Одноклассников на телефон. Они появятся в вашей галерее в виде изображений.
Как скачать гифку
У нас в InVision, GIF анимации используются не для баловства - они играют важную роль с точки зрения маркетинга и обучения. Поэтому мы даже пытались использовать их на нашей главной странице вместо анимаций, сделанных с помощью кода.
В конце концов люди начали спрашивать нас: «Как вы создаете GIF анимации?». Пришло время раскрыть секрет.
Дизайн GIF изображений
1. Секретный ингредиент
Вот мой небольшой секрет: все мои GIF анимации сначала были видео-файлами. Обычно я использую ScreenFlow , который я кстати также применяю для создания видео наших продуктов. Это простая программа, которая в то же время содержит множество полезных анимационных инструментов.После того как я сохраняю анимацию как видео файл, я импортирую его в Photoshop через File > Import > Video Frames As Layers.
Совет: Если ScreenFlow или After Effects вам не по карману, то создайте анимацию в Keynote, и экспортируйте ее как видео. Наконец-то, хоть какое-то применение этой функции в Keynote.
2. Меньше цветов = больше веселья
Если вы хотите делать крутые GIF анимации, то нужно с особым трепетом подойти к выбору цвета. Это повлияет не только на размер файла, но и позволит создать более продолжительные анимации с маленьким размером файла. (Для меня маленький - это менее 1MB)3. Используйте размытие в движении (motion blur), если возможно
Такие программы как ScreenFlow и After Effects позволяют экспортировать видео с применением размытия в движении. Это не только придаст вашей анимации профессиональный вид, но и упростит процесс уменьшения размера файла в Photoshop.
4. Будьте (отчасти) ленивыми
Представьте, какие еще элементы я бы смог добавить к GIF анимации в начале этого поста. Небольшие тултипы с именами пользователей, курсор, кликающий на кнопку плюс и так далее. Людям не нужно видеть все это, чтобы получить общее понимание увиденного, поэтому показывайте только то, что нужно - вы ограничены во времени и размере файла.Экспорт GIF анимаций
Перед тем как начать переживать насчет советов ниже, попробуйте экспортировать вашу GIF анимацию. Если она приемлемого размера, отличная работа! Продолжайте в том же духе. В противном случае попробуйте следующие методы.5. Удалите кадры-дубликаты
Скорее всего ваша анимация останавливается или остается неподвижной на какой-то момент времени. Присмотревшись, можно заметить, что этот момет состоит из нескольких одинаковых кадров. Если таких кадров 10 штук, то удалите 9 из них и установите длительность оставшегося кадра на, например, 1 секунду.
Если это не поможет, попробуйте заново импортировать видео, но на этот раз выберите параметр Limit To Every 2 Frames. Это должно значительно уменьшить размер файла.
Совет: Если ваша анимация состоит из более 150 кадров, то возникнут проблемы при попытках уменьшить размер файла.
6. Меньше цветов
Когда вы сохраняете GIF анимацию в Photoshop, то увидете выпадающее меню возле параметра Colors. Поэкспериментируйте со значениями, попробуйте максимально малое количество цветов, которое не превратит весь файл в мусор.
7. Измените параметр Lossy* (потери)
Если честно, то я даже не знаю, что этот параметр означает. Но я точно знаю, что если вы поставите его на уровне между 1 и 10, то избавитесь от лишних килобайтов без потери качества.
*«Потери» (Lossy) - допустимый уровень потери графической информации в растровом файле, позволяющий уменьшить файловый размер изображения
Ничего не изменилось! Помогите!
Если вы попробовали все, что было сказано выше, но так и не смогли уменьши размер GIF анимации, то нужно сделать шаг назад. Может вы хотите невозможного? Есть ли другой способ добиться желаемого? Можно ли разбить файл на две GIF анимации? Будет лучше, если ваша GIF анимация сделает акцент на одном аспекте.От переводчика. Со всеми пожеланиями и замечаниями по поводу перевода прошу обращаться ко мне в личку. Спасибо!
Графический формат анимации GIF сегодня очень часто встречается на просторах социальных сетей и обычных информационных сайтов. Благодаря малому весу таких файлов, они не занимают много места на серверах, поэтому их использование вполне оправдано. Чаще всего «гифки» представляют собой короткие анимационные ролики, в которых демонстрируются приколы и короткие рецепты приготовления блюд.
Самостоятельно такой файл можно создать практически в любом графическом редакторе. Но что делать, если хочется оставить понравившийся ролик на память? Как сохранить «гифку»?
Скачивание на компьютер
Далеко не все знают, что GIF-ролики могут проигрываться не только в своем «родном» формате, но и в MP4. Благодаря этому можно довольно легко скачать анимацию на свой ПК и смотреть полюбившийся клип в любое удобное время. Для этого достаточно следовать очень простой инструкции, в которой рассказывается, как сохранить «гифку» на компьютер:
- Активировать проигрывание файла в используемом браузере.
- Навести курсор на движущееся изображение и нажать ПКМ.
- Выбрать в появившемся окне «Сохранить картинку как».
- Скопировать файл на компьютер. «Гифка» сохранится в формате GIF.
Если опция Save image as не работает, то необходимо выбрать «Сохранить видео» и указать путь к папке на ПК. В этом случае ролик скачается в формате MP4. После этого необходимо использовать один из интернет-ресурсов, чтобы переформатировать сохраненный файл обратно в GIF. Для этого подойдет любой онлайн-конвертер, который переводит видео из формата MP4 в «гиф». На сайте необходимо только указать путь к папке, в которой лежит ролик, и подождать, пока не создастся новый документ, который нужно будет также скачать на компьютер.
Сохранение на iPhone
В этом случае придется проделать чуть больше манипуляций. Перед тем как сохранить «гифку» на айфон, необходимо скачать специальное приложение Camera Roll iOS. Без него ролик будет проигрываться некорректно (отобразится только первый кадр файла), и его будет невозможно просматривать. Также рекомендуется загрузить приложение GIF Viewer или любой его аналог. Кроме этого, «гифки» проще всего скачивать через браузер Safari.
Чтобы ролик отображался правильно, необходимо выполнить следующие шаги:
- Запустить браузер и активировать в нем GIF-анимацию.
- Нажать на изображение и выбрать в появившемся окне «Сохранить изображение». После этого картинка закачается в стандартную галерею iPhone.
- Включить приложение для корректного отображения всех кадров анимации.
- Наслаждаться просмотром.
Как скачать файл из "ВК" на смартфон
Многие пользователи социальных сетей интересуются, как сохранить «гифку» из VK, поскольку именно на этой площадке чаще всего встречаются подобные ролики. Однако если у человека в руках не айфон, а любой другой смартфон, то в этом случае стандартные приложения не помогут. Поэтому можно даже не тратить на них время.
- Нужно зайти в браузер Safari и найти в "ВК" любую «гифку».
- Нажать на картинку и выбрать «Открыть в новой вкладке».
- Дождаться полной загрузки ролика.
- Снова нажать на изображение и выбрать «Сохранить картинку».
Точно так же можно сохранять на смартфон любые ролики из других популярных социальных сетей. Если использовать браузер Google Chrome, то «гифка» сохранится, но не будет воспроизводиться.
Как скачать GIF из мобильных приложений
Многих пользователей мессенджеров Viber и WatsApp волнует вопрос о том, как сохранить «гифку» на телефон, если ее прислали в переписке. В этом случае все намного проще. Дело в том, что у всех приложений для обмена бесплатными сообщениями есть функция, которая позволяет выполнять различные манипуляции с полученными файлами.
Если требуется сохранить GIF-анимацию из переписки, то достаточно просто нажать «Сохранить», и файл автоматически будет отправлен в стандартный альбом телефона. После этого его можно просматривать и отправлять другим пользователям. Если по каким-то причинам ролик не работает, необходимо скачать GifPlayer из App Store. Зная, как сохранить «гифку» на компьютер или телефон, можно скачивать понравившиеся ролики и пересылать их друзьям при помощи любого мессенджера или приложения.
Прежде всего, стоит выяснить, что такое гифка. Гифка – это разговорное обозначение GIF формата графических файлов. Это, как правило, маленькие анимированные изображения. При скачивании гифки на или на телефон, без специально установленных программ они не будут проигрываться как им положено, а будут показаны просто как статичное изображение.
Как сохранить гифку на телефон?
Для того чтобы гифка сохранилась на , её необходимо скачать. Ну а для того, чтобы просмотреть её на телефоне, следует скачать специальную программу для просмотра gif-файлов. Вот некоторые из этих программ: GifPlayer, GifViewer. Такие программы бывают платные и бесплатные. После установки одной из этих программ на телефоне можно без проблем просматривать любые gif -файлы.
Как сохранить гифку из интернета?
Чтобы сохранить гифку из интернета, нужно на понравившуюся картинку навести мышку, затем правой кнопкой мыши вызвать контекстное меню и выбрать «Сохранить изображение как…». Затем выбрать место, где будет храниться выбранное изображение и придумать название для него. Далее нужно нажать: «Сохранить» и всё готово. Ничего сложного в этом нет. Справиться с такой задачей под силу каждому.
Как сохранить гифку на рабочий стол?
Если пользователь хочет, чтобы анимированное изображение в полной мере отображалось у него на рабочем столе, на компьютере – это очень затруднительно, но возможно. Для Windows Vista и Windows Seven необходимо применить технологию Windows DreamScene, с помощью которой удастся поставить на рабочий стол динамические и анимированные обои. В качестве фонового рисунка рекомендуется использование файлов с расширением MPG и WMV. Таким образом, на столе будет красоваться красивое изображение, которое через определенное время меняет рисунки.
