{"id":2640,"date":"2025-02-14T19:44:13","date_gmt":"2025-02-14T19:44:13","guid":{"rendered":"http:\/\/demoblogs.ecuad.camrose\/?page_id=2640"},"modified":"2025-02-14T19:44:13","modified_gmt":"2025-02-14T19:44:13","slug":"general-notes-for-digital-animation-methods","status":"publish","type":"page","link":"https:\/\/palette.ecuad.ca\/mrose\/resources\/digital-animation-methods-and-software\/general-notes-for-digital-animation-methods\/","title":{"rendered":"General Notes for Animation Methods"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The following are properties that are commonly applied for animation and media projects. The settings can be applied to a range of typical production applications, such as Adobe Premiere, After Effects, and Animate, Toon Boom Harmony, Clip Studio, Procreate, and more.<span class=\"Apple-converted-space\">&nbsp;<\/span><\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><b>Frame Rates<\/b><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">A good standard for the projection or playback speed of a project is:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>24 frames per second (fps)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">It is also known as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Single-frame animation\u201d<\/li>\n\n\n\n<li>Animation on \u201cones&#8221; or \u201c1s\u201d<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Quite often, with 2-dimensional drawn animation in particular, animation is created at:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>12 images per second<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">It is also known as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Double-frame animation<\/li>\n\n\n\n<li>On \u201ctwos\u201d<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">As a frame rate, movement at 12 images per second is still relatively smooth. Motion at values less than this, like at 8 or 6 images per second, will seem choppy, and not smooth.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Technically, with digital playback at:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>24 fps<\/li>\n\n\n\n<li>Is really 23.976 fps<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><b>Aspect Ratios<\/b><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Regarding the screens where we view work, the image frame, the proportion of units high, or vertical, to wide, or horizontal, are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>16:9\n<ul class=\"wp-block-list\">\n<li>Currently, this is the common format<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>4:3\n<ul class=\"wp-block-list\">\n<li>The ratio has been popular, particularly for TV and video screens<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><b>Dimensions &amp; Resolution<\/b><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">The unit of measurement with digital imagery is measured in:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pixels\n<ul class=\"wp-block-list\">\n<li>The abbreviation of \u201cpicture elements,\u201d or<\/li>\n\n\n\n<li>px<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A pixel is the smallest element of a screen image, a tiny little square, depending on the resolution.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If high-definition dimensions (HD) are 1920 by1080 px, there are 2,073,600 pixels in the image.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>HD = 1920 x 1080 pixels or 1080p (at 16:9)<\/li>\n\n\n\n<li>HD = 1280 x 720 pixels or 720p (at 16:9)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">With 4k, or ultra high-definition (UHD), at 3840 x 2160 px, the resolution is four times higher than HD, with 8,294,400 pixels in the image. The visual detail is much higher. And, the frame rates are too.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>UHD = 3840 x 2160 or 4k (at 16:9)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Square pixels = 1.0. This means, the smallest element or unit is 1.0 px high by 1.0 px wide.<span class=\"Apple-converted-space\">&nbsp;<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Incidentally, there are also \u201cnon-square\u201d pixels, 0.9 px high by 1.0 wide. It is an aspect ratio for previous video tape on electronic screens. You might find this is a default setting for projects in Adobe Premiere.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><b>1080p<\/b><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Width = 1920<\/li>\n\n\n\n<li>Height = 1080<\/li>\n\n\n\n<li>Aspect Ratio = 16:9<\/li>\n\n\n\n<li>Frames per second = 24 fps<\/li>\n\n\n\n<li>Square pixels (1.0)<\/li>\n\n\n\n<li>Audio: 48 kHz or 48000 Hz<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The \u201cp\u201d in 1080p stands for \u201cprogressive scan.\u201d This means, we view movies as sequences of images progressively, at 24 images per second. This presentation is similar to traditional film. The system is different from \u201ci\u201d (lower-case i) for \u201cinterlaced.\u201d That is the previous electronic broadcast TV and video system.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><b>Home Project Folder<span class=\"Apple-converted-space\">&nbsp;<\/span><\/b><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">When you create a project, particularly for Premiere and After Effects, it is essential that you organize everything in a project folder, like a suitcase. In it, you will make several other folders.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keep absolutely everything in the production folder and sub-folders. Don\u2019t have stuff strewn all over your hard drive.<span class=\"Apple-converted-space\">&nbsp;<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Even if you keep everything on your own computer, it\u2019s meant to be portable, one that can be transferred to a drive that you can carry \u2014 and back up!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Be sure to include your name and project title as you name it, with a \u201cone-word\u201d file name; that is, all lowercase letters, no spaces. Use an underscore [ _ ] rather than a space.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ your_name_project_name ]<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In the project folder, make additional folders, to organize assets and source files for editing and compositing:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ project files ] for software-specific files, like Premiere &lt;prproj&gt; and After Effects &lt;aep&gt; files<\/li>\n\n\n\n<li>[ video ] for time-based files, like MP4, QuickTime and AVI<\/li>\n\n\n\n<li>[ sound ] for audio files, like WAV, AIF, and MP3<\/li>\n\n\n\n<li>[ images ] for single image files and sequences, like PSD, PNG, and JPG<\/li>\n\n\n\n<li>[ exported video ] for interim, lossless video files, for compositing<\/li>\n\n\n\n<li>[ image sequences ] similar to \u201cexported movies,\u201d for interim, lossless sequences, like PNG plus alpha or transparency layers, for compositing<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><b>Image Sequences<\/b><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">When you choose to export animation as an image sequence, like for composting purposes, the files will be rendered in sequence, so they all have the same amount of characters in their names. There are placeholder \u201c0\u201d characters for ones, tens, hundreds, and so on.<span class=\"Apple-converted-space\">&nbsp; <\/span>They are also \u201cone-word file names,\u201d without spaces.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>image_001.png<\/li>\n\n\n\n<li>image_002.png<\/li>\n\n\n\n<li>image_003.png<\/li>\n\n\n\n<li>image_004.png<\/li>\n\n\n\n<li>image_005.png<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If you need to make the sequences manually, on your own, be sure the name files in this way.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><b>Compositing &amp; Video Editing Software<\/b><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Programs like Premiere, After Effects, Animate, Harmony, and the like, will typically organize their workspaces, with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Project Window or Library<\/li>\n\n\n\n<li>Source files<\/li>\n\n\n\n<li>Pointers or reference files<\/li>\n\n\n\n<li>Timeline, for video and audio\n<ul class=\"wp-block-list\">\n<li>Multiple layers or tracks for editing and compositing<\/li>\n\n\n\n<li>Edit line or time locator<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Preview, for playback, fast forward, reverse, and so on<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h6 class=\"wp-block-heading\">Back to<\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/palette.ecuad.ca\/mrose\/resources\/digital-animation-methods-and-software\/general-notes-for-digital-animation-methods\/\">Top of the Page<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/palette.ecuad.ca\/mrose\/resources\/\" target=\"_blank\" rel=\"noreferrer noopener\">Resources Page<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/palette.ecuad.ca\/mrose\/\" target=\"_blank\" rel=\"noreferrer noopener\">Main Page<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The following are properties that are commonly applied for animation and media projects. The settings can be applied to a range of typical production applications, such as Adobe Premiere, After Effects, and Animate, Toon Boom Harmony, Clip Studio, Procreate, and more.&nbsp; Frame Rates A good standard for the projection or playback speed of a project [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":256,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2640","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/2640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/comments?post=2640"}],"version-history":[{"count":2,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/2640\/revisions"}],"predecessor-version":[{"id":4939,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/2640\/revisions\/4939"}],"up":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/256"}],"wp:attachment":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/media?parent=2640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}