Как сохранить в gif photoshop: Создание GIF-анимации в Photoshop | Руководства по Adobe Photoshop
Как сохранить анимацию как видео в Фотошопе
Фотошоп – это мощный графический редактор, который дает практически безграничные возможности для обработки изображений. Наряду с этим можно создавать и сохранять анимации в специальном формате GIF, что позволяет воспроизводить их вне программы, встраивать на веб-сайтах и т.д. Но и это еще не все. Сохранять созданные анимации можно не только в файлы с расширением GIF, но и в видеофайлы. Давайте посмотрим, каким образом это можно сделать.
Сохраняем видео
Формат видео, поддерживаемый Фотошопом для экспорта, один из самых распространенных и базовых – это MP4. Итак, когда анимация готова, выполняем следующие действия:
- Заходим в меню “Файл”, в котором выбираем команду “Экспортировать”, затем – “Экспорт видео” (в некоторых версиях – “Просмотр видео”).
- Появится окно, в котором настройки для записи файла представлены в нескольких блоках. Начнем с первого, где:
- задаем имя файла;
- указываем папку для сохранения видео (выбираем существующую или создаем новую).
- Переходим к следующей группе настроек.
- Оставляем выбранные по умолчанию параметры “Adobe Media Encoder” и кодек “H.264”. Щелкнув по текущему варианту параметра “Набор” мы раскроем список, в котором можем выбрать качество сохраняемого видео.
- Далее определяемся с размером ролика. Если не трогать эти настройки, программа выставит значения ширины и высоты по размерам документа/холста.Также у нас есть возможность выбрать другие варианты, которые раскроются при щелчке по текущему.
- Частота кадров по умолчанию выставляется как в документе. При прочих равных условиях рекомендуется не менять значение.
- Другие параметры, представленные в окне, редко корректируются, поэтому мы не будем на них подробно останавливаться. Для сохранения (экспорта) видео с заданными настройками жмем кнопку “Рендеринг”.
- Процесс создания видеофайла займет некоторое время (зависит от длительности ролика и заданных настроек). Когда он завершится, заходим в выбранную ранее папку, проверяем наличие файла и запускаем его, чтобы проверить результат.
Заключение
Итак, мы только что успешно сохранили анимацию, созданную в Фотошопе, в видеофайл с популярным разрешением MP4. Теперь с ним можно дальше работать в более профильных программах для обработки видео, если это требуется. Также созданный ролик можно просматривать в различных плеерах, загружать в интернет и т.д.
Как уменьшить объём файла анимации GIF в Photoshop
3. Дизеринг (сглаживание, Dithering)
В официальных русскоязычных версиях Photoshop с незапамятных времён опция «Dithering» переводится как «Дизеринг», что является, мягко говоря, неточностью. В данном контексте «Dithering» означает «сглаживание», сглаживание переходов от одного цвета к другому.
Поскольку GIF-файлы содержат ограниченное количество цветов, для улучшения вида рисунка может понадобиться создание переходов между отдельными цветами, а для этого нужно имитировать недостающие цвета. Для создания этих цветов и существует опция «Дизеринг». Всего имеется четыре алгоритма для подобной имитации сглаживания — «Без дизеринга», «Случайное», «Регулярный» и «Шум»:
Рассмотрим алгоритмы подробнее (надеюсь, с режимом «Без дизеринга» всё понятно).
Используя алгоритм «Случайное» (Diffusion), мы, можем регулировать количество сглаживания.
В алгоритмах «Регулярный» (Pattern) и «Шум» (Noise) настройки отсутствуют, Photoshop всё делает автоматически.
Для некоторых изображений «Дизеринг» просто необходим, но следует помнить, что чем больше его значение, тем больше размер файла, т.к. он добавляет разноцветные пиксели в непосредственной близости друг от друга, для имитации вторичных цветов или гладких цветовых градаций.
4. Другие настройки
«Потери» (Lossy) — управление уровнем потерь визуальной информации при сглаживании, которые могут уменьшить размер файла, но также и ухудшить качество картинки. Доступна при отключенной опции «Чересстрочно» (Interlaced).
«Прозрачность» (Transparency) — имеет смысл включить в том случае, если изображение содержит прозрачные участки. Алгоритмы сглаживания работают по принципу опции «Дизеринг» (Dithering) и называются так же.
5. Сравнение исходной и оптимизированной версий
После того, как Вы добавили свои настройки в диалоговое окно сохранения для Web, с оптимизированной версией произошли изменения, и, почти всегда, в сторону ухудшения качества. Тщательно проверьте полученный результат, сравните его с исходником:
Вы можете просмотреть анимацию, а также задать параметры повторов — один раз, постоянно или задать собственное количество повторов:
Если результат Вас удовлетворил, переходите к следующему действию — сохранению анимации.
6. Подогнать оптимизацию анимации под указанный объём файла
Такая опция тоже имеется при сохранении анимации в Photoshop. Вы можете задать размер выходного файла, и исходя из этого Photoshop сам произведёт оптимизацию, подогнав размер файла под указанный Вами.
Нажимаем на кнопку в правом верхнем углу и выбираем строку «Оптимизировать по размеру файла» (Optimize to File Size)
7. Предварительный просмотр анимации в браузере, сохранение параметров оптимизации
После того, как Вы подобрали нужные настройки, сохраните их в наборе. Кликните по значку в правом верхнем углу окна сохранения для Web и нажмите на строку «Сохранить настройки»:
Анимацию с нашими настройками мы можем предварительно просмотреть в браузере, нажав на кнопку в левом нижнем углу окна:
Будет показана не только анимация, но и все данные по файлу GIF — объём, линейные размеры и т.д., а также HTML-код. Для примера я взял анимацию из этого урока:
Если всё нравится, то сохраняем файл. Для этого нажимаем кнопку «Сохранить» в правом нижнем углу диалогового окна. Открывается новое окно, где выбираем путь, ставим настройки, как показано на рисунке (это настройки по умолчанию), нажимаем кнопку «Сохранить»:
Анимация будет сохранена. Если сё-таки что-то не понравится, то можно будет произвести оптимизацию заново, используя сохранённый набор настроек.
Как создать гифку в Photoshop
Как сохранить gif в хорошем качестве Photoshop?
Чтобы загрузить их в Photoshop, нажмите Файл> Сценарии> Загрузить файлы в стек. Затем нажмите кнопку «Обзор» и выберите файлы, которые хотите использовать в создаваемом GIF-изображении. Нажмите «ОК». После этого Photoshop создаст отдельный слой для каждого добавленного изображения.
Как сохранить видео в gif в фотошопе?
Как только все будет готово, перейдите в меню Файл — Сохранить для Web (File > Save for Web) и примените настройки, как показано на скриншоте. После этого нажмите кнопку Сохранить (Save) и сохраните анимацию в формате GIF.
Как сделать анимацию из фотографий в фотошопе?
Чтобы создать покадровую анимацию, в Photoshop используется следующий общий рабочий процесс.
- Откройте новый документ.
- Добавьте слой или преобразуйте слой заднего плана.
- Добавьте содержимое к анимации.
- Выберите кадр.
- Отредактируйте слои выбранного кадра.
- По мере необходимости добавьте кадры и редактируйте слои.
Как самому сделать gif файл?
Создать GIF анимацию онлайн: инструкция.
- Создание gif анимации на онлайн конструкторе Gifius.ru происходит в три простых шага:
- Шаг 1. Загрузите картинки. …
- Шаг 2. Задайте настройки анимации. …
- Шаг 3. Скачайте готовую анимацию.
Как сохранить анимацию в фотошопе без потери качества?
Как уменьшить gif анимацию без потери качества через Photoshop
- Устанавливаем QuickTime, если он не установлен. …
- Открываем Photoshop — выбираем Файл -> Импортировать -> Кадры видео в слои. …
- Далее идем в (панель инструментов) Изображение -> Размер изображения -> в открывшемся окне выбираем нужный размер (например 100 на 100 пикселей) — нажимаем на ОК.
Как сохранить GIF из браузера?
Сделайте это с помощью поисковой системы, например, Яндекса или Google. Щелкните правой кнопкой мыши по анимации. Нажмите Сохранить изображение как. В некоторых браузерах эта опция называется «Сохранить картинку как».
В каком формате сохранять анимацию?
Можно сохранить анимацию в виде GIF-файлов для просмотра в Интернете. Видео и анимацию можно сохранить как фильм QuickTime или PSD-файлов.
Как сохранить видео в формате GIF?
Как сконвертировать MP4 в GIF
- Шаг 1. Загрузите mp4-файл(ы) …
- Выберите «в gif» Выберите gif или любой другой формат, который вам нужен (более 200 поддерживаемых форматов)
- Загрузите ваш gif-файл Позвольте файлу сконвертироваться и вы сразу сможете скачать ваш gif-файл
В каком приложении можно сделать живое фото?
Живое фото в Инстаграм можно сделать с помощью приложения для iPhone или программы для Windows (если у вас телефон на Android ) — PLOTAGRAPH. Подробно в блоге http://instagrammar.ru/foto/kak-sdela… 2.
Как создать идеальный GIF в Photoshop
Существует множество быстрых и грязных способов создать GIF на вашем компьютере, в основном с помощью небольших специализированных приложений, предназначенных для этой цели. Но если бесплатное приложение может это сделать, то Photoshop, вероятно, может сделать это лучше, а если у вас уже есть Photoshop на вашем компьютере, вам не нужно устанавливать что-либо еще, если вы хотите создавать GIF.
Здесь мы покажем, как создавать GIF-файлы в Photoshop — как из видеофайла, так и из серии изображений, которые можно объединить в GIF.
По теме: Как создать GIF из видеофайла с помощью VLC и GIMP
Превратите видео в изображения
Во-первых, если вы хотите превратить видео — или его часть — в серию GIF-файлов, вам нужно будет импортировать это видео в Photoshop как серию слоев. (Если вы превращаете отдельные изображения в GIF, вы можете перейти к следующему заголовку.)
Откройте Photoshop и нажмите «Файл -> Импорт -> Видеокадры в слои». Выберите видео, которое хотите превратить в GIF.
В открывшемся окне вы можете нажать «Только выбранный диапазон» и с помощью ползунка обрезать его до той части видео, которую вы хотите использовать для своего GIF. Вы также можете сократить количество импортируемых кадров, ограничив импорт каждым кадром «x».
Когда вы будете готовы преобразовать видео в слои, нажмите ОК.
Создание GIF в Photoshop из нескольких изображений
Найдите все изображения, которые вы хотите использовать в качестве последовательности в анимации GIF (если вы еще не добавили их, преобразовав видео). В идеале у вас должны быть изображения в одной папке на вашем компьютере и выстроены в том порядке, в котором они должны отображаться в анимации GIF (хотя это не обязательно, поскольку вы можете изменить их порядок в Photoshop).
Затем откройте Photoshop и вставьте изображение, которое должно появиться первым в вашей анимации GIF. Вы можете просто перетащить его в окно Photoshop или перейти в «Файл -> Открыть в Photoshop».
Имея первое изображение, вы можете выбрать остальные изображения одновременно (или одно за другим) и перетащить их на изображение, которое вы уже открыли в Photoshop. Все они должны отображаться как слои в одном проекте Photoshop. (Возможно, вам придется нажимать Enter для каждого файла в Photoshop, чтобы разместить файлы.)
У вас должно появиться окно временной шкалы в нижней части Photoshop. Если нет, нажмите «Окно -> Временная шкала», чтобы оно появилось.
Щелкните крошечный значок со стрелкой и четырьмя линиями в дальнем правом углу окна временной шкалы, затем «Создать кадры из слоев». Это добавит все ваши слои к анимации временной шкалы.
Вы можете изменить их порядок, перетаскивая эскизы, и предварительно просмотреть анимацию, щелкнув значок воспроизведения в окне временной шкалы.
По умолчанию анимация будет повторяться постоянно. Щелкните значок «Навсегда», и вы можете изменить его так, чтобы он повторял цикл только один или три раза, если хотите.
Если анимация движется слишком быстро для вас, вы можете увеличить задержку между кадрами. Выберите все кадры на шкале времени, щелкнув первый, затем, удерживая Shift, щелкнув последний.
Выделив все кадры, щелкните время под любым из них, чтобы изменить задержку кадров для всех из них. Если вы нажмете «Другое» в параметрах задержки, вы можете установить более конкретное время задержки. Здесь мы выбрали «0,15», что казалось идеальным для этой анимации.
Посмотрите, какой из них вам подходит, воспроизводя покадровую анимацию каждый раз, когда вы меняете задержку.
Вы также можете изменить задержку кадров между определенными кадрами, выбрав их индивидуально на шкале времени и изменив их задержку там.
По теме: 7 приложений, которые помогут вам создать файлы GIF на вашем устройстве
Сохранить анимацию GIF в Photoshop
Чтобы сохранить анимацию GIF, выберите «Файл -> Сохранить для Интернета».
В окне «Сохранить для Интернета» щелкните раскрывающийся список «Предустановки» и выберите «GIF 128 Dithered» для получения максимального качества. Дизеринг — это процесс, с помощью которого формату изображения с уменьшенной глубиной цвета (например, GIF) придается иллюзия глубины цвета за счет создания точек для сглаживания границ между цветами.
В окне «Сохранить для Интернета» мы также рекомендуем изменить «Цвета» на 256. Изменение размеров изображения также сильно повлияет на размер файла, поэтому вы можете уменьшить его, чтобы сделать GIF меньше и легче для просмотра людьми. онлайн.
Когда вы закончите, нажмите «Сохранить», и у вас будет свой GIF-файл!
Заключение
Photoshop может быть не таким простым способом создания GIF, как некоторые из этих легких приложений, но он предлагает гораздо больше возможностей, чтобы ваш GIF выглядел и воспроизводился именно так, как вы хотите. Кроме того, навыки Photoshop в целом очень полезны, так что это отличный способ продолжить знакомство с этим мощным программным обеспечением.
Как сохранять или делать гифки на Mac [советы в 2021 году]
GIF или Graphics Interchange Format символизирует вершину здоровых социальных сетей. GIF-файлы хранят несколько кадров анимации, которые можно изменять до бесконечности, без плагинов и видеоплееров. Легкодоступные, мощные и креативные инструменты для создания GIF-файлов — это то, что нужно каждому.
Быстро растущий культ GIF вместе с бесплатными онлайн-инструментами также способствовал широкой популярности. Знание того, как создавать анимированные GIF-файлы, позволяет создавать ссылки на поп-культуру, записывать памятное событие с фотографией или сохранять неизгладимое событие.
Так что вы можете знать как сохранить картинки на Mac на этот раз. Со своим сохраненным GIF у вас есть социальная лицензия, чтобы манипулировать ею так, как вы хотите. В противном случае сбой сохранения означает, что он закрывается при закрытии приложения для редактирования.
Руководство по статьеЧасть 1. Доступ ко всем параметрам экспорта в формат изображения в режиме предварительного просмотраЧасть 2. Как сохранить уже созданные гифки на Mac Часть 3. Другие возможности сохранения GIF на MacЧасть 4. В заключение
Люди также читают:Лучшие 3 простые способы разблокировать куки на MacБорьба с iPhone Календарь не синхронизируется с Mac
Часть 1. Доступ ко всем параметрам экспорта в формат изображения в режиме предварительного просмотра
Как сделать GIF на Mac в режиме предварительного просмотра
Ключ к разблокировке дополнительного формата изображения влечет за собой нажатие кнопки Option при нажатии кнопки «Формат» в диалоговом окне «Сохранить». С изображением, открытым в приложении предварительного просмотра, выделите «Файл
В окне «Сохранить» нажмите кнопку «Параметры» и выберите меню «Формат», чтобы открыть все типы файлов изображений для сохранения в нужном формате. Варианты Preview Format, предлагающие форматы файлов изображений, включая GIF. Удерживая нажатой клавишу «Option» при выборе «Формат», отображаются все форматы изображений в современных моделях Mac.
Этот трюк сделает работу для линейки Mac с приложением Preview. Apple разработала приложение Preview с интуитивно понятным интерфейсом и мощным движком. Новые версии Mac имеют больше форматов изображений, чем их старшие братья. Вы можете вызвать это, чтобы преобразовать обычные изображения в различные форматы или сохранить элемент по своему желанию.
Mac Tips Многофункциональный инструмент
iMyMac PowerMyMac Оснащает ваш Mac чистокровными инструментами, чтобы дать вашей машине чистый счет здоровья. Это предотвращает срыв вашего Mac из-за избыточных файлов и огромных объемов данных. Вооруженный интеллектуальной технологией очистки, он удаляет ненужные файлы, которые замедляют работу компьютера для достижения максимальной производительности.
Получите бесплатную пробную версию прямо сейчас!
Получите это лучшее в своей категории программное обеспечение бесплатно зачистить дубликаты, кэшировать файлы, избыточные приложения и устаревший контент для оптимизации всех процессов. Более того, это комплексный пакет, позволяющий повысить скорость работы вашего компьютера, сохраняя ваше устройство в чистоте, свежести и организованности.
Часть 2. Как сохранить уже созданные гифки на Mac
Метод 1. Использование приложений для сохранения GIF-файлов на Mac
GIF Пивоварня
Откройте товар в GIF Brewery, который можно купить в Apple Store всего за 4.99 доллара. Обрезать, изменить размер и настроить файл в GIF Brewery. С желтыми и красными ползунками в нижней части экрана выберите нужный фрагмент видео в формате GIF. Пивоварня GIF позволяет разделить моменты, краткие, как вспышка секунды.
Введите подписи и затем используйте «Управление оверлеями», Чтобы установить подписи. Перейти к GIF Свойства, чтобы выбрать Frame Count, ввести стоп-кадр и выбрать режим зацикливания. Нажмите на «Создать GIFИ сохранить. Вы можете создать ассортимент GIF из того же видео, перенастроив ползунки и выполнив повторную обработку. Выбранные вами настройки будут применяться по умолчанию до тех пор, пока вы не измените их снова.
QuickTime Player
Запустите проигрыватель QuickTime и выберите «Новая запись экрана» в раскрывающемся списке файлов. Нажмите на прозрачную рамку вокруг видео, которое вы хотите записать, или просто нажмите, чтобы захватить весь экран. Нажмите на запись> стоп> сохранить.
Способ 2. Как сохранить файл в формате GIF
Предварительный просмотр предлагает утилиту, которая позволяет открывать цифровые файлы и конвертировать их в формат файла, такой как GIF. Сохранение файла GIF сохраняет анимацию, связанную с ним.
- Хит «Предварительный просмотр» значок в доке у подножия вашего окна. Если вы не можете найти его там, перейдите в каталог «Приложения» и введите «Предварительный просмотр», затем дважды щелкните значок, когда будет предложено запустить программу.
- Перейдите в меню «Файл» и нажмите «Открыть».
- Выберите элемент, который вы хотите конвертировать, и выберите «Открыть».
- Вернитесь в меню «Файл» и нажмите «Сохранить как».
- Откройте раскрывающееся меню «Формат» и нажмите «GIF».
- Используйте ползунок качества, чтобы улучшить внешний вид экспортируемого изображения.
- Нажмите «Где» выбрать место, куда вы хотите сохранить GIF-версию файла. При необходимости введите новое имя в поле «Сохранить как».
- Нажмите «Сохранить», чтобы преобразовать оригинальный формат в GIF. Вам могут потребоваться сторонние инструменты для улучшения качества анимации.
Наконечник: Как конвертировать изображения с помощью Preview в OS X.
Часть 3. Другие возможности сохранения GIF на Mac
Возможность # 1 Сохранить с помощью Photoshop
Из траншей Photoshop вы должны успешно сохранить свой GIF. выбирать Файл> Сохранить для веб, Появляется меню с обязательными параметрами. В зависимости от версии фотошопа укажите анимированный файл. Если вы видите поле для этого, убедитесь, что оно отмечено. Также подтвердите, что вы сохранили файл в формате GIF.
Возможность № 2 Скачать онлайн
Просто нажмите на ссылку под файлом с надписью «Загрузите анимацию в вашу систему». Он сохраняет файл в папке по умолчанию, которую вы включили в настройках своего браузера. Нажмите клавишу CTRL или щелкните правой кнопкой мыши по ссылке, чтобы выбрать элемент для сохранения элемента в другом месте, например на рабочем столе.
Возможность №3 Сохранить с помощью стороннего инструмента
У сторонних инструментов для создания GIF есть возможность сохранить его в этом формате. Например, вы можете сохранить GIF из Giphy или загрузить GIF из Giphy на ПК. Ищите список вариантов сохранить как файл GIF, Некоторые программы могут не поддерживать многокадровую анимацию GIF; Вы можете использовать другое программное обеспечение, такое как Photoshop, чтобы сохранить свою работу.
Часть 4. В заключение
В итоге, Preview предлагает полезный инструмент для редактирования изображений, в то время как вновь созданные линейки Mac OS X имеют расширенные параметры формата экспорта файлов. Рынок GIF кишит богатыми инструментами, которые позволяют вам создавать медиа, не платя за ногти. С появлением High Sierra у энтузиастов есть простые и быстрые методы.
Нажмите на каждый случай, чтобы сделать GIF с помощью простых в использовании инструментов. Лучшие и первоклассные специальные инструменты GIF позволяют создавать GIF-файлы из одного файла с более широкими возможностями. Доступ ко всем форматам изображений для экспорта изображений в Mac OS X Preview, чтобы упростить сохранение файла в формате GIF.
Или вы также можете сохранить GIF из Tumblr на Mac или из Google. У вас есть другие техники? Поделитесь своими секретами сохранения GIF на нашем форуме Apple ниже.
Архитектура. Бытовая техника. Канализация. Лестницы. Мебель. Окна. Отопление. Ремонт. Строительство
Задумывались ли вы, как создаются анимированные GIF-файлы? Автор урока предлагает вам за одну ночь освоить некоторые секреты анимации с помощью этого урока. Так же вы научитесь использовать Шкалу времени (Timeline) , которая доступна в версии Photoshop CS6. А теперь начнём!
Результат урока.
Шаг 1
Создайте новый документ (Ctrl + N ) с размерами файла 800 х 500 пикселей. Залейте фон любым цветом, который вы хотите. Теперь идём в меню Слои — Стиль слоя — Наложение градиента (Layer> Layer Styles> Gradient Overlay). Примените следующие настройки: Стиль Радиальный (Radial), цвета от чёрного (# 000000) к синему (# 54799b), который будет использоваться в центре.
Шаг 2
Создайте новый слой и назовите его Noise Layer . Выберите инструмент Заливка (Paint Bucket Tool) и залейте созданный слой тёмным цветом (# 231f20). Оставьте активным слой Noise Layer и идите в меню Фильтр — Шум — Добавить шум (Filter> Noise> Add Noise). В диалоговом окне настроек фильтра поставьте такие значения: Эффект (Amount) 3%, распределение Равномерное (Uniform) и нажмите ОК.
Шаг 3
Нажмите комбинацию клавиш (Ctrl + U) и в появившемся диалоговом окне настроек коррекции введите значения Насыщенности (Saturation) 100%: Измените этому слою режим наложения на Мягкий свет (Soft Light).
Примечание переводчика: для того чтобы добиться такого цвета как у автора на скриншоте, можно при коррекции Цветовой тон / Насыщенность (Hue/Saturation) значение Цветового тона (Hue) поставить на — 140.
Шаг 4
Добавьте любой текст, который вы хотите. Здесь мы будем использовать текст логотипа сайта 123RF. В стилях слоя используйте Обводку (Stroke). Значения размера обводки выберите по своим предпочтениям.
Примечание переводчика: На скрине автора уже растрированный текст вместе со стилем Обводка. Чтобы у вас получилось так же, после того как применили обводку, уберите Заливку (Fill ) слоя с текстом на 0%, преобразуйте этот слой в смарт объект, а затем растрируйте его.
Шаг 5
В этом шаге мы будем создавать светящийся эффект для текста с помощью стилей слоя. Дважды щёлкните по слою, чтобы вызвать окно настроек стилей. Для того чтобы настроить стили слоя, используйте скриншоты ниже.
Тиснение (Bevel & Emboss)
Внутренняя тень (Inner Shadow)
Внутреннее свечение (Inner Glow)
Наложение цвета (Color Overlay)
Внешнее свечение (Outer Glow)
Тень (Drop Shadow)
Шаг 6
Как только вы закончите создавать световые эффекты с помощью стилей слоя, перейдите в палитру слоёв и уменьшите этому слою значение Заливки (Fill) на 0%.
Шаг 7
Дублируйте слой, который вы создали в шаге 5 и отключите этой копии все стили слоя. Настройте теперь стили так:
Внутренняя тень (Inner Shadow)
Внутреннее свечение (Inner Glow)
Шаг 8
Ниже результат после того как вы применили стили слоя.
Шаг 9
Теперь мы создадим движущиеся световые пятнышки. Создайте 5 слоев поверх существующих, и переименуйте их как 1,2,3, R и F. Если у вас свой текст создайте слои в соответствии с вашими буквами. Сгруппируйте эти слои в папку, которой дайте название Light Spots и смените режим наложения на Осветление основы (Color Dodge).
Активируйте инструмент Кисть (Brush Tool), выберите мягкую кисточку, установите Непрозрачность (Opacity) на 95% и белым цветом нарисуйте пятнышки поверх текста. Для каждой буквы отдельное световое пятно на своём слое. Ниже на скриншоте вы можете рассмотреть, как слои выглядят у автора в палитре слоёв.
Шаг 10
Теперь идём в меню Окно — Шкала времени (Window > Timeline). Вы заметите, что ваши слои уже построены в этой палитре в левой её части. Выделите каждый из пяти слоёв со световыми пятнами, которые находятся в группе Light Spots и убедитесь что индикатор текущего времени (голубой слайдер) стоит на нулевом кадре. Теперь на каждом слое в группе, при его активности, нажмите на опцию Позиция (Position), чтобы создать ключевой кадр.
Примечание переводчика: Для того чтобы активировать шкалу времени, нажмите кнопку Создать временную шкалу для видео (Create Video Timeline) и все ваши слои загрузятся в шкалу времени. Выделен в ней будет тот же слой или группа, что и в палитре слоёв.
Шаг 11
Установитеиндикатор текущего времени (голубой слайдер) на отметке 01:00 F и переместите слои со световыми пятнами по траектории их движения относительно контура буквы.
Шаг 12
Так будет выглядеть начальное положение светового пятна на буквах. Перемещайте индикатор текущего времени по шкале и двигайте слои со световыми пятнами, создавая ключевые кадры. Продолжайте их перемещать, пока не закончите движение пятнышка по всей букве каждого текстового слоя. Для инструкции смотрите несколько скриншотов ниже
Тип сжатия
Выбирает компрессор видеосигнала (кодек) для сжатия видео.
Кадров в секунду
Задает число отдельных изображений, отображающихся за одну секунду. Стандартный видеоформат NTSC имеет частоту кадров 29,97 кадр/сек. Европейский видеоформат PAL имеет частоту кадров 25 кадр/сек. Стандарт для кинофильмов — 24 кадр/сек. Фильм QuickTime иногда создается с более низкой частотой кадров, чтобы снизить пропускную способность и нагрузку на процессор.
Фильмы с более высокой частотой кадров лучше передают движение, но имеют большой размер файла. Если выбрать частоту кадров меньше текущей, кадры удаляются. Если выбрать частоту кадров больше текущей, существующие кадры дублируются (не рекомендуется, поскольку в этом случае увеличивается размер файла без повышения качества). В большинстве случаев ваш ролик будет выглядеть лучше, если вы выберете число, на которое его частота кадров делится без остатка. Например, если частота источника составляет 30 кадров в секунду, необходимо выбрать частоту кадров 10 или 15. Не следует выбирать частоту, превышающую частоту исходного материала.
Частота ключевых кадров
Указывает частоту ключевых кадров. Увеличение частоты ключевых кадров (меньшее число) улучшает качество видео, но увеличивает размер файла. Некоторые кодеки автоматически вставляют дополнительные ключевые кадры, если изображение слишком сильно изменилось по сравнению с предыдущим кадром. Обычно достаточно одного ключевого кадра на каждые 5 секунд (умножьте количество кадров в секунду на 5). Если создается файл для потоковой передачи данных по протоколу RTSP, и возникают сомнения по поводу надежности связи, можно увеличить частоту ключевых кадров до одного ключевого кадра на каждую секунду или две секунды.
Ограничить скорость передачи данных до
Задает значение скорости передачи данных при воспроизведении (в килобитах в секунду). Большее значение скорости передачи данных обеспечивает более высокое качество воспроизведения, однако не рекомендуется превышать значение предельной пропускной способности.
Глубина
Задает количество цветов в экспортируемом видео. Это меню недоступно, если выбранный кодек поддерживает только одну глубину цвета.
Качество
Если параметр доступен, перетащите ползунок или введите значение, чтобы настроить качество экспортируемого видео, и, соответственно, размер файла. При использовании одного и того же кодека для захвата и экспорта и при наличии отрендеренной последовательности (для предварительного просмотра) можно сократить время рендеринга. Для этого настройки качества экспорта и исходные настройки качества захвата должны совпадать. Если качество превышает исходный уровень качества записи, то качество создаваемого видеоряда не улучшится, а время обработки может увеличиться.
Сделать gif-анимацию не сложно, если у вас есть Фотошоп.
Сейчас я расскажу как ее сделать.
Создаете многослойный документ. Для простоты объяснения я создал два слоя.
Открываете окно Windows→Workspace→Motion
В появившейся области Timeline создаете фреймы и поочередно присваиваете каждому фрейму соответсвующий слой.
Внизу под каждым фреймом задаете время отображения слайда. Для первого слайда я указал 1,5 секунды, для второго секунду.
Нажмите кнопочку Play и поэкспериментируйте с выбором оптимальной задержки кадров анимации.
Чтобы каждый раз не нажимать кнопку. можете сделать непрерывный процесс, выставьте значение Forever.
Когда добьетесь неоьходимого интервала смены кадров, работу можно считать законченной. Сохраните исходник в PSD и анимацию в формате GIF. Укажите большее количество цветов, если градиент в изображении будет слишком упрощенным. состоящим из точечек.
Результат будет таким:
Я рассказал кратко, самое необходимое. Более подробно о создании gif-анимации в Фотошопе рассказывается в обучающем видео. Попробуйте, у вас обязательно получится!
После создания анимации в Фотошопе ее необходимо сохранить в одном из доступных форматов, одним из которых является 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 завершен. На нем мы выяснили, каким образом можно оптимизировать файл для размещения в интернете.
Я создал анимированный баннер в Photoshop CC и должен сохранить его в формате GIF.
Я использовал Timeline / Motion. Когда я «Сохранить для Интернета», во втором поле сверху установлен «GIF».
И да, у меня установлен цикл «Навсегда».
Не могли бы вы сделать скриншот настроек сохранения? Когда я сохраняю как HTML и изображения, я получаю HTML-страницу и папку с изображениями, которая содержит один анимированный GIF цикл навсегда.
мужественный
Похоже, что вы можете что-то настраивать неправильно, это определенно поможет увидеть, какие настройки вы используете. Я только что создал циклический GIF-файл, сохраненный как «Только изображения», и он отлично работает для меня. Один единственный файл.gif, который при открытии в моем браузере зацикливается.
Ответы
джастинЧтобы ответить на ваш главный вопрос: да, вы можете сохранить анимацию в виде картинки из Photoshop CC. Вам не нужно будет перестраивать его во Flash.
Похоже на то, что у вас могут быть какие-то неверно сконфигурированные настройки, или ваша анимация построена неправильно. Размещение более подробной информации поможет. Я пытался воспроизвести вашу проблему и не могу придумать то, что вы описали. А пока вот процесс создания GIF из Photoshop CC:
Сначала настройте анимацию вашего кадра или временной шкалы (любой тип анимации должен работать, хотя я предпочитаю управление кадрами при создании GIF). Затем выберите « File > « Export > « Save for Web (Legacy)…
Выберите Save и выберите параметры сохранения. Нет необходимости выбирать любой из параметров HTML, если вы просто экспортируете анимацию в GIF.
Поскольку создание анимации и ее экспорт в виде файла.gif с помощью Photoshop включает несколько различных этапов, важно проверить воспроизведение анимации на протяжении всего процесса.
Непрерывное тестирование не только гарантирует, что вы получите желаемые результаты в окончательном файле, но также поможет вам узнать, какую часть процесса следует устранить, если что-то не так.
Нехил ВасувалСохраните это как есть. Он будет выводить активы, одним из которых будет GIF. Просто проверьте, где файлы сохраняются.
Kurt
И почему и как это можно доказать? Для правильного ответа ваш комментарий слишком короткий! Пожалуйста, объясните лучше и добро пожаловать в GD.SE!
Как сделать анимированный GIF в фотошопе
Гифки везде. Некогда скромное анимированное изображение — теперь неофициальный язык сети
, GIF-файлы — это самый быстрый способ выразить эмоции в Twitter, и вы можете тратить часы на их просмотр.
на Reddit и Facebook.
Существует множество мест, где можно найти GIF-файлы, в том числе специальные сервисы, такие как Giphy, и вы даже можете приобрести клавиатуру для iOS
и клавиатуры Android
что искать их по мере ввода.
Но ничто не сравнится с созданием собственного. Вы можете создать анимированный GIF в Photoshop, конвертируя видео или используя серию статических изображений. Давайте посмотрим, как это сделать. Мы будем создавать GIF-файлы в Photoshop CC для этого примера.
Сделать GIF из видео
Одна из наиболее распространенных причин создания GIF — это получение видеоклипа, которым вы хотите поделиться в Интернете. В Photoshop очень легко конвертировать видео в GIF.
Начните с перехода к Файл> Импорт> Видеокадры в слои. Вам не нужно сначала создавать новый файл. Выберите ваше видео и нажмите открыто.
В следующем диалоговом окне вы можете выбрать, импортировать ли видео целиком или только выделенную часть. Если вы выберете последний вариант, перетащите маркеры обрезки под окном предварительного просмотра внутрь, чтобы установить новые начальную и конечную точки. Все между этими ручками будет импортировано; все снаружи отбрасывается.
Помните, что чем больше видео вы импортируете, тем больше будет ваш конечный GIF.
Если вы импортируете большой клип, выберите Ограничение каждые 2 кадра (или более) — это простой способ уменьшения размера без чрезмерного влияния на качество.
Удостовериться Сделать рамочную анимацию проверяется, затем нажмите Хорошо. Видео начнет импортироваться. Это может занять некоторое время в зависимости от его размера. Когда это будет сделано, у вас появится новый файл изображения, в котором каждый кадр видео будет размещен в отдельном слое.
В нижней части экрана находится График палитра. Здесь показаны все кадры, из которых будет составлен ваш GIF, каждому кадру соответствует отдельный слой на изображении.
Вы можете добавлять или удалять рамки или редактировать любой из существующих слоев так же, как обычный слой на любом другом изображении. Но для прямого преобразования видео в GIF просто нажмите Играть кнопка внизу для предварительного просмотра. Когда вы счастливы, вы готовы сохранить GIF.
Как сохранить GIF в фотошопе
Идти к Файл> Экспорт> Сохранить для Web (Legacy). В открывшемся окне установите формат в GIF, Цвета до 256, и уменьшить Размер изображения к чему-то меньшему, чтобы уменьшить общий размер файла.
Вы можете увидеть, насколько большим будет ваш результирующий файл, в левом нижнем углу окна предварительного просмотра. Если он слишком большой, перетащите с потерями ползунок вправо. Это повлияет на качество, но также значительно уменьшит размер файла.
Наконец, ударил Сохранить создать свой GIF.
Вручную создать GIF из неподвижных изображений
Если у вас нет видео для использования в качестве основы для GIF, вы можете создать его вручную из серии статических изображений. Это немного сложнее, особенно если вы хотите сделать что-то сложное, но основной процесс прост.
Вы создаете свой GIF из одного файла изображения, содержащего несколько слоев, и эти слои используются для предоставления содержимого для каждого кадра вашей анимации. Есть два способа начать:
- Если вы уже сделали изображения для анимации, импортируйте их, перейдя в Файл> Сценарии> Загрузка файлов в стек. Нажмите Просматривать, затем выберите все нужные изображения и нажмите Хорошо. Каждое изображение будет помещено на свой отдельный слой в том же файле.
- Если вы еще не сделали изображения, сделайте это сейчас. Помните, что каждая часть анимации должна идти на своем собственном слое.
Теперь вы готовы сделать анимацию.
Анимируй свой GIF
Вот как это работает. Когда вы вручную создаете кадр в анимации, каждый слой в вашем изображении, который установлен на видимый будет включен в этот кадр. Слои установлены в скрытый не будут включены в кадр.
Для первого кадра вам может потребоваться установить фоновый слой на Видимый, а на всех остальных слоях — Скрытый. Затем во втором кадре вы можете сделать видимым второй слой, а затем третий слой в третьем кадре и так далее. Это станет ясно, как только вы начнете.
Сначала зайдите в Окно> Временная шкала. В центре открывшейся панели нажмите Создать рамочную анимацию. Это создает первый кадр вашей анимации. В палитре слоев скрывайте слои, которые не хотите быть частью этого фрейма, сняв флажок глаз иконки.
Теперь нажмите Новая рамка кнопка, которая будет дублировать предыдущий кадр. Еще раз спрячьте слои, которые вы не хотите включать в этот новый фрейм, и сделайте видимыми те, которые вы делаете.
Повторяйте этот процесс, пока вы не добавите все необходимые кадры в GIF.
Заканчивать
Чтобы закончить, установите Задержка кадра — это, по сути, частота кадров. Нажмите на первый кадр, затем нажмите на последний кадр, нажав Shift. Теперь нажмите стрелку раскрывающегося списка под одним из кадров и выберите задержку. Без задержки означает, что анимация будет проходить быстро, в то время как определенное количество секунд означает, что каждый кадр будет оставаться на экране в течение этого промежутка времени.
Наконец, установите Параметры зацикливания, который вы найдете в нижней части панели временной шкалы. Он устанавливает, сколько раз GIF будет проигрываться. В большинстве случаев вы хотите установить его на навсегда.
Теперь нажмите Играть кнопка в нижней части экрана, чтобы просмотреть ваш GIF. Вы должны увидеть что-то вроде этого:
Вы можете редактировать кадры, просто выбирая их и настраивая, какие слои являются видимыми (вы также можете настроить непрозрачность или сделать другие более сложные настройки). Добавьте больше слоев, если они вам нужны, или нажмите значок корзины, чтобы удалить их.
Когда вы довольны, вы можете перейти к разделу «Сохранение GIF». Или читайте дальше, чтобы улучшить анимацию.
Продвинутые анимации с твиннингом
Photoshop поддерживает мощную функцию анимации под названием Tweening. Это позволяет создавать более плавные анимации, автоматически генерируя переходные кадры между двумя существующими кадрами. Например, допустим, что вы хотите, чтобы слой постепенно исчезал. Вы должны создать один кадр с этим слоем со скрытым, а другой с видимым. И тогда ты бы поменял между этими двумя кадрами.
В нашем примере мы собираемся переключаться между всеми кадрами, чтобы придать нашему звездному небу больше мерцающего эффекта.
Сначала выберите первый кадр и нажмите Tween кнопка на панели инструментов в нижней части панели временной шкалы.
В открывшемся диалоговом окне установите Твин с в Следующий кадр, а также Рамки для добавления на количество переходных кадров, которые вы хотите. Более высокое число означает более плавный, но более медленный эффект. Нажмите Хорошо генерировать новые кадры.
Теперь повторите процесс для других оригинальных кадров, которые вы создали. Когда вы получите последний, который вы можете установить Твин с в Первый кадр. Это помогает создать плавный переход к началу цикла GIF.
Ударь Играть кнопка для предварительного просмотра эффекта.
Сохранение вашего GIF
Когда вы закончите, вы должны сначала сохранить ваш файл в формате .PSD. Это сохранит всю информацию о слоях и анимации, чтобы вы могли вернуться и отредактировать ее позже, если вам нужно. После этого вы можете экспортировать его в формате GIF.
Идти к Файл> Экспорт> Сохранить для Web (Legacy). В открывшемся диалоговом окне убедитесь, что для формата установлено значение GIF, а для параметра «Цвета» установлено значение 256 (это обеспечивает максимальное качество).
Другие настройки, которые вы можете изменить, включают Размер изображения а также Параметры зацикливания если ты не делал этого раньше.
В окне предварительного просмотра отображается размер файла при его сохранении. Вы также можете нажать предварительный просмотр кнопка для проверки анимации в окне браузера.
Наконец, нажмите Сохранить чтобы сохранить свой GIF.
Другие способы сделать гифки
Создание GIF-файлов в Photoshop очень просто. Но что, если у вас нет фотошопа? Это не значит, что вы должны быть опущены. Ознакомьтесь с нашими руководствами по созданию GIF-файлов, когда у вас нет навыков
и о том, как сделать GIF из видео на YouTube
, С таким большим количеством инструментов для всех уровней пользователей, нет никаких причин, чтобы не углубляться прямо в.
Вы использовали Photoshop для создания GIF-файлов? Какие еще инструменты вы используете? поделитесь своими мыслями и рекомендациями в комментариях ниже.
Как сохранить анимированный GIF в Photoshop 2020? — MVOrganizing
Как сохранить анимированный GIF в Photoshop 2020?
Экспорт анимированного GIF: выберите «Файл» — «Экспорт», «Сохранить для Интернета» (устаревшая версия). Выберите формат GIF в правом верхнем углу диалогового окна «Сохранить для Интернета». Убедитесь, что для параметра Looping Options установлено значение «Forever» в правом нижнем углу, нажмите «Сохранить» и выберите место. Вот и все!
Как сохранить анимированные изображения?
Сохранение анимированных GIF-файлов на свой компьютер
- Щелкните правой кнопкой мыши анимированный GIF, который хотите загрузить.
- Выберите «Сохранить изображение как».
- Выберите место, где вы хотите сохранить изображение, сохраняя формат файла как. gif.
- Нажмите «Сохранить».
Как извлечь изображение из анимированного GIF?
Чтобы извлечь кадры, щелкните правой кнопкой мыши изображение в формате GIF и выберите параметр «Извлечь кадры». Откроется новое окно. Там используйте ползунок, чтобы установить диапазон для кадров. Наконец, используйте кнопку «Извлечь кадры», а затем вы можете выбрать папку вывода и формат для сохранения кадров как изображений.
Как визуализировать GIF в Photoshop?
Как создать анимированный GIF в Photoshop
- Шаг 1. Загрузите изображения в Photoshop.
- Шаг 2: Откройте окно временной шкалы.
- Шаг 3. В окне временной шкалы нажмите «Создать анимацию кадра».
- Шаг 4: Создайте новый слой для каждого нового кадра.
- Шаг 5: Откройте тот же значок меню справа и выберите «Создать кадры из слоев».
Можно еще анимировать в фотошопе?
В Photoshop вы используете панель «Таймлайн» для создания кадров анимации.Каждый кадр представляет собой конфигурацию слоев. Вы также можете создавать анимацию, используя временную шкалу и ключевые кадры. См. Раздел Создание анимации на временной шкале.
Вышла ли Adobe Animate 2021?
Создайте свою первую анимацию за пять минут — Adobe Animate 2021 уже доступен! Да, это Adobe Animate!
Сколько стоит Adobe Animate в месяц?
Получите Animate как часть Adobe Creative Cloud всего за 20,99 долларов США в месяц. Получите Animate как часть Adobe Creative Cloud всего за 20,99 долларов США в месяц.Анимируйте что угодно. Создавайте интерактивные анимации для игр, телешоу и Интернета.
анимации — как сохранить файл анимированного GIF с помощью Photoshop?
анимация — как сохранить файл анимированного GIF с помощью Photoshop? — Обмен стеками графического дизайнаСеть обмена стеками
Сеть Stack Exchange состоит из 178 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.
Посетить Stack Exchange- 0
- +0
- Авторизоваться Подписаться
Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.
Зарегистрируйтесь, чтобы присоединиться к этому сообществуКто угодно может задать вопрос
Кто угодно может ответить
Лучшие ответы голосуются и поднимаются наверх
Спросил
Просмотрено 353к раз
Я делаю .gif
в Photoshop CS5. При сохранении этой анимации я использовал шаги = File> Save for web & devices> Preset = GIF 128 Dithered> GIF> Save
. После сохранения файла .gif
анимация не отображается.
Так что не так с процедурой?
Создан 06 июл.
пуджапуджа53933 золотых знака55 серебряных знаков88 бронзовых знаков
4- Файл должен иметь временную шкалу или последовательность кадров.(Окно
> Временная шкала
) - Вам необходимо установить параметры анимации в диалоговом окне «Сохранить для Интернета»:
Кроме того, можно иметь быструю анимацию и не видеть ее изначально из-за скорости и продолжительности, если для параметра «Сохранить для Интернета» установлено значение «один раз». Возможно, вам потребуется перезагрузить страницу / изображение, чтобы увидеть анимацию.
Кроме того, в некоторых браузерах есть возможность отключать GIF-анимацию. Если вы выполнили все вышеперечисленное, убедитесь, что это не параметр браузера, препятствующий отображению анимации.
Создан 23 авг.
СкоттСкотт191k2020 золотых знаков261261 серебряный знак516516 бронзовых знаков
2Попробуйте продублировать эти предустановки в «Custom».Попробуйте также изменить путь, по которому сохраняется файл, чтобы проверить, работает ли это.
Создан 06 июл.
Очень активный вопрос . Заработайте 10 репутации (не считая бонуса ассоциации), чтобы ответить на этот вопрос.Требование репутации помогает защитить этот вопрос от спама и отсутствия ответов. Graphic Design Stack Exchange лучше всего работает с включенным JavaScriptВаша конфиденциальность
Нажимая «Принять все файлы cookie», вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Принимать все файлы cookie Настроить параметры
Как сохранить исходный GIF-файл? : photoshop
Если вы находитесь на вкладке «Оптимизировано» при использовании функции «Сохранить для Интернета», это единственный размер, о котором вам нужно беспокоиться, поскольку это будет ФАКТИЧЕСКИЙ РАЗМЕР ФАЙЛА сохраненного файла изображения.Любые «размеры», которые вы видите где-то в Photoshop, относятся к чему-то другому, и вы можете игнорировать это. Не забудьте также сохранить исходный PSD!
Не могли бы вы показать свою гифку? Обычно «гифки» — это видеоклипы, сохраненные в видеоформате (.mp4 / H.264). Это позволяет им получать видео / фото высокого качества при небольшом размере файла. Если вам нужен формат анимированных изображений 1987 года (.gif), тогда у вас будет строго ограничено (я думаю, это тот случай, если вы хотите разместить его в Steam). Старый .Формат gif НЕ предназначен для видео / фото, поэтому по возможности следует избегать такого содержания. Фото / видеоконтент даст вам огромный размер файла, и вы получите проблемы с качеством из-за полос / дизеринга (всего 256 цветов).
Чтобы уменьшить размер файла .gif, вы можете сделать несколько важных вещей:
Меньшие размеры . Меньше пикселей == меньший размер файла.
Используйте на меньше кадров . Это может означать, что вам придется использовать более короткую продолжительность или меньшую частоту кадров (более высокую продолжительность на кадр).
Убедитесь, что как можно меньше пикселей меняется от одного кадра к следующему . Если это видео ( дрожь, ), то обычно из-за шума и т. Д. Каждый пиксель имеет тенденцию меняться, даже при статическом ракурсе камеры. В этом случае возьмите неподвижный кадр и используйте маску слоя, чтобы показать только движущиеся части других слоев. Если вам нужно анимировать маску, рассмотрите возможность использования AfterEffects вместо Photoshop.
Если у вас есть элементы текста или иллюстраций, сделайте их сплошными цветами.Если у них должен быть градиент, лучше всего использовать идеально горизонтальные градиенты и убедитесь, что дизеринг отключен для градиента.
При сохранении файла .gif у вас есть несколько вариантов, которые вы также можете настроить:
Если вы уменьшите количество цветов, вы получите меньший размер файла за счет большего количества полос / дизеринга. Вы также можете попробовать различные алгоритмы уменьшения цвета, но обычно они не оказывают большого влияния.
Чтобы скрыть полосатость, мы используем дизеринг.Вы можете настроить тип и количество, чтобы увидеть, что, по вашему мнению, лучше всего подходит для вашего файла (но больше дизеринга == больший размер файла).
Наконец, есть слайдер «Lossy»; он изменит порядок пикселей в изображении, чтобы их было легче сжать. Это ухудшит качество изображения, но может быть очень полезно для уменьшения размера файла. Попробуйте немного увеличить его. Не забывайте следить за своей анимацией (проигрывать ее), чтобы увидеть, как это повлияет на качество.
Как конвертировать GIF в JPG в Photoshop | Small Business
Спецификация файла GIF была создана онлайн-службой CompuServe.Его формат индексированных цветов ограничивает его максимум 256 оттенками, что ограничивает его полезность при воспроизведении объектов с непрерывным тоном, таких как фотографии. С другой стороны, он отлично подходит для представления информационной графики, штриховых рисунков и изображений, требующих хотя бы частичной прозрачности, а также примитивной формы анимации, представленной мультикадровыми GIF-файлами. Преобразование созданного вами GIF-изображения для использования в презентации или на веб-сайте не увеличит детализацию вашего изображения, но позволит вам использовать больше функций Photoshop для редактирования и улучшения файла.
Откройте ваш GIF в Adobe Photoshop. Внимательно изучите его, чтобы решить, рассматривать ли его как полутоновое или цветное изображение.
Откройте меню «Изображение», выберите подменю «Режим» и выберите «Оттенки серого», чтобы преобразовать черно-белый GIF в изображение в градациях серого. Выберите «Цвет RGB», чтобы преобразовать GIF, содержащий цвета, отличные от оттенков серого, в полноцветное изображение.
Откройте меню «Файл» и выберите «Сохранить». Установите в раскрывающемся меню Формат значение JPEG. При желании вы можете встроить цветовой профиль и добавить предварительный просмотр изображений.В зависимости от того, как вы планируете использовать сохраняемый файл JPEG, эти параметры могут быть ненужными или неподдерживаемыми.
Нажмите кнопку «Сохранить», чтобы открыть диалоговое окно «Параметры JPEG». Установите в раскрывающемся меню «Качество» значение от «Низкое» до «Максимальное». Кроме того, вы можете ввести значение от нуля до 12 в поле «Качество» или перетащить ползунок качества на нижний или верхний предел его шкалы. Обратите внимание, что установка в раскрывающемся меню «Качество» значения «Низкое» или «Максимальное» не приведет к установке минимального или максимального числового значения качества изображения.
Установите «Параметры формата», чтобы создать файл в базовом, оптимизированном для базовой линии или прогрессивном формате. Формат Baseline создает стандартный файл JPEG с широкой совместимостью с веб-браузерами. Базовая оптимизация создает файлы немного меньшего размера с немного более ярким цветом. Прогрессивная загрузка в три, четыре или пять более детализированных проходов при загрузке через онлайн-соединение, причем количество проходов устанавливается в раскрывающемся меню «Сканирование», которое становится активным, если вы выбираете прогрессивный формат.Несмотря на преимущества альтернатив базовому формату, они предлагают меньшую онлайн-совместимость, чем вариант базового формата.
Нажмите кнопку «ОК», чтобы сохранить файл JPEG. Перед закрытием документа вы можете сохранить файл в других форматах, например TIFF или PSD.
Ссылки
Ресурсы
- Photoshop CS3 / CS4 WOW! Книга; Линни Дейтон и Кристен Гиллеспи
Советы
- Когда вы конвертируете черно-белый GIF в изображение в оттенках серого, Photoshop отображает диалоговое окно с просьбой подтвердить, что вы хотите отказаться от информации о цвете, поддерживаемой индексированным цветовым режимом.Нажмите кнопку «ОК», чтобы продолжить.
- Хотя вы можете создавать файлы CMYK JPEG, преобразование цвета между индексированным цветом и CMYK включает преобразование, которое может изменить внешний вид вашего изображения GIF. Кроме того, файлы CMYK JPEG имеют ограниченную полезность, если вы не создаете стоковую фотографию с высоким разрешением для использования в печатных материалах.
- Всегда сохраняйте исходный файл GIF, а также созданный из него JPEG. В зависимости от того, как вы сохраняете файл JPEG, сжатие с потерями, встроенное в формат файла, может отбрасывать или искажать визуальную информацию, поэтому вы можете позже преобразовать исходный файл GIF в менее сжатый JPEG или другой формат файла.
Предупреждения
- Анимированные файлы GIF открываются в Photoshop как однокадровые файлы без анимации. Чтобы открыть анимированный GIF и сохранить его кадры как слои Photoshop, необходимо использовать Photoshop Extended.
Писатель Биография
Элизабет Мотт — писатель с 1983 года. Мотт имеет большой опыт написания рекламных текстов для всего, от кухонной техники и финансовых услуг до образования и туризма. Она имеет степень бакалавра искусств и магистра искусств по английскому языку в Университете штата Индиана.
Как создать покадровый GIF для Instagram в Photoshop
Давайте оживим ваши фотографии. Следуйте этому видеоуроку, чтобы создать покадровый GIF-файл для публикации в Instagram с помощью Photoshop.
Используя функцию временной шкалы Photoshop, мы можем создать как GIF-файл, так и визуализировать готовое для Instagram видео. Добавление этого навыка к вашему набору инструментов в социальных сетях — идеальный способ создавать интересный контент, который понравится вашей аудитории. Это также отличная возможность отточить свои навыки фотографии и Photoshop на протяжении всего процесса.
Приступим! Просмотрите видео ниже или прочтите, чтобы получить полное описание проекта.
Шаг 1. Подготовьте свои фотографии
Для этого урока вы можете сделать быструю анимацию или фотосессию, как я. Если вы последуете моему примеру с фотографией, обязательно используйте штатив, чтобы камера оставалась на одном месте. Важно, чтобы ваши фотографии находились в одном и том же месте, чтобы у вас был плавный переход от каждой фотографии в вашем покадровом GIF.
Используйте штатив для стабилизации изображения.Обязательно кадрируйте фотографии в одном месте и с одинаковыми размерами, чтобы изображения оставались единообразными. Я обрезал и редактировал свои фотографии с помощью Lightroom.
Для этого примера, готового для Instagram, я обрезал свои фотографии до портретного поста Instagram размером 1080 × 1350 пикселей . Не стесняйтесь следить за этими размерами или кадрировать в идеальном квадрате 1080 × 1080 пикселей . Оттуда экспортируйте свои фотографии и отправляйтесь в Photoshop.
Шаг 2. Разложите фотографии на слои
В Photoshop загрузите все свои фотографии в разных слоях в один файл Photoshop. На самом деле вам не нужно создавать новый документ, просто начните прямо с главного экрана Photoshop.
Для этого перейдите в Файл> Сценарии> Загрузить файлы в стек . Теперь вы увидите окно Загрузить слои . Нажмите Обзор , чтобы импортировать файлы. Когда у вас есть этот набор, нажмите Ok .
Теперь ваши фотографии будут в новом документе на разных слоях.
Загрузите все ваши фотографии в разных слоях в один файл Photoshop.Шаг 3. Создание анимации кадра с использованием шкалы времени
Теперь, когда у вас все фотографии на отдельных слоях, давайте создадим покадровую анимацию. Чтобы поднять это окно в рабочем пространстве Photoshop, выберите «Окно »> «Временная шкала ». Он будет в самом низу вашего рабочего пространства.
Отсюда нажмите среднюю кнопку Create Frame Animation .Это добавит вашу первую фотографию на вашу временную шкалу. Чтобы добавить все ваши различные слои на шкалу времени, щелкните значок меню (значок с четырьмя линиями в правой части панели слоев). Теперь нажмите Make Frames From Layers , что и сделает именно это.
Создание покадровой анимации.Шаг 4. Поменяйте местами рамки
В этом примере мои фотографии отображаются на шкале времени перевернутыми, поэтому я собираюсь перевернуть их. Вернитесь в правое меню и нажмите Обратные кадры .Мы собираемся использовать это еще раз, чтобы создать непрерывный цикл позже.
Шаг 5. Настройте время
Как вы можете видеть на видео, мой GIF движется слишком быстро. Чтобы замедлить его, а затем настроить время, мы можем щелкнуть под каждым кадром и изменить секунды. Я рекомендую от одной до пяти секунд для плавного перехода между фотографиями.
Настройте время для вашего видео.Для моего примера я собираюсь сделать некоторые из моих фотографий с двухсекундным переходом, а затем перейду на одну секунду, так как это имеет больше смысла для моих изображений.
Шаг 6. Скопируйте и вставьте кадры
Чтобы создать непрерывный цикл, нам нужно скопировать и вставить наши кадры, а затем перевернуть их. Это позволит изображениям создать цельную историю. Установите время перед копированием + вставкой, чтобы вам не приходилось менять время с каждой новой копией кадров.
Чтобы скопировать кадры, выберите все кадры, нажав на первый кадр + удерживая Shift + щелкнув последний кадр . Вернитесь в правое меню и нажмите Копировать кадры .Затем вернитесь в то же меню и вставьте кадров .
Когда появится окно Вставить кадры , обязательно выберите Вставить после выделения .
Скопируйте и вставьте кадры, а затем переверните их.Отсюда вы захотите перевернуть только что вставленные кадры. Вернитесь в меню и нажмите Обратить кадры еще раз. Если вы в точности следили за этим, у вас будут две одинаковые рамки посередине. Удалите один из них, чтобы не терять время в GIF.
Если вы хотите предварительно просмотреть свой GIF-файл, вы можете нажать кнопку воспроизведения в нижней части окна шкалы времени и остановиться, когда закончите.
Шаг 7. Сохраните файл
Вы можете сохранить этот готовый проект в формате GIF или видео. Если вы хотите поделиться этим в своем блоге или на веб-сайте во время автоматического воспроизведения (как показано ниже), сохраните его в формате GIF. Если вы планируете поделиться этим в Instagram, пропустите ниже, чтобы узнать, как визуализировать свое видео.
Сохранение в формате GIF
Перед тем, как нажать «Сохранить», убедитесь, что покадровый GIF-файл воспроизводится непрерывно, выбрав Forever в нижнем левом углу.Чтобы сохранить в формате GIF, выберите File> Export> Save for Web (Legacy) . Для достижения наилучших результатов выберите предустановку GIF 128 Dithered . Нажмите кнопку «Сохранить», и ваш GIF-файл Photoshop готов к публикации или отправке.
Имейте в виду, что GIF — это формат файлов более низкого качества, но в этом вся прелесть технологии GIF.
Убедитесь, что ваш GIF непрерывно зацикливается, выбрав Foreve r.Рендеринг видео для Instagram
Как ни странно, Instagram несовместим с размещением GIF-файлов, поэтому нам придется создавать видео вместо этого.Однако одна из лучших особенностей Instagram заключается в том, что пока ваш пост находится на экране, видео будет непрерывно зацикливаться, поэтому оно действует как GIF. Для этого ваша покадровая анимация должна составлять от трех до шестидесяти секунд.
Чтобы экспортировать как видео, перейдите в Файл> Экспорт> Визуализировать видео . Оттуда установите предустановку на High Quality , нажмите Render , и ваш видеофайл будет сохранен.
Убедитесь, что продолжительность анимации составляет от трех до шестидесяти секунд.Теперь вы готовы опубликовать новую анимацию в Instagram. Я надеюсь, что вы сможете использовать этот простой пример для развития своих идей и творчества в отношении контента в социальных сетях.
Ищете другие творческие советы и рекомендации? Изучите эти статьи:
Изображение на обложке через kckate16.
Как создавать GIF-файлы с помощью Photoshop CS5
GIF-изображения повсюду, в социальных сетях, блогах и на веб-сайтах. Эти забавные маленькие анимированные изображения популярны и популярны, поэтому, если вы работаете в бизнесе, вам не стоит их игнорировать.
При таком большом количестве онлайн-сайтов по созданию GIF-файлов легко использовать автоматизированное средство создания GIF. Но что, если интернет выйдет из строя? Что делать, если каждый инструмент GIF выйдет из строя? Конечно, это маловероятно, но всегда хорошо иметь возможность включить новый навык в свое резюме и, надеюсь, произвести впечатление на вашего босса. Не говоря уже о том, что это очень весело!
Итак, вот пошаговое руководство, показывающее, как создавать GIF-файлы с помощью Photoshop CS5. В нашем примере мы используем изображения из основного продукта питания, который все сотрудники Digivate используют круглосуточно и без выходных, — пирожных.Мы оставили его на столе и сделали несколько фото. Откройте Photoshop и попробуйте сами, следуя нашим рекомендациям ниже.
1. Переместите изображения, которые вы хотите использовать, в один файл.
2. Щелкните «файл», «скрипты», а затем «загрузить файлы в стек».
3. Нажмите «Обзор» и откройте папку, содержащую изображения. Выделите те, которые хотите открыть. Затем нажмите «ОК», чтобы открыть изображения, и «ОК» еще раз, чтобы закрыть всплывающее окно.
4. Изображения должны появиться в правом нижнем углу.Перетащите изображения, чтобы расположить их в желаемом порядке.
5. Внизу страницы есть большая серая коробка, в которой ничего нет. В правом верхнем углу панели щелкните значок меню. Затем нажмите «создавать кадры из слоев».
6. После этого изображения должны появиться в сером поле.
7. Выберите количество секунд, в течение которых должно отображаться каждое изображение, щелкнув меню «sec» внизу изображения.
8. Нажмите кнопку «play» в нижней части серой полосы и смотрите, как идет ваш GIF!
9.Чтобы сохранить изображение в формате GIF, нажмите «файл», а затем «сохранить для Интернета и устройств». Должно появиться окно. Убедитесь, что в правом верхнем углу файла написано «GIF». В противном случае он будет сохранен как другой файл, который не будет анимирован.
10. Чтобы быстро изменить размер GIF, введите число в полосе с надписью «процент». Затем нажмите «Сохранить».
Подготовка и сохранение изображений GIF
Формат обмена графическими данными, или GIF, появился на свет в 1987 году, когда только бароны-грабители и капитаны промышленности владели 1.Модемы со скоростью 2 Кбит / с и данные остального мира перемещались со скоростью один бит в год. GIF, разработанный CompuServe, поддерживает максимум 8 бит на пиксель или максимум 256 цветов на изображение и полагается на сжатие LZW, такое же сжатие без потерь (то есть не перезаписывает пиксели), используемое в большинстве изображений TIFF.
Честно говоря, GIF — это утомленный, старый формат. Его репутация в сообществе разработчиков сильно пострадала, когда Unisys (владелец патента на LZW) начала требовать выплаты роялти через восемь лет после введения формата, и этот скандал в конечном итоге вдохновил на разработку PNG (что означает Portable Network Graphics, или PNG, не GIF, в зависимости от того, с кем вы разговариваете).В последнее десятилетие GIF оставался практически бездействующим, а PNG стал гораздо лучшим форматом, поддерживающим больше цветов, лучшее сжатие и более широкий диапазон параметров прозрачности. Единственное относительное преимущество GIF в том, что он поддерживает анимацию. Но что действительно поддерживает жизнь GIF сегодня, так это инерция. Это известное количество, и даже устаревшие браузеры, работающие на компьютерах, которые не обновлялись с тех пор, как Юлий Цезарь был младенцем, не имеют проблем с отображением GIF. Таким образом, хотя GIF может быть не самым прогрессивным или эгалитарным форматом на планете, он продолжает выполнять очень специфическую функцию.
Например, несмотря на очевидные ограничения, GIF является лучшим форматом, чем JPEG, для сохранения высококонтрастных изображений, штриховых рисунков и текста. На рис. 14-11 показан рисунок с высококонтрастными линиями, множеством текстов и всеми разновидностями слоев-фигур и резкими эффектами слоев. Учитывая, что сжатие с потерями лучше всего подходит для мягких краев и постепенных переходов цвета, это изображение вполне может представлять худший кошмар JPEG.
Рисунок 14-11. Это изображение содержит высококонтрастное содержимое, штриховой рисунок и текст — три элемента, которые, как правило, очень хорошо работают в Интернете, но очень плохо реагируют на сжатие JPEG.
Чтобы доказать, что это никто не выдумывает, на рис. 14-12 показаны увеличенные детали трех вариаций рисунка. В первом примере показан фрагмент полноцветного оригинала, который занимает более 5 МБ памяти. Во втором примере показано то же изображение, сохраненное в формате JPEG, с заведомо очень низким параметром качества, уменьшающим размер файла до 132 КБ, что составляет менее 4 процентов от его несжатого размера. Полученное изображение страдает от множества видимых артефактов сжатия, особенно заметных вокруг шрифта и других высококонтрастных краев.Вы можете достичь аналогичного размера файла — 147 КБ, что составляет менее 4 процентов от несжатого размера », уменьшив количество цветов до скудных 32 и сохранив изображение как файл GIF. Хотя это приводит к более приглушенным цветам и шумным переходам, изображение в формате GIF гораздо более четкое, ясное и эстетически приятное, как показано в последнем примере на рис. 14-12.
Рис. 14-12. После применения команды «Нерезкость маски» к полноцветному изображению (слева) сохранение его в формате JPEG с очень низким значением качества привело к среднему изображению.Сохраненное изображение представляет собой беспорядок, пронизанный артефактами сжатия. К счастью, вы можете добиться очень похожего размера файла, уменьшив количество цветов до 32 и сохранив изображение как файл GIF (справа).
Три пути к файлу GIF
Файл JPEG можно сохранить одним из двух способов. Первый (и не обязательно лучший) из них, который вы видели в предыдущем обзоре диалогового окна «Сохранить как», а также различных параметров JPEG и связанных диалоговых окон. Однако, когда дело доходит до изображений в формате GIF, диалоговое окно «Сохранить как» не предоставляет все параметры, к которым вам необходим доступ при правильном сохранении изображения в формате GIF для Интернета.Конечно, команда Сохранить как позволяет поддерживать прямую связь между окном открытого изображения и файлом GIF на диске, позволяя вносить незначительные изменения, а затем обновлять файл на диске, просто нажав Ctrl + S для команды Сохранить (z + S на Mac) в диалоговом окне «Сохранить для Интернета» », но это не какая-то огромная вещь, которая должна отвлекать вас от того, где происходит настоящая универсальная покупка.
Как обычно в Photoshop, есть несколько способов сохранить изображение в формате GIF », и это не имеет ничего общего с сочетаниями клавиш.Есть три различных способа создать документ GIF. Вот они, с относительными преимуществами и недостатками, в произвольном порядке:
Проиндексируйте цвета и затем выберите «Сохранить как». Чтобы уменьшить количество цветов в изображении до 256 или меньше, выберите «Индексированный цвет в режиме изображения» (подробное описание см. В следующем разделе). Это может показаться неудобным первым шагом, но это означает, что у вас есть возможность изменить пиксели вручную после уменьшения глубины цвета.Обратите внимание, что Photoshop значительно ограничивает ваши возможности при редактировании изображения с низким содержанием цвета. Например, о слоях и фильтрах не может быть и речи.
Когда вы будете готовы сохранить изображение, выберите «Сохранить как» и выберите CompuServe GIF во всплывающем меню «Формат». Затем Photoshop отображает два варианта: нормальный и чересстрочный. Если вы хотите, чтобы веб-браузер отображал изображение пошагово, «подобно прогрессивному JPEG», выберите последнее. В противном случае выберите «Нормальный», который окажется более безопасным.
Преимущества: Точная настройка низкоцветных изображений с помощью ограниченного набора инструментов; поддерживает связь с файлом на диске. Недостатки: Требует наибольшей подготовки; не могу предварительно просмотреть размер файла; необходимо использовать еще одно диалоговое окно (Таблица цветов) для редактирования цветов или сделать цвета прозрачными, и даже в этом случае ваши возможности ограничены.
Выберите «Сохранить как» и затем проиндексируйте цвета. При желании вы можете пропустить команду «Индексированный цвет» и сразу перейти к «Сохранить как файл».Но когда вы выбираете CompuServe GIF в меню «Формат», Photoshop автоматически активирует флажок «Как копия», разрывая любую связь между открытым изображением и файлом, который вы собираетесь сохранить. Затем Photoshop все равно открывает диалоговое окно «Индексированный цвет». Таким образом, хотя этот подход может показаться самым простым из трех, на самом деле он столь же запутан и менее гибок.
Преимущества: Позволяет пропустить команду «Индексированный цвет». Недостатки: Худший из обоих миров — нет ссылки на файл на диске, невозможно предварительно просмотреть размер файла, нет возможности редактировать изображение с низким содержанием цвета, нельзя редактировать цвета и меньше параметров оптимизации.
Выберите «Сохранить для Интернета». Выбор файла «Сохранить для Интернета» позволяет вам указать все настройки GIF и предпочтения цветовой индексации в одном диалоговом окне. Вы также можете сравнить влияние различных настроек, размеров файлов предварительного просмотра, сбалансировать GIF по сравнению с JPEG и получить доступ к настройкам, которые в противном случае либо недоступны, либо неудобны.
Преимущества: Универсальные покупки, предварительный просмотр размеров файлов, сравнение настроек, редактирование цветов и их прозрачность, сжатие с потерями и изменение дизеринга и уменьшения цвета с помощью масок. Недостатки: Вы создаете отдельную версию файла, без ссылки на файл на диске, и вы не можете редактировать изображение с низким содержанием цвета вручную.
Для тех из вас, кому понравился первый вариант «с использованием команды« Индексированный цвет », а затем« Сохранить как »», предлагается следующее покрытие. Позже будет рассмотрено диалоговое окно «Сохранить для Интернета» во всей красе. Если это звучит так, как будто здесь просачивается мнение, то это так. Но важно, чтобы все пути к цели были учтены, чтобы вы могли достичь наиболее полного понимания технологии создания веб-графики и роли Photoshop в этом процессе.
Использование команды «Индексированный цвет»
Чтобы уменьшить количество цветов в изображении RGB и сохранить его в формате GIF или другом низкоцветном формате, выберите «Индексированный цвет» в режиме изображения. Эта команда удаляет из изображения все цвета, кроме наиболее важных, путем создания таблицы поиска цветов (LUT или CLUT, поскольку слово Color иногда включается в аббревиатуру). LUT служит своего рода индексом, описывающим, как несколько оставшихся цветов отображаются в пространство RGB, поэтому этот процесс называется индексированием .
Осторожно | Когда вы впервые выбираете команду «Индексированный цвет», Photoshop спрашивает вас, хотите ли вы сгладить изображение. Единственный вариант — выполнить или отменить «низкоцветные изображения не поддерживают слои», поэтому обязательно сохраните многослойное изображение перед тем, как выбрать команду. |
Диалоговое окно «Индексированный цвет», изображенное на рис. 14-13, позволяет указать количество цветов, которые вы хотите сохранить, метод, с помощью которого будут использоваться индексированные цвета, а также то, как цвета смешиваются и становятся прозрачными.В следующих разделах объясняется, как работают эти параметры.
Рисунок 14-13. Параметры индексированного цвета позволяют управлять уменьшением цветов в изображении RGB. Параметры палитры определяют, какие цвета сохраняет Photoshop; Параметры настройки контролируют прозрачность и смешение цветов.
Указание палитры
Меню «Палитра», находящееся внутри диалогового окна «Индексированный цвет», позволяет вам играть за капитана команды и выбирать игроков, цвета которых используются для создания вашего изображения.У вас есть выбор из 16 миллионов игроков, каждый из которых так же важен, как и следующий, и никто не выбирается последним. Вы можете выбрать, насколько большой будет ваша команда, уменьшив количество цветов с 16 миллионов до небольшого количества, любое количество, которое вам нужно, чтобы выиграть игру.
Отбросив эту, надеюсь, полезную аналогию со спортом, давайте посмотрим на параметры меню «Палитра». Вы можете спокойно игнорировать несколько параметров, включая два параметра System (в основном архаичные), Uniform (никогда не был полезен) и Custom (лучше обрабатывается с помощью Save For Web) при сохранении для Интернета, так что это оставляет следующие параметры в необходимость дополнительного освещения:
Exact: Обычно затемненный, Exact активен только в том случае, если изображение уже содержит менее 256 цветов.Это происходит только в ситуациях с очень высокой контрастностью, например, при редактировании снимка экрана или строки текста. Значение Цвета сообщает вам, сколько всего цветов.
Интернет: При отображении изображения на старом 8-битном экране браузер неизменно изменяет все цвета на цвета из палитры Web (или , безопасной для браузера ), которая является низкоцветной LUT общий для Internet Explorer и Netscape. LUT содержит цвета, значения R, G и B которых делятся на 51.Это означает, что каждый основной цвет может быть установлен на 0, 51, 102, 153, 204 или 255. Вычислите все возможные комбинации, и вы получите 216 цветов всего или 217, если вы включите прозрачность.
Веб-палитра гарантирует, что цвета вашего GIF-изображения останутся неизменными, независимо от возможностей монитора зрителя (при условии, что зритель не является одним из оставшихся пользователей старинного черно-белого монитора). Это также может гарантировать согласованность между несколькими изображениями внутри таблицы, особенно когда задействована анимация GIF.Но в целом ваши изображения будут выглядеть лучше и сжиматься до файлов меньшего размера при использовании адаптивного, выборочного или перцепционного. (Чтобы убедиться в этом, см. Рисунок 14-14.)
Рисунок 14-14: Поскольку все три версии поступают практически с одинаковым размером файла, адаптивная палитра сохраняет самые популярные цвета (слева). Селективный сохраняет более широкий диапазон цветов (справа) и разнообразные жертвы восприятия для плавных переходов (внизу).Адаптивный, Выборочный, и Перцепционный: Эти три настройки доступны как в локальном, так и в главном вариантах (как описано ниже), являются вариациями общей темы, разумно отбирая цвета в зависимости от содержимого изображения. окно.Самый старый из трех, Adaptive, наименее сложен и сохраняет наиболее часто используемые цвета в вашем изображении. Selective пытается сохранить ключевые цвета, которые представляют различные части спектра, уделяя особое внимание цветам в веб-палитре. Между тем Perceptual выбирает цвета, которые обеспечивают наилучшие переходы, отлично подходят для воспроизведения градиентов и других цветовых сочетаний.
Совет Несколько советов: используйте Perceptual для фотографических изображений, где плавные переходы более важны, чем определенные значения цвета.Используйте «Выборочный», если изображение содержит яркие цвета или резкие графические переходы, как показано на рисунке 14-15. Если изображение содержит относительно мало цветов, и вы хотите сохранить эти цвета как можно точнее, выберите «Адаптивный».
Рис. 14-15: 8-цветная настройка «Локальный (выборочный)» слева, без выбора, пропускает серый фон, вместо этого размывая его зеленым. После выделения серой текстурированной области перед применением этой же формы индексированного цвета серый цвет передается более точно (справа).Как показано на рис. 14-14, адаптивный, выборочный и перцепционный файлы могут иметь меньшие размеры, чем веб-палитра, не потому, что они лучше сжимаются, а потому, что они позволяют изменять количество цветов. (Веб-палитра заблокирована до 216 цветов или 217 с прозрачностью.) Но цвета, равные «всегда 32 в случае рисунка», размер файла остается довольно постоянным. У одной настройки палитры нет неотъемлемого преимущества сжатия перед другой.
Локальный по сравнению с Главный: Выберите параметр «Локальный», если вы хотите, чтобы Photoshop учитывал цвета только на переднем изображении.Однако, если у вас открыто несколько изображений и вы хотите создать палитру на основе всех из них, выберите «Мастер».
Совет При выборе любого из локальных параметров вы можете повлиять на то, как Photoshop вычисляет палитру, выбрав область изображения перед тем, как выбрать команду «Индексированный цвет». Photoshop отдает предпочтение выбранной области при создании палитры. Например, на рис. 14-15 показано локальное (выборочное) применение всего с восемью цветами. Когда ничего не выделено, серый текстурированный фон полностью отсутствует.Но с выделением в фоновой области, сделанным с помощью инструмента Rectangular Marquee Tool, Local (Selective) довольно хорошо прибивает серый цвет (см. Изображение справа) и устраняет сплошное размытие зеленого, видимое слева.
Предыдущая: Этот параметр воспроизводит последнюю справочную таблицу, созданную командой «Индексированный цвет». Если вы пытаетесь создать серию высококонтрастной графики, которая должна выглядеть как можно более однородной, используйте эту опцию.Параметр «Предыдущий» недоступен, если вы не использовали индексированный цвет хотя бы один раз в течение текущего сеанса.
Цвета, прозрачность и дизеринг
Хотя параметр «Палитра» может быть самым сложным из всех параметров индексированного цвета для понимания (если не использовать), это всего лишь один из многих игроков в ансамбле в области уменьшения цвета. Вот как работают остальные:
Цвета: Введите количество цветов, которые вы хотите использовать, в поле выбора Цвета.Раньше вы контролировали количество цветов, выбирая определенную битовую глубину (количество бит данных, посвященных каждому пикселю). Но несколько версий назад инженеры Adobe решили, что масштабирование цветов по целым битовым значениям «8-бит для 256 цветов, 7-бит для 128, 6-бит для 64 и т. Д.» Не является абсолютно необходимым для достижения меньших размеров файлов. , так что вы можете освободить свой разум и ввести точное количество цветов, которые считаете подходящими. Тем не менее, это был ценный вариант — «пожертвовать целым битом, в конце концов, иногда имеет значение», поэтому хорошо, что он продолжает жить в диалоговом окне «Сохранить для Интернета» (широко разрекламированное покрытие скоро появится).
Принудительный: Какими бы полезными ни были Адаптивный, Селективный и Перцепционный, они могут легко нарушить важные цвета. Например, белый фон изображения может стать бледно-красным или синим, даже если белый цвет является преобладающим. Эта возможность требует использования опции «Принудительный», которая позволяет заблокировать ключевые цвета, чтобы они не менялись ни при каких обстоятельствах. Черно-белые замки в черно-белом цвете — почти всегда хорошо. Первичные цвета защищают те и RGB плюс CMY.Web защищает 216 цветов в палитре, доступной для Web. Выберите «Пользовательский», чтобы указать собственные цвета, например цвет фона веб-страницы. Щелкните образец, чтобы определить цвет; Ctrl + щелчок (или z + щелчок) образец, чтобы разблокировать этот цвет.
Прозрачность: Если изображение установлено на слое на прозрачном фоне, установка этого флажка поддерживает эту прозрачность. Однако имейте в виду, что прозрачность в файле GIF либо включена, либо выключена; нет мягких переходов, как в слое Photoshop.(Альтернативу этому см. В разделе «Параметры оптимизации GIF» далее в этой главе.)
Например, посмотрите Рисунок 14-16. На изображении слева фон удален, остается знакомый узор в виде шахматной доски, указывающий на прозрачность. На изображении справа параметр «Прозрачность» включен, а для параметра «Матовый» задано значение «Белый». Обратите внимание, что даже несмотря на то, что Photoshop сгладил файл (что требуется при преобразовании в индексированный цвет), вы все равно можете видеть прозрачный фон.Индексированное изображение — единственный вид документа Photoshop, который поддерживает прозрачность без слоев.
Рисунок 14-16: После удаления фона с изображения (слева) была применена 32-цветная локальная (выборочная) палитра и установлен флажок «Прозрачность». Установка матового цвета на белый добавляет белый фон к мягким и неровным краям (справа), что отлично, если вы установите изображение на белом фоне веб-страницы.Матовый: Параметр «Матовый» работает вместе с флажком «Прозрачность».(Если в изображении нет прозрачности, то есть все слои покрывают друг друга, чтобы создать бесшовную непрозрачность », параметр« Матовая »становится затемненным.) Когда вы выбираете« Прозрачность », указанный матовый цвет заполняет полупрозрачные пиксели в изображении, как показано во втором примере на рис. 14-16 ”скошенные края на изображении справа белые. Когда прозрачность отключена, матовый цвет заполняет полупрозрачные и прозрачные области. Чтобы обеспечить плавные переходы, выберите матовый цвет, соответствующий цвету фона вашей веб-страницы.
Дизеринг: Этот параметр определяет, как Photoshop имитирует несколько миллионов цветов, которые вы просили удалить с изображения. Параметр «Нет» не пытается сгладить цветовые переходы, но приводит к уменьшению размера файла, как в первом примере на рис. 14-17. Diffusion смешивает пиксели, чтобы смягчить переход между цветами, как во втором примере на рисунке. Шум смешивает пиксели по всему изображению, а не только в переходных областях. А Pattern просто ужасен.(Попробуйте, и вы увидите.) Немного мудрости: придерживайтесь Распространения и используйте следующий вариант.
Рисунок 14-17: Результаты комбинирования 32-цветного изображенияКоличество: Эта замечательная опция контролирует степень применяемого дизеринга. Когда и только когда активна диффузия, вы можете изменять степень дизеринга, повышая или понижая это значение. Меньшие значения приводят к более резким переходам цвета, но меньше размер файла. Поскольку протокол LZW GIF лучше подходит для сжатия непрерывных цветных пространств, быстрые переходы означают более быстрые изображения.Как показывают значения размеров на рис. 14-17, это компромисс. Следите за окном изображения, чтобы увидеть, насколько низко вы можете спуститься.
Сохранить точные цвета: Опять же, доступный только при активном диффузии. Этот флажок отключает сглаживание внутри областей плоского цвета, которые точно соответствуют цвету в активной палитре. Скажем, вы создали текст в цвете Интернета. Текст сглажен, но сами буквы плоские. Выбирая «Сохранить точные цвета», вы приказываете Photoshop размывать края букв, но оставлять внутреннюю часть незатронутой.