0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#Руководства</a></p>
1
<p><a>#Руководства</a></p>
2
<ul><li>29 июн 2022</li>
2
<ul><li>29 июн 2022</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Объясняем, как отредактировать видео и задать оптимальные настройки экспорта.</p>
4
</ul><p>Объясняем, как отредактировать видео и задать оптимальные настройки экспорта.</p>
5
<p>Иллюстрация: Polina Vari для Skillbox Media</p>
5
<p>Иллюстрация: Polina Vari для Skillbox Media</p>
6
<p>Пишем про дизайн и искусство. Всё, что вы хотели знать о настоящем, прошлом и будущем визуальной культуры.</p>
6
<p>Пишем про дизайн и искусство. Всё, что вы хотели знать о настоящем, прошлом и будущем визуальной культуры.</p>
7
<p>Обычно гифки в интернете делают через автоматические онлайн-сервисы. Они работают быстро, но почти всегда сильно портят картинку. Если вам нужна качественная гифка для клиентского проекта, лучше сделайте её в Photoshop.</p>
7
<p>Обычно гифки в интернете делают через автоматические онлайн-сервисы. Они работают быстро, но почти всегда сильно портят картинку. Если вам нужна качественная гифка для клиентского проекта, лучше сделайте её в Photoshop.</p>
8
<p>Чтобы добавить видео в Photoshop, просто перетащите его правой кнопкой мыши на холст, как вы делаете с обычными картинками. В статье разберём, как сделать гифку на примере<a>этой утки</a>.</p>
8
<p>Чтобы добавить видео в Photoshop, просто перетащите его правой кнопкой мыши на холст, как вы делаете с обычными картинками. В статье разберём, как сделать гифку на примере<a>этой утки</a>.</p>
9
<p>Если ваше видео идёт долго, его можно обрезать прямо в Photoshop с помощью таймлайна. Чтобы его включить, перейдите в меню Window ("Окно") → Timeline ("Шкала времени") - снизу появится подобие линейного редактора, как в Premiere Pro.</p>
9
<p>Если ваше видео идёт долго, его можно обрезать прямо в Photoshop с помощью таймлайна. Чтобы его включить, перейдите в меню Window ("Окно") → Timeline ("Шкала времени") - снизу появится подобие линейного редактора, как в Premiere Pro.</p>
10
<p>Чтобы обрезать видео на таймлайне, наведите курсор на любой конец видео - он превратится в . Затем зажмите правую кнопку мыши и тяните в противоположный конец таймлайна:</p>
10
<p>Чтобы обрезать видео на таймлайне, наведите курсор на любой конец видео - он превратится в . Затем зажмите правую кнопку мыши и тяните в противоположный конец таймлайна:</p>
11
<p>Как только вы обрежете видео, перейдите в меню File ("Файл") → Export ("Экспорт") → Save for Web ("Сохранить для Web"). Перед вами появится меню с настройками экспорта гифки.</p>
11
<p>Как только вы обрежете видео, перейдите в меню File ("Файл") → Export ("Экспорт") → Save for Web ("Сохранить для Web"). Перед вами появится меню с настройками экспорта гифки.</p>
12
<p>В меню экспорта ваша задача сделать так, чтобы гифка была как можно меньше. Иначе она будет очень долго прогружаться у пользователя.</p>
12
<p>В меню экспорта ваша задача сделать так, чтобы гифка была как можно меньше. Иначе она будет очень долго прогружаться у пользователя.</p>
13
<p>Мы советуем использовать такой алгоритм оптимизации гифок:</p>
13
<p>Мы советуем использовать такой алгоритм оптимизации гифок:</p>
14
<p><strong>1. Уменьшите количество цветов.</strong>Если на гифке только рисованный персонаж, цвета можно смело урезать с 256 до 64. Но следите за тем, чтобы в результате изображение не ухудшилось.</p>
14
<p><strong>1. Уменьшите количество цветов.</strong>Если на гифке только рисованный персонаж, цвета можно смело урезать с 256 до 64. Но следите за тем, чтобы в результате изображение не ухудшилось.</p>
15
<p><strong>2. Поменяйте алгоритм смешения Diffusion ("Диффузия") на Noise ("Шум").</strong>Diffusion вам придётся настраивать самостоятельно, а Noise - автоматический, хотя выдаёт практически тот же результат.</p>
15
<p><strong>2. Поменяйте алгоритм смешения Diffusion ("Диффузия") на Noise ("Шум").</strong>Diffusion вам придётся настраивать самостоятельно, а Noise - автоматический, хотя выдаёт практически тот же результат.</p>
16
<p><strong>3. Уменьшите разрешение изображения на 50%.</strong>Гифки обычно смотрят в небольшом размере, поэтому использовать высокое разрешение 1920×1080 необязательно.</p>
16
<p><strong>3. Уменьшите разрешение изображения на 50%.</strong>Гифки обычно смотрят в небольшом размере, поэтому использовать высокое разрешение 1920×1080 необязательно.</p>
17
<p><strong>4. Включите Transparency ("Прозрачность").</strong>Photoshop лучше оптимизирует гифки, если эта настройка активирована. Даже если фактически никакой прозрачности в вашей гифке нет :-)</p>
17
<p><strong>4. Включите Transparency ("Прозрачность").</strong>Photoshop лучше оптимизирует гифки, если эта настройка активирована. Даже если фактически никакой прозрачности в вашей гифке нет :-)</p>
18
<p>По этим настройкам гифку из примера удалось "сжать" с изначальных 8,8 МБ до 1,7 МБ:</p>
18
<p>По этим настройкам гифку из примера удалось "сжать" с изначальных 8,8 МБ до 1,7 МБ:</p>
19
<p>Результат:</p>
19
<p>Результат:</p>
20
<em>Изображение: @KS_wktk / twitter</em><a>Практический курс: "Photoshop с нуля до PRO" Узнать о курсе</a>
20
<em>Изображение: @KS_wktk / twitter</em><a>Практический курс: "Photoshop с нуля до PRO" Узнать о курсе</a>