{"id":49,"date":"2014-08-15T20:05:57","date_gmt":"2014-08-15T23:05:57","guid":{"rendered":"http:\/\/ricardoartur.com.br\/imagem\/?p=49"},"modified":"2020-07-27T17:09:30","modified_gmt":"2020-07-27T20:09:30","slug":"aula-01","status":"publish","type":"post","link":"https:\/\/ricardoartur.com.br\/imagem\/2014\/08\/15\/aula-01\/","title":{"rendered":"Aula 01 &#8211; Fundamentos da imagem digital"},"content":{"rendered":"\n<p>Na primeira aula discutimos&nbsp;o que \u00e9 imagem, como ela se forma, o fen\u00f4meno da cor e como se forma a&nbsp;imagem digital. O conte\u00fado pode ser visualizado no link abaixo: &nbsp;<a href=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/Aula.pdf\">Aula 01 &#8211; Apresenta\u00e7\u00e3o e no\u00e7\u00f5es sobre imagens<\/a><\/p>\n\n\n\n<p>Como exerc\u00edcios, realizamos algumas experi\u00eancias e criamos uma imagem (auto-retrato) no formato 32px X 32px Bitmap 1bit (preto e branco).<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"248\" height=\"400\" src=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/bitmaps.png\" alt=\"bitmaps\" class=\"wp-image-75\" srcset=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/bitmaps.png 248w, https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/bitmaps-186x300.png 186w\" sizes=\"auto, (max-width: 248px) 100vw, 248px\" \/><\/figure><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Tarefa<\/h5>\n\n\n\n<p>Criar uma pixel art no formato 32px X 32px colorida.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Objetivos<\/h5>\n\n\n\n<ul class=\"wp-block-list\"><li>Familiarizar-se com a matriz de pixels da imagem digital (bitmap)<\/li><li>Compreender na pr\u00e1tica as limita\u00e7\u00f5es para se desenhar certas formas a partir de pontos quadrados.<\/li><li>Compreender na pr\u00e1tica o processo de suaviza\u00e7\u00e3o dos serrilhados (<em>anti-aliasing<\/em>).<\/li><li>Entender os fundamentos do tratamento de imagem no n\u00edvel do pixel.<\/li><\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Sugest\u00e3o<\/h5>\n\n\n\n<p>Criar imagem bitmap, 32px x 32px colorida (8bits) que mostre um objeto (edif\u00edcio ou personagem) em perspectiva isom\u00e9trica (30\u00ba &#8211; 60\u00ba <a title=\"Pixel art\" href=\"http:\/\/www.drububu.com\/tutorial\/\" target=\"_blank\" rel=\"noopener noreferrer\">ver link <\/a>).<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/Objeto.png\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"400\" src=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/Objeto.png\" alt=\"Objeto\" class=\"wp-image-77\" srcset=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/Objeto.png 650w, https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/Objeto-300x184.png 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Dica: ao trabalhar a pixel art, evite usar o pincel suave. O <em>anti-aliasing<\/em> deve ser feito manualmente e n\u00e3o automaticamente.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/Antialiasing.png\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"300\" src=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/Antialiasing.png\" alt=\"Antialiasing\" class=\"wp-image-232\" srcset=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/Antialiasing.png 650w, https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/08\/Antialiasing-300x138.png 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Refer\u00eancias<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"http:\/\/www.drububu.com\/tutorial\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.drububu.com\/tutorial\/<\/a><\/li><li><a href=\"http:\/\/gas13.ru\/v3\/tutorials\/isometric_pixelart_tutorial_light_sources_and_colours.php\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/gas13.ru\/v3\/tutorials\/isometric_pixelart_tutorial_light_sources_and_colours.php<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=D3j4oQTstwk\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.youtube.com\/watch?v=D3j4oQTstwk<\/a><\/li><li><a title=\"Pixel Art Tutorial\" href=\"http:\/\/www.pixeljoint.com\/forum\/forum_posts.asp?TID=11299\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.pixeljoint.com\/forum\/forum_posts.asp?TID=11299<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Na primeira aula discutimos&nbsp;o que \u00e9 imagem, como ela se forma, o fen\u00f4meno da cor e como se forma a&nbsp;imagem digital. O conte\u00fado pode ser visualizado no link abaixo: &nbsp;Aula 01 &#8211; Apresenta\u00e7\u00e3o e no\u00e7\u00f5es sobre imagens Como exerc\u00edcios, realizamos algumas experi\u00eancias e criamos uma imagem (auto-retrato) no formato 32px X 32px Bitmap 1bit (preto [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":453,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[90,88,87,89],"class_list":["post-49","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aula","category-tarefas","tag-anti-aliasing","tag-bitmap","tag-imagem-digital","tag-pixel-art"],"_links":{"self":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":14,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/49\/revisions"}],"predecessor-version":[{"id":446,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/49\/revisions\/446"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/media\/453"}],"wp:attachment":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/media?parent=49"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/categories?post=49"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/tags?post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}