{"id":378,"date":"2016-08-22T11:24:51","date_gmt":"2016-08-22T11:24:51","guid":{"rendered":"http:\/\/eidersuso.net\/design\/?p=378"},"modified":"2020-12-04T02:11:55","modified_gmt":"2020-12-04T02:11:55","slug":"sketching","status":"publish","type":"post","link":"http:\/\/eidersuso.net\/design\/2016\/08\/22\/sketching\/","title":{"rendered":"Sketching"},"content":{"rendered":"<p>In order to sketch your project you need to create drawings that explain what you are trying to do.<\/p>\n<p>a\/ If you are in <strong>character design<\/strong>, your sketch should indicate the different\u00a0sides of\u00a0your characters. You need to indicate color scheme and variations (such as with shirt and without).<\/p>\n<p><a href=\"http:\/\/pirate-pudding.com\/?page_id=30\" target=\"_blank\" rel=\"noopener noreferrer\">This<\/a> is an example:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-256 size-full\" src=\"http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/bergendal-char-harald-e1472289675563.jpg\" alt=\"bergendal-char-harald\" width=\"700\" height=\"394\" \/><\/p>\n<p>Or<a href=\"http:\/\/img14.deviantart.net\/1a0f\/i\/2012\/028\/d\/4\/character_design_in_2d_by_dede23-d4nw6xg.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> this <\/a>other one.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-257 size-full\" src=\"http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/character_design_in_2d_by_dede23-d4nw6xg-e1472289689208.jpg\" alt=\"character_design_in_2d_by_dede23-d4nw6xg\" width=\"700\" height=\"467\" \/>In order to make this sketches you can either use a simple software such as gimp, or you can hand-draw\u00a0them.<\/p>\n\n<p><a href=\"http:\/\/www.virtualimpressions.com.au\/images\/2D%20Draft02.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">This<\/a>\u00a0is a technical drawing of a bottle dispenser.<\/p>\n\n<p>b\/ If you want to create <strong>motion graphics<\/strong> (or kinetic typography) or an <strong>animation<\/strong> you should have a clear storyboard of what you are trying to accomplish.<\/p>\n<p>According to Wikipedia, a\u00a0<b>storyboard<\/b> is a graphic organizer in the form of illustrations or images displayed in sequence for the purpose of pre-visualizing a motion picture, animation, motion graphic or interactive media sequence.<\/p>\n<p>Hand drawn sketches look like<a href=\"https:\/\/professordjfall2010.files.wordpress.com\/2010\/10\/outline.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> this:<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-263\" src=\"http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/outline-791x1024.jpg\" alt=\"outline\" width=\"720\" height=\"932\" srcset=\"http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/outline-791x1024.jpg 791w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/outline-232x300.jpg 232w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/outline-768x994.jpg 768w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/outline-210x272.jpg 210w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>Or this, where you can include little anotations below, on the transitions you are thinking.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-265 size-large\" src=\"http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/storyboard1-1-1024x745.jpg\" alt=\"storyboard1-1\" width=\"720\" height=\"524\" srcset=\"http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/storyboard1-1-1024x745.jpg 1024w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/storyboard1-1-300x218.jpg 300w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/storyboard1-1-768x559.jpg 768w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/storyboard1-1-210x153.jpg 210w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>These are some examples for kinetic type storyboards. Creating an story board will indicate the color palette you are trying to use, the type and the duration of the clip you are trying to make.<\/p>\n<p>For example, this is the (digital) storyboard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-262 size-full\" src=\"http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/80ebce6138873.560e0ee5a6be5.png\" alt=\"80ebce6138873.560e0ee5a6be5\" width=\"600\" height=\"520\" srcset=\"http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/80ebce6138873.560e0ee5a6be5.png 600w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/80ebce6138873.560e0ee5a6be5-300x260.png 300w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/80ebce6138873.560e0ee5a6be5-210x182.png 210w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>For this clip:<\/p>\n<p><iframe loading=\"lazy\" title=\"Love Actually Kinetic Typography\" src=\"https:\/\/player.vimeo.com\/video\/55069693?dnt=1&amp;app_id=122963\" width=\"560\" height=\"420\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\"><\/iframe><\/p>\n<p>Note: before you make a digital storyboard,\u00a0you should sketch one up (enough for the criteria A exit interview).<\/p>\n<p>c\/ Finally if you are trying to do an <strong>animation,<\/strong> your storyboard could look like <a href=\"https:\/\/anm104f11.files.wordpress.com\/2011\/09\/storyboard002.jpg\" target=\"_blank\" rel=\"noopener noreferrer\">this.<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-267\" src=\"http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/storyboard002-1024x789.jpg\" alt=\"storyboard002\" width=\"720\" height=\"555\" srcset=\"http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/storyboard002-1024x789.jpg 1024w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/storyboard002-300x231.jpg 300w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/storyboard002-768x592.jpg 768w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/storyboard002-210x162.jpg 210w, http:\/\/eidersuso.net\/design\/wp-content\/uploads\/2016\/08\/storyboard002.jpg 1350w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In order to sketch your project you need to create drawings that explain what you are trying to do. a\/ If you are in character design, your sketch should indicate the different\u00a0sides of\u00a0your characters. You need to indicate color scheme and variations (such as with shirt and without). This is an example: Or this other [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":269,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-378","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-process","has-thumbnail"],"_links":{"self":[{"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/posts\/378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/comments?post=378"}],"version-history":[{"count":4,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/posts\/378\/revisions"}],"predecessor-version":[{"id":2170,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/posts\/378\/revisions\/2170"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/media\/269"}],"wp:attachment":[{"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/media?parent=378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/categories?post=378"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/tags?post=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}