![\"метроном](\"https:\/\/balyberdin.com\/hey\/pictures\/metronome_04_min.png\")
\n<\/a><\/div>\n<\/div>Конечно, метрономов существует огромное количество. Но я создал свой специально для анимации:<\/p>\n
- \n
- Расширенный диапазон — от 30 до 300 BPM<\/li>\n
- Скачивание в один клик — сразу получаете WAV-файл на 1 минуту<\/li>\n
- Конвертер FPS в BPM — введите частоту кадров и конвертер предложит лучшие BPM. Например, при 30 FPS, 120 BPM даёт бит каждые 15 кадров<\/li>\n
- Идеальная синхронизация — бит начинается ровно с нулевого кадра, в отличие от большинства YouTube видео<\/li>\n<\/ul>\n
💓 Вот ссылка: https:\/\/balyberdin.com\/tools\/metronome\/<\/a><\/p>\n
Теперь мой рабочий процесс стал проще, и, надеюсь, ваш тоже. А я продолжу делать инструменты, если что-то в работе будет казаться неэффективным настолько, что захочется это исправить. И обязательно поделюсь.<\/p>\n", "date_published": "2025-06-13T18:07:01+03:00", "date_modified": "2025-06-13T18:06:52+03:00", "tags": [ "tools" ], "image": "https:\/\/balyberdin.com\/hey\/pictures\/metronome_04_min.png", "_date_published_rfc2822": "Fri, 13 Jun 2025 18:07:01 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "59", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/balyberdin.com\/hey\/pictures\/metronome_04_min.png" ] } }, { "id": "34", "url": "https:\/\/balyberdin.com\/hey\/all\/ae-expressions\/", "title": "Подборка экспрешнов для After Effects", "content_html": "
Собрал список выражений для Аfter Effects, которые упрощают мою работу. Совсем простых в стиле
loopOut()<\/f> или wiggle (.4,6)<\/f> здесь нет, но и ничего слишком сложного тоже.<\/p>\n Своих экспрешнов здесь всего несколько. Большинство я взял из интернета и немного адаптировал под себя. Так что там где уместно, я указал ссылки на авторов.<\/p>\n
Динамическая рамка для текста<\/h2>\n
\n\n\n<\/div>\n<\/div>Плашка, которая автоматически подстраивается под длину текста.<\/p>\n
Создайте прямоугольный
Shape Layer<\/f> и сверху отдельным слоем добавьте текст.
\nПримените экспрешн к параметруSize<\/f> у шейпа:<\/p>\n margin_width = 60;\nmargin_height = 40;\n\ntext_width = thisComp.layer(index-1).sourceRectAtTime().width;\ntext_height = thisComp.layer(index-1).sourceRectAtTime().height;\n\nbox_width = text_width + margin_width*2;\nbox_height = text_height + margin_height*2;\n\n[box_width, box_height]<\/code><\/pre>© Kalleheikki Kannisto<\/a><\/p>\n
Если текст в несколько строк, то добавьте ещё этот экспрешн к
Position<\/f> у шейпа:<\/p>\n x = value[0];\ny = content("Rectangle 1").content("Rectangle Path 1").size[1]\/2;\n[x,y]<\/code><\/pre>Анимируемый wiggle<\/h2>\n
Простой способ анимировать wiggle с помощью двух слайдеров: первый отвечает за частоту, второй за амплитуду. Лучше анимировать только амплитуду.<\/p>\n
Добавьте эффект
Slider Control<\/f> на слой с экспрешном и продублируйте его.
\nПримените экспрешн к нужному параметру:<\/p>\nw_freq = effect("Slider Control")("Slider");\nw_amplitude = effect("Slider Control 2")("Slider");\n\nwiggle(w_freq,w_amplitude)<\/code><\/pre>Цикличный wiggle<\/h2>\n
Благодаря этому экспрешну, wiggle начинается и заканчивается в одной и той же точке.<\/p>\n
Если вдруг цикл не работает, то это скорей всего из-за того, что луп не успевает прийти в изначальное состояние за отведённое время. Просто увеличьте
loopTime<\/f> или freq<\/f>.<\/p>\n freq = 1;\namp = 65;\n\nstartTime = 0; \/\/ На какой секунде начинается луп\nloopTime = 3; \/\/ Сколько секунд идёт\n\nt = (time+startTime) % loopTime;\nwiggle1 = wiggle(freq, amp, 1, 0.5, t);\nwiggle2 = wiggle(freq, amp, 1, 0.5, t - loopTime);\n\nlinear(t, 0, loopTime, wiggle1, wiggle2)<\/code><\/pre>© Dan Ebberts<\/a><\/p>\n
Прикрепить шейп к одной стороне<\/h2>\n
\n\n\n<\/div>\n<\/div>Фиксирует одну сторону шейпа на месте, когда вы меняете
Size<\/f>.<\/p>\n Примените к
Position<\/f> у шейпа:<\/p>\n stickTo = "left"; \/\/ top, bottom, right or left\nchosenShape = content("Rectangle 1").content("Rectangle Path 1");\n\nif (stickTo == "top"){\n x = chosenShape.position[0];\n y = chosenShape.position[1]+chosenShape.size[1]\/2;\n}\n\nelse if (stickTo == "bottom"){\n x = chosenShape.position[0];\n y = chosenShape.position[1]-chosenShape.size[1]\/2;\n}\n\nelse if (stickTo == "right"){\n x = chosenShape.position[0]-chosenShape.size[0]\/2\n y = chosenShape.position[1]\n}\n\nelse if (stickTo == "left"){\n x = chosenShape.position[0]+chosenShape.size[0]\/2;\n y = chosenShape.position[1]\n}\n\n[x,y]<\/code><\/pre>Риг для катящегося круга и квадрата<\/h2>\n
\n\n\n<\/div>\n<\/div>Катящийся круг<\/h3>\n
Примените к
Rotation<\/f> и анимируйте Position<\/f>:<\/p>\n transform.position[0]-(content("Ellipse 1").content("Ellipse Path 1").size[0]\/2)-transform.position[0]\/2<\/code><\/pre>Катящийся квадрат<\/h3>\n
Работает как с шейпами, так и со слоями и композициями.<\/p>\n
Примените экспрешн к
Position<\/f>. Добавьте Slider Control<\/f> на этот же слой. Анимируйте Rotation<\/f>. Если квадрат катится неправильно, измените значение у Slider Control<\/f>.<\/p>\n targetLayer = thisLayer;\nsquareSize = targetLayer.sourceRectAtTime().width;\nsquareDiag = (Math.sqrt(2)*squareSize)\/2\/3.5;\n\ntry{\n squareOffset = effect("Slider Control")("Slider");\n}\n\ncatch(err) {\n squareOffset = 0;\n}\n\n\nrot=transform.rotation;\nscl=transform.scale[0]\/100;\nw=(squareSize\/2)*scl;\nr=(degreesToRadians(rot))*2;\nt=transform.position;\n\n[t[0]+w*rot\/45,t[1]-(Math.abs((squareDiag+squareOffset)*Math.sin(r)))*scl];<\/code><\/pre>На основе экспрешна от Mikey Borup<\/a><\/p>\n
Ступенчатые повороты<\/h2>\n
Альтернатива
time*n<\/f>. Только вместо плавного вращения создаются ступенчатые движения. Отлично подходит для анимации стрелок часов, шестерёнок и других похожих механизмов.<\/p>\n \n\n\n<\/div>\n<\/div>Примените к
Rotation<\/f>:<\/p>\n angle = 15; \/\/ Угол поворота в секунду\nrotateDuration = 10; \/\/ Длительность поворота в кадрах\n\nrotateDurationFr = rotateDuration\/(1\/thisComp.frameDuration);\n\nwholeSecond = Math.floor(time);\nstartAngle = wholeSecond * angle;\nease(time, wholeSecond, wholeSecond + rotateDurationFr, startAngle, startAngle + angle)<\/code><\/pre>© Xinlai Ni<\/a><\/p>\n
Продвинутые ступенчатые повороты<\/h2>\n
Практически то же самое, что и выше. Но с чуть большим количеством настроек.<\/p>\n
Примените к
Rotation<\/f>:<\/p>\n angle = 15; \/\/ Угол поворота\nrotateDuration = 6; \/\/ Длительность поворота в кадрах\ntimeStop = 5; \/\/ Длительность остановки между поворотами\noffset = 0; \/\/ Сдвиг начального положения в кадрах\n\nfr = timeToFrames(time)+offset;\n\ncycle = timeStop+rotateDuration;\nn = Math.floor(fr\/cycle);\ncur_phase = fr-n*cycle;\n\nif((cur_phase)>timeStop){\nangle*n+(cur_phase-timeStop)*angle\/rotateDuration;\n}\nelse{\nangle*n;\n}<\/code><\/pre>© aexpressions.ru<\/a><\/p>\n
Постоянный масштаб при скейле<\/h2>\n
\n\n\n<\/div>\n<\/div>Когда вы привязываете один объект к другому и масштабируете родительский, оба слоя увеличиваются. Этот экспрешн не позволяет дочернему слою менять масштаб и только перемещает его по позиции.<\/p>\n
Примените к
Scale<\/f> у слоя, который должен сохранять постоянный масштаб:<\/p>\n s = [];\nps = parent.transform.scale.value;\nfor (i = 0; i < ps.length; i++){\ns[i] = value[i]*100\/ps[i];\n}\ns<\/code><\/pre>© JR Canest<\/a><\/p>\n
Переключатель по чекбоксу<\/h2>\n
\n\n\n<\/div>\n<\/div>Меняет одно значение параметра на другое по нажатию на чекбокс.<\/p>\n
Добавьте эффект
Checkbox Control<\/f> на слой с экспрешном. Примените экспрешн к любому параметру:<\/p>\n if (effect("Checkbox Control")(1) == 0) 0 else 100<\/code><\/pre>Луп для шейпов<\/h2>\n
Обычный
loopOut()<\/f> не работает с шейпами, но зато работает этот экспрешн.<\/p>\n Примените к
Path<\/f> у шейпа:<\/p>\n try{\npingPong = false; \/\/ Поставьте true, если нужен pingPong\n\ntimeStart = thisProperty.key(1).time;\nduration = thisProperty.key(thisProperty.numKeys).time-timeStart;\nquant=Math.floor((time-timeStart)\/duration);\n\nif(quant<0) quant = 0\n\nif(quant%2 == 1 && pingPong == true){\nt = 2*timeStart+ (quant+1)*duration - time;\n}\n\nelse{\nt = time-quant*duration;\n}\n}\ncatch(err){\nt = time;\n}\nthisProperty.valueAtTime(t)<\/code><\/pre>© aexpressions.ru<\/a><\/p>\n
Range Mapper<\/h2>\n
\n\n\n<\/div>\n<\/div>Преобразует значения из одного диапазона в другой.<\/p>\n
Добавьте
Slider Control<\/f> на слой. Примените экспрешн к нужному параметру:<\/p>\n input = effect("Slider Control")("Slider");\n\ninputLow = 0;\ninputHigh = 100;\noutputLow = 466;\noutputHigh = 618;\n\nlinear(input,inputLow,inputHigh,outputLow,outputHigh)<\/code><\/pre>© Dan Ebberts<\/a><\/p>\n
Обводка независимая от скейла<\/h2>\n
\n\n\n<\/div>\n<\/div>Сохраняет постоянную обводку у шейпов при изменении масштаба.<\/p>\n
Примените к
Stroke Width<\/f>:<\/p>\n value \/ length(toComp([0,0]), toComp([0.7071,0.7071])) || 0.001;<\/code><\/pre>© Adam Plouff<\/a><\/p>\n
Счётчики<\/h2>\n
Подборка из 6 экспрешнов для создания различных счётчиков. По сути, все эти счётчики представляют собой текст, привязанный к
Slider Control<\/f>, который можно анимировать при помощи ключей.<\/p>\n 1. Обычный счётчик<\/h3>\n
\n\n\n<\/div>\n<\/div>Счётчик с фиксированным количеством десятичных знаков.<\/p>\n
Добавьте эффект
Slider Control<\/f> к текстовому слою. Примените экспрешн к Source Text<\/f>. Количество знаков после запятой обозначается параметром toFixed(2)<\/f>.<\/p>\n parseFloat(effect("Slider Control")("Slider")).toFixed(2)<\/code><\/pre>2. Счётчик с запятыми вместо точек<\/h3>\n
\n\n\n<\/div>\n<\/div>Заменяет точку для десятичных знаков на запятую. Если нужен похожий сетап с большим количеством настроек, то он вот здесь<\/a>.<\/p>\n
Добавьте
Slider Control<\/f> на текстовый слой и примените экспрешн к Source Text<\/f>.<\/p>\n c = parseFloat(effect("Slider Control")("Slider")).toFixed(2);\nc.toString().replace(".", ",")<\/code><\/pre>3. Счётчик с дополнительными знаками<\/h3>\n
\n\n\n<\/div>\n<\/div>Добавляет любые дополнительные символы в начале или конце счётчика.<\/p>\n
Добавьте
Slider Control<\/f> на текстовый слой и примените экспрешн к Source Text<\/f>.<\/p>\n "+"+parseFloat(effect("Slider Control")("Slider")).toFixed(2)+"%"<\/code><\/pre>4. Счётчик с нулями в начале<\/h3>\n
\n\n\n<\/div>\n<\/div>Превращает числа из
1 <\/f> в 001<\/f>.<\/p>\n Добавьте
Slider Control<\/f> на текстовый слой и примените экспрешн к Source Text<\/f>.<\/p>\n zerosAmount = 3;\n\nvar slider = effect("Slider Control")("Slider");\n\nfunction padStart(string, targetLength, character) {\n\tstring = (string instanceof String) ? string : string.toString();\n\ttargetLength = targetLength >> 0;\n\tcharacter = character || ' ';\n\n\twhile (string.length < targetLength) {\n\t\tstring = character + string;\n\t}\n\nreturn string;\n};\n\nif (slider >= 0) {\nzeroAmount = zerosAmount + 1;\npaddedString = padStart(parseFloat(slider.value).toFixed(0), zerosAmount, '0');\n}\n\nelse {\npaddedString = '-0'+padStart(parseFloat(slider.value).toFixed(0)*-1, zerosAmount, '0');\n}\n\npaddedString;<\/code><\/pre>На основе экспрешна от Tomas Sinkunas<\/a><\/p>\n
5. Счётчик с разрядами<\/h3>\n
\n\n\n<\/div>\n<\/div>Группирует цифры по разрядам, превращая
30000<\/f> в 30 000<\/f>.<\/p>\n Добавьте
Slider Control<\/f> на текстовый слой и примените экспрешн к Source Text<\/f>.<\/p>\n num = parseFloat(effect("Slider Control")("Slider")).toFixed(0);\nstr = isNaN(num) ? "" : (num * 1 + "");\nstr.replace(\/(\\d)(?=(\\d\\d\\d)+([^\\d]|$))\/g, '$1 ');<\/code><\/pre>© Tomas Bumbulevičius<\/a><\/p>\n
6. Счётчик для больших чисел<\/h3>\n
\n\n\n<\/div>\n<\/div>Счётчик, привязанный к
Slider Control<\/f>, не идёт дальше 1 000 000. Поэтому если нужны большие числа, приходится использовать эффект Angle Control<\/f>.<\/p>\n Добавьте
Angle Control<\/f> на текстовый слой и примените экспрешн к Source Text<\/f>.<\/p>\n number = Math.round(effect("Angle Control")("Angle")\/360);\n\nn="" + number;\ns="";\nfor(i=0, l=n.length; i<l; i++){\n if(s && s!="-" && (l-i)%3 ==0)\n s+=" "; \n s += n[i];\n}\ns;<\/code><\/pre>© Chunk Motion<\/a><\/p>\n
Мини-экспрешны<\/h2>\n
И, под конец, 4 полезных мини-выражения, которые часто пригождаются.<\/p>\n
1. Привязка к слою выше или ниже<\/h3>\n
\n\n\n<\/div>\n<\/div>Это не полноценный экспрешн, а только его часть. Вместо того, чтобы привязывать один слой к другому напрямую, иногда удобнее динамически привязывать к слою, который стоит выше или ниже слоя с экспрешном.<\/p>\n
В примере, я привязываю позицию у слоя с шейпом к любому слою, который стоит выше на таймлайне. Если нужна привязка к слою ниже, то используйте
index+1<\/f>.<\/p>\n thisComp.layer(index-1)<\/code><\/pre>2. Постоянно ускоряющиеся повороты<\/h3>\n
Добавьте это к
Rotation<\/f>, чтобы создать вращение, которое становится быстрее с каждой секундой:<\/p>\n time*time*time*time<\/code><\/pre>3. Ключи для time*n<\/h3>\n
Добавляет постоянное движение, но оставляет возможность ставить ключи.<\/p>\n
value+time*11<\/code><\/pre>© Ben Marriott<\/a><\/p>\n
4. Привязка градиента к слою<\/h3>\n
Чтобы
Gradient Ramp<\/f> не слетал при перемещении слоя, добавьте на Start<\/f> и End<\/f>:<\/p>\n toComp(value)<\/code><\/pre>© aeexpressions.ru<\/a><\/p>\n
Это все выражения, которыми я пользуюсь на постоянной основе. Всего получилось 23.
\n📁 Проект со всеми экспрешнами<\/a>, который вы можете скачать бесплатно.<\/p>\n", "date_published": "2021-02-09T22:22:30+03:00", "date_modified": "2025-06-08T21:03:44+03:00", "tags": [ "after effects", "expressions" ], "image": "https:\/\/balyberdin.com\/hey\/pictures\/exp-cover-timeline.jpg", "_date_published_rfc2822": "Tue, 09 Feb 2021 22:22:30 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "34", "_e2_data": { "is_favourite": true, "links_required": [ "highlight\/highlight.js", "highlight\/highlight.css" ], "og_images": [ "https:\/\/balyberdin.com\/hey\/pictures\/exp-cover-timeline.jpg" ] } }, { "id": "17", "url": "https:\/\/balyberdin.com\/hey\/all\/ae-render-basic\/", "title": "Рендер в After Effects", "content_html": "Расскажу самые базовые вещи о рендере в Adobe After Effects. Будет как небольшая подсказка для новичков.<\/p>\n
Рендерить можно двумя способами. Через Render Queue внутри After Effects и через стороннюю программу Adobe Media Encoder.<\/p>\n
Для слабых компьютеров или тяжёлых проектов советую Render Queue. А для всего остального — Media Encoder.<\/p>\n
Две заметки перед началом
\n1) Если АЕ 2017 года или ниже — скачайте кодеки Quicktime<\/a>. На macOS не нужно.
\n2) Если рендерите через Media Encoder проверьте, чтобы он был того же года, что и After Effects.<\/p>\nРендерим видео с оптимальным соотношением веса и качества через Media Encoder<\/h2>\n
Сейчас самый распространённый стандарт сжатия видео — H.264. Мало весит, не убивает качество и везде поддерживается.<\/p>\n
— Открываем композицию, которую хотим отрендерить.
\n— Заходим в Composition → Add to Adobe Media Encoder Queue. Немного ждём, открывается Media Encoder.
\n— Нажимаем на стрелочку в Format и выбираем H.264.<\/p>\n\n![\"Media](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_H264_01.png\")
\n<\/div>\n— В Preset выбираем Match Source High Bitrate.<\/p>\n
\n![\"Preset](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_H264_02.png\")
\n<\/div>\n— Output File выбираем куда сохранить. Нажимаем Enter или на зелёный треугольничек справа. Рендер пошёл.<\/p>\n
В итоге, минутное видео больше не будет весит несколько гигабайт, а останется где-то в пределах сотни мегабайт.<\/p>\n
Рендерим видео с оптимальным соотношением веса и качества через Render Queue<\/h2>\n
— Открываем композицию, которую хотим отрендерить.
\n— Заходим в Composition → Add to Render Queue.
\n— Нажимаем на синий текст рядом с Output Module.<\/p>\n\n![\"After](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Output_Module.png\")
\n<\/div>\n— В Format выбираем Quicktime.<\/p>\n
\n![\"After](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_AE2017_H264_Render_Queue_02.png\")
\n<\/div>\n— Нажимаем Format Options.
\n— В Video Codec выбираем H.264.<\/p>\n\n![\"After](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_AE2017_H264_Render_Queue_03.png\")
\nЕсли АЕ 2018 или старше, то H.264 в списке не будет. Выбирайте Animation.
\nФайл получится тяжеловатый, но легче, чем совсем без сжатия. Поэтому для последних версий АЕ лучше использовать Media Encoder, где есть H.264.<\/div>\n<\/div>\n— Кликаем ОК в двух окошках.
\n— Справа от Output To нажимаем на синий текст и выбираем куда сохранить.<\/p>\n\n![\"After](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Output_Place.png\")
\n<\/div>\n— Нажимаем Enter или кнопку «Render» справа.
\nГотово! Рендер начался.<\/p>\nРендерим видео на альфа-канале через Media Encoder<\/h2>\n
А сейчас рассмотрим как отрендерить анимацию с прозрачным фоном. Это уже чуть-чуть посложнее.<\/p>\n
— Открываем нужную композицию.
\n— Composition → Add To Adobe Media Encoder Queue
\n— В Format выбираем Quicktime<\/p>\n\n![\"Media](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_PNG_01.png\")
\n<\/div>\n— В Preset ничего не выбираем, просто нажимаем на синий текст<\/p>\n
\n![\"Media](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_PNG_02.png\")
\n<\/div>\n— Теперь выбираем Video Codec в зависимости от версии AE:
\nAE 2017 и ниже — PNG.<\/p>\n\n![\"Media](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_PNG_03.png\")
\n<\/div>\nАЕ 2018 — Animation.<\/p>\n
\n![\"Media](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_QTAnimation.png\")
\n<\/div>\nAE 2019 или любая версия на macOS — ProRes 4444.<\/p>\n
\n![\"ProRes](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_ProRes4444.png\")
\n<\/div>\n— Нажимаем кнопку Match Source.
\n— Проматываем чуть-чуть вниз, в Depth выбираем параметр у которого написано +alpha или 32 bit.<\/p>\n\n![\"Media](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_Depth.png\")
\n<\/div>\n— Нажимаем ОК, в Output выбираем место куда сохранится файл и запускаем рендер.<\/p>\n
Всё, теперь ролик отрендерится с прозрачностью, будет потяжелее. Зато на фон можно подставить всё, что угодно.<\/p>\n
Рендерим видео на альфа-канале через Render Queue<\/h2>\n
— Открываем нужную композицию.
\n— Composition → Add To Adobe Media Encoder Queue
\n— Кликаем на синий текст рядом с Output Module.<\/p>\n\n\n<\/div>\n— В Format выбираем Quicktime.<\/p>\n
\n\n<\/div>\n— Нажимаем «Format Options».<\/p>\n
— Теперь выбираем Video Codec в зависимости от версии AE:
\nAE 2017 и ниже — PNG.<\/p>\n\n![\"After](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_PNG.png\")
\n<\/div>\nАЕ 2018 — Animation.<\/p>\n
\n![\"After](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Animation.png\")
\n<\/div>\nAE 2019 или любая версия на macOS — ProRes 4444.<\/p>\n
\n![\"After](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_4444.png\")
\n<\/div>\n— Нажимаем ОК.
\n— В Channels выбираем RGB+Alpha.<\/p>\n\n![\"After](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Video_Output_Alpha.png\")
\n<\/div>\n— Нажимаем ОК.
\n— В Output To выбираем куда сохранить файл.<\/p>\n\n\n<\/div>\n— Нажимаем Enter или кнопку «Render».
\nЕсть!<\/p>\nСоздаём шаблоны для рендера в Media Encoder<\/h2>\n
Как в Media Encoder, так и в Render Queue можно создавать шаблоны на все случаи жизни: для H.264, альфа-канала, MP3, PNG-секвенций. Один раз настраиваете рендер, сохраняете в темплейт и в нужный момент переключаетесь между ними.<\/p>\n
— Чтобы сохранить шаблон достаточно настроить рендер под себя и нажать на эту кнопку<\/p>\n
\n![\"Save](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_07.png\")
\n<\/div>\n— После этого, созданный темплейт будет доступен в выборе пресетов<\/p>\n
\n![\"Custom](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_Template_01.png\")
\n<\/div>\nСоздаём шаблоны для рендера в Render Queue<\/h2>\n
— Настраиваем рендер, нажимаем справа от Output Module на стрелочку и выбираем Make Template<\/p>\n
\n![\"Make](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_01.png\")
\n<\/div>\n— Задаём имя шаблону — готово, можно рендерить<\/p>\n
\n![\"Custom](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Template_01.png\")
\n<\/div>\n— Чтобы сделать шаблон рендером по умолчанию просто выбираем его в Movie Default<\/p>\n
\n![\"Movie](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Template_02.png\")
\n<\/div>\nРендерим один кадр из видео<\/h2>\n
Сохранить текущий кадр можно двумя способами. Одной кнопкой в плагине FX Console<\/a>.<\/p>\n
\n![\"FX](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_FXConsole_VC.png\")
\n<\/div>\nИли штатными средствами After Effects. Единственное, по умолчанию картинка сохраняется в PSD, но это быстро исправить.<\/p>\n
— Создаём любую композицию
\n— Нажимаем Composition → Add To Render Queue
\n— Справа от Output Module нажимаем на маленькую стрелочку и выбираем Make Template<\/p>\n\n\n<\/div>\n— В появившемся меню нажимаем Edit<\/p>\n
\n![\"Edit](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_02.png\")
\n<\/div>\n— Format ставим PNG Sequence
\n— Channels — RGB + Alpha
\n— Нажимаем ОК<\/p>\n\n![\"Format](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_03.png\")
\n<\/div>\n— Переименовываем шаблон<\/p>\n
\n![\"Settings](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_04.png\")
\n<\/div>\n— Ставим его во Frame Default. Нажимаем ОК<\/p>\n
\n![\"Frame](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_05.png\")
\n<\/div>\n— Возвращаемся обратно в нашу композицию
\n— Выбираем Composition → Save Frame As → File и сохраняем кадр куда нужно. Если будет прозрачность, сохранит с прозрачностью.<\/p>\n\n![\"Same](\"https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_06.png\")
\n<\/div>\nТеперь в любом проекте можно нажать Save Frame As или Ctrl+Alt+S и кадр сохранится. Настраивать темплейт снова больше не нужно.<\/p>\n
Думаю на этом всё. Надеюсь, что эта заметка поможет вам с рендером!<\/p>\n", "date_published": "2018-04-14T20:14:37+03:00", "date_modified": "2025-06-08T18:26:46+03:00", "tags": [ "AE", "лонгрид", "рендер", "туториал" ], "image": "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_H264_01.png", "_date_published_rfc2822": "Sat, 14 Apr 2018 20:14:37 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "17", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_H264_01.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_H264_02.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Output_Module.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AE2017_H264_Render_Queue_02.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AE2017_H264_Render_Queue_03.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Output_Place.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_PNG_01.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_PNG_02.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_PNG_03.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_QTAnimation.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_ProRes4444.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_Depth.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_PNG.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Animation.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_4444.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Video_Output_Alpha.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_07.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_AME_Template_01.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_01.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Template_01.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_RQ_Template_02.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_FXConsole_VC.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_02.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_03.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_04.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_05.png", "https:\/\/balyberdin.com\/hey\/pictures\/render_base_Save_Frame_06.png" ] } }, { "id": "16", "url": "https:\/\/balyberdin.com\/hey\/all\/about-fps\/", "title": "Разберёмся с кадрами в секунду", "content_html": "
В этой заметке расскажу откуда появились 24 кадра в секунду, почему в США их 29,97. Зачем играм так много FPS и почему 25 кадр не работает.<\/p>\n
Вступление<\/h2>\n
Любая анимация существует благодаря инертности зрения. Если изображения сменяются достаточно быстро, то мозг не видит их по отдельности, а создаёт иллюзию непрерывного движения. Скорость смены изображений должна быть выше 10-12 в секунду, иначе мозг воспринимает картинки по-отдельности. Казалось бы, вот и подходящая для человека кадровая частота — 12 FPS и больше. Но не всё так просто.<\/p>\n
Немые фильмы<\/h2>\n
Представьте себе ленту немого фильма, в которой 1 500 отдельных изображений. Если мы покажем фильм со скоростью 12 кадров в секунду, то увидим что-то такое<\/a>. Гифку сделал по ссылке, чтобы не раздражала мерцанием.<\/p>\n
Движение есть, но мерцание в кадре всё портит. Оно появилось из-за того, что мы должны закрыть проектор, чтобы прокрутить ленту дальше и показать новое изображение. По словам Томаса Эдисона, наше зрение не заметит мерцание, если мы будем прокручивать ленту со скоростью 46 кадров в секунду. Но это не лучший вариант, и вот почему.<\/p>\n
Сейчас у нас фильм состоит из 1 500 изображений и мы его проигрываем со скоростью 12 кадров в секунду.
\nПолучается 1 500 кадров \/ 12 кадров в секунду = 125 секунд
\nЗначит, нам достаточно 1 500 кадров, что создать двухминутный фильм.<\/p>\nСо скоростью 46 кадров в секунду наш фильм будет идти всего 32 секунды. То есть, чтобы восстановить хронометраж мы должны создать не 1 500 кадров, а 5 750 = 125 секунд * 46 кадров в секунду. Кинолента будет длиннее в четыре раза, количество кадров больше, а значит отснять, смонтировать и показать фильм выйдет намного дороже.<\/p>\n
Легче изменить конструкцию проектора. Поэтому вместо обычного обтюратора поставили трёхлезвийный.<\/p>\n
![что-то такое<\/a>. Гифку сделал по ссылке, чтобы не раздражала мерцанием.<\/p>\nДвижение есть, но мерцание в кадре всё портит. Оно появилось из-за того, что мы должны закрыть проектор, чтобы прокрутить ленту дальше и показать новое изображение. По словам Томаса Эдисона, наше зрение не заметит мерцание, если мы будем прокручивать ленту со скоростью 46 кадров в секунду. Но это не лучший вариант, и вот почему.<\/p>\nСейчас у нас фильм состоит из 1 500 изображений и мы его проигрываем со скоростью 12 кадров в секунду.\nПолучается 1 500 кадров \/ 12 кадров в секунду = 125 секунд\nЗначит, нам достаточно 1 500 кадров, что создать двухминутный фильм.<\/p>\nСо скоростью 46 кадров в секунду наш фильм будет идти всего 32 секунды. То есть, чтобы восстановить хронометраж мы должны создать не 1 500 кадров, а 5 750 = 125 секунд * 46 кадров в секунду. Кинолента будет длиннее в четыре раза, количество кадров больше, а значит отснять, смонтировать и показать фильм выйдет намного дороже.<\/p>\nЛегче изменить конструкцию проектора. Поэтому вместо обычного обтюратора поставили трёхлезвийный.<\/p>\n](\"http:\/\/balyberdin.com\/hey\/pictures\/fps_Flicker.gif\"){kind=link}