> ## Content Index > Fetch the complete content index at: https://blog.themarfa.name/llms.txt > Use this file to discover other available public pages before exploring further. # Как сделать Gif в Photoshop - URL: https://blog.themarfa.name/kak-sdielat-gif-v-photoshop/ - Published: 2020-12-30T07:27:00.000Z - Updated: 2024-05-24T06:46:01.000Z - Description: Мне нравятся GIF-ы тем, что их вообще не сложно сделать. При наличии Photoshop и пары свободных минут запилить гиф — плёвое дело. - Author: Гостевой - Tags: Windows, macOS, adobe photoshop Все мы частенько наталкиваемся в интернете на гифки. GIF — формат анимированного изображения. Можно сказать, что гиф — это нечто среднее между статичной картинкой и видео. Гифки будут очень полезны при создании любого контента. Их легко использовать, они привлекают внимание и могут оказать сильное эмоциональное воздействие. А поскольку контент, который заставляет нас чувствовать что-то, побуждает делиться, с этими «малютками» стоит поэкспериментировать. Мне нравятся GIF-ы тем, что их вообще не сложно сделать. При наличии Photoshop и пары свободных минут запилить гиф — плёвое дело. ### Учимся делать GIF-ы в Photoshop Вот такую, например, гифку можно забабахать в этой программе: ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/marketing-trivia-GIF-example-1.gif) Итак, приступим. Шаг первый. Загружаем изображения в [Фотошоп](https://fas.st/c35nMy). #### Когда у вас есть готовая серия картинок. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-128.png) Для начала соберите все имеющиеся изображения в отдельной папочке. Нажмите **File** \> **Scripts** \> **Load Files Into Stack (Файл > Сценарии > Загрузить файлы в стек)**, чтобы закинуть их в программу. Затем жмём **Browse (Обзор)**, выбираем файлы, подтверждаем действие кнопочкой **ОК**. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-129.png) Для каждого выбранного изображения прога сделает новый слой. Когда все слои будут готовы, можно переходить ко второму шагу. #### Когда у вас нет серии картинок. Сделайте для каждого кадра по новому слою, выбрав **Layer** \> **New** \> **Layer (Слои > Новый > Слой)**. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-130.png) Обязательно подпишите каждый слой разными именами — это позволит легко отследить их во время создания GIF. Чтобы сделать это, откройте меню **Layer (Слои)** (ищите в правом нижнем уголочке экрана), щёлкните два раза мышкой по дефолтному имени слоя, и впишите новое имя. Когда переименуете все слои, жмите **Enter**. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-131.png) Шаг второй. Переходим к Timeline (Шкала времени). В верхней панели выбираем **Window** \> **Timeline (Окно > Шкала времени)**. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-132.png) Должно появиться вот такое окошко: ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-133.png) Шаг третий. Меняем параметр в Timeline. Если вы видите вот такую кнопку «Create Video Timeline» (Создать шкалу времени для видео), её нужно поменять на «Create Frame Animation» (Создать анимацию кадра). Теперь окошко **Timeline** должно иметь примерно такой вид: ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-134.png) Шаг четвёртый. Создаём каждому кадру новый слой. Для начала надо выбрать все слои, нажав в верхней менюшке **Select** \> **All Layers (Выделение все слои)**. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-135.png) Затем кликаем по значку меню — в верхнем правом уголке экрана **Timeline**. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-136.png) Появится выпадающее меню, где нужно поставить галочку напротив «Create New Layer for Each New Frame» (Создать новый слой для каждого нового кадра). Далее опять жмём меню на экране **Timeline**, выбираем «Make Frames From Layers» (Создать кадры из слоёв). Шаг пятый. Выставляем время каждого кадра. Под кадрами вы увидите маленькие окошечки, щёлкните по ним, чтобы установить желаемый временной промежуток. В нашем случае это 0,5 секунд на кадр. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-137.png) Шаг шестой. Выставляем количество повторений. Внизу тулбара выберите количество повторений кадра. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-138.png) По умолчанию будет выставлено **Once** (Однократно), однако вы можете зацикливать кадр столько, сколько захотите. Чтобы выставить своё значение, выберите **Other** (Другое). Шаг седьмой. Предпросмотр гифки. Чтобы предварительно посмотреть на результат своих трудов, нажмите кнопку воспроизведения. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-139.png) Шаг восьмой. Сохранение и экспорт. Довольны получившимся гифом? Если да, то сохраните его для использования в сети, нажав в верхней панели управления **File** \> **Export** \> **Save for Web (Legacy) (Файл > Экспортировать > Сохранить для Web (старая версия))**. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/image-140.png) Затем в выпадающем списке настроек выберите тип GIF-а. Если у вас гиф с градиентами, выберите **Dithered GIF (GIF с дизерингом)**, чтобы не было бандинга (цветные полосы). Если ваше изображение перенасыщено сплошными цветами, можете отказаться от дизеринга, выбрав **No Dither (без дизеринга)**. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/2020-12-29-10_08_23-----------1-@-50---pexels-anna-shvets-3905730--RGB_8--_.png) ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2020/12/2020-12-29-10_12_05-----------1-@-50---pexels-anna-shvets-3905730--RGB_8--_.png) Число, стоящее рядом с GIF-ом, означает величину (и точность) сравнения с исходными файлами JPEG или PNG. Тот, кто работал с изображениями в Adobe, знает, чем выше процент дизеринга, тем больше будет размер у файла. Осталось сохранить анимацию на компьютер, нажав кнопку **Save (Сохранить)**.