<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Magel Studio &#187; ilustração</title>
	<atom:link href="http://magelstudio.com.br/categoria/ilustracao/feed/" rel="self" type="application/rss+xml" />
	<link>http://magelstudio.com.br</link>
	<description></description>
	<lastBuildDate>Thu, 15 Jul 2010 03:05:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>Futebol + IdeaFixa</title>
		<link>http://magelstudio.com.br/2010/06/03/futebol-ideafixa/</link>
		<comments>http://magelstudio.com.br/2010/06/03/futebol-ideafixa/#comments</comments>
		<pubDate>Thu, 03 Jun 2010 04:00:42 +0000</pubDate>
		<dc:creator>Marco Moreira</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[ilustração]]></category>
		<category><![CDATA[publicações]]></category>

		<guid isPermaLink="false">http://magelstudio.com.br/?p=2136</guid>
		<description><![CDATA[Certo dia, navegando pelo Google Maps na época do meu TCC da Pós Graduação que tratava do tema Futebol, tive a idéia de fazer um teaser com o nome do trabalho, então comecei a investigar semelhanças entre os campos de futebol. Entre elas claro, o desgaste do gramado, principalmente na periferia onde ficam os campos [...]]]></description>
			<content:encoded><![CDATA[<p>Certo dia, navegando pelo Google Maps na época do <a title="TCC da Pós Graduação em Arquitetura de Informação" href="http://magelstudio.com.br/2010/05/17/um-bate-bola-sobre-o-fim-do-tcc/" target="_self">meu TCC</a> da Pós Graduação que tratava do tema <strong>Futebol</strong>, tive a idéia de fazer um <em><a title="O que é um teaser?" href="http://pt.wikipedia.org/wiki/Teaser" target="_blank">teaser</a></em> com o nome do trabalho, então comecei a investigar semelhanças entre os campos de futebol. Entre elas claro, o desgaste do gramado, principalmente na periferia onde ficam os campos de várzea. Pude notar também que o desgaste se concentra mais no centro do campo e vai ficando gradualmente menos desgastados nas extremidades.<br />
Com isso podemos notar nitidamente que a forma que este desgaste produz é o mesmo losango que vemos na <strong><a title="Imagem da Bandeira do Brasil na Wikipedia" href="http://pt.wikipedia.org/wiki/Bandeira_do_Brasil" target="_blank">bandeira do Brasil</a></strong>, sem falar do verde do gramado no entorno e dcircunferência central que faz lembrar ainda mais nossa bandeira.</p>
<p>Não sei ainda como não fizeram um anúncio baseado nesta idéia. Mas uma hora você vai ver em alguma revista ou na TV e vai lembrar deste post. <img src='http://magelstudio.com.br/wordpress/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p><img class="alignnone size-full wp-image-2137" title="Bandeira do Brasil no Campo de futebol" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/06/bandeira-do-brasil-campo.jpg" alt="Bandeira do Brasil no Campo de futebol" width="630" height="468" /></p>
<p><strong>O futebol é do Brasil, ou não é?</strong></p>
<p>Baseado nesta visão, capturei diversos campos de futebol e fiz uma espécie de mosaico, dispondo os campos mais desgastados no centro e os menos desgastados nas extremidades, formando também um losango. Conceitualmente os centros marcados por um círculo representam o movimento e às conexões comuns que os campos tem entre si.</p>
<p>E como calhou da próxima edição da <strong><a title="IdeaFixa" href="http://www.ideafixa.com/16/" target="_blank">IdeaFixa</a></strong> ser sobre futebol, inscrevi este trabalho que acabou emplacando!</p>
<p><img class="alignnone size-large wp-image-2138" title="Trabalho publicado na IdeaFixa" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/06/magelstudio-ideafixa-futebol-630x448.jpg" alt="Trabalho publicado na IdeaFixa" width="630" height="448" /></p>
<p>Você pode vê-lo em <a title="Clique para ver a imagem acima num tamanho maior" href="http://www.flickr.com/photos/marcomoreira/4623323420/sizes/o/" target="_blank">tamanho maior</a> no meu Flickr.</p>
]]></content:encoded>
			<wfw:commentRss>http://magelstudio.com.br/2010/06/03/futebol-ideafixa/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sketchcrawl Brasil</title>
		<link>http://magelstudio.com.br/2010/02/25/sketchcrawl-brasil/</link>
		<comments>http://magelstudio.com.br/2010/02/25/sketchcrawl-brasil/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 03:58:31 +0000</pubDate>
		<dc:creator>Marco Moreira</dc:creator>
				<category><![CDATA[ilustração]]></category>
		<category><![CDATA[sketches]]></category>
		<category><![CDATA[eventos]]></category>

		<guid isPermaLink="false">http://magelstudio.com.br/?p=1797</guid>
		<description><![CDATA[E por falar em sketchbook olha só o que vai acontecer no próximo sábado: Sketchcrawl Brasil! O Sketchcrawl acontece em mais de 100 cidades em todo o mundo. É um monte de gente que pega o seu caderninho de desenho, se encontra em um local estabelecido pelos organizadores e pronto, é só se acomodar e [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/Logo-Sketchcrawl.jpg" rel="lightbox[1797]"><img class="alignleft size-full wp-image-1799" title="Sketchcrawl" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/Logo-Sketchcrawl.jpg" alt="Logo Sketchcrawl" width="164" height="180" /></a>E por falar em <a href="http://magelstudio.com.br/2010/02/07/sketchbook-o-comeco/" target="_self"><strong>sketchbook</strong></a> olha só o que vai acontecer no próximo sábado: <strong>Sketchcrawl Brasil</strong>!</p>
<p>O <a href="http://www.sketchcrawl.com/" target="_blank"><strong>Sketchcrawl</strong></a> acontece em mais de 100 cidades em todo o mundo. É um monte de gente que pega o seu caderninho de desenho, se encontra em um local estabelecido pelos organizadores e pronto, é só se acomodar e começar a desenhar que nem louco. Artistas, designers, ilustradores e amantes do desenho (desenhista ou não) são o público esperado para ficar pelo menos umas 10 horas desenhando. Quem desenha, sabe que quando está em imersão as horas voam!</p>
<p>Então pegue o seu caderno, lápis, canetas ou seja lá o que for que você queira levar para soltar a imaginação e vamos nos encontrar neste sábado!</p>
<p><strong>Dia:</strong> Sábado, 27 de fevereiro<strong><br />
</strong><strong>Horário:</strong> A partir das 10hs<br />
<strong>Local:</strong> Parque da Luz, Centro &#8211; SP (Caso esteja chovendo o encontro será na Pinacoteca do Estado)<strong><br />
</strong></p>
<p>Assita o vídeo para entender melhor o evento e ficar por dentro do que já rolou nos anteriores:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="620" height="376" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/cTDRk-QdX6k&amp;hl=pt_BR&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="620" height="376" src="http://www.youtube.com/v/cTDRk-QdX6k&amp;hl=pt_BR&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>A única coisa que o organizador pede é levar um quilo de alimento não perecível ou produtos de higiene pessoal para doar para a  <a href="http://www.camhp.hpg.ig.com.br/" target="_blank">Casa Assistencial Maria Helena Paulina</a>, que auxilia crianças com câncer.</p>
<p>Informações retiradas da <a href="http://montalvomachado.com.br/blog" target="_blank">Sketcheria</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://magelstudio.com.br/2010/02/25/sketchcrawl-brasil/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sketchbook: O começo</title>
		<link>http://magelstudio.com.br/2010/02/07/sketchbook-o-comeco/</link>
		<comments>http://magelstudio.com.br/2010/02/07/sketchbook-o-comeco/#comments</comments>
		<pubDate>Sun, 07 Feb 2010 20:15:04 +0000</pubDate>
		<dc:creator>Marco Moreira</dc:creator>
				<category><![CDATA[ilustração]]></category>
		<category><![CDATA[sketches]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://magelstudio.com.br/?p=1569</guid>
		<description><![CDATA[Depois de tanto tempo sem postar, relaciono então o primeiro post de 2010 como o primeiro esboço, como a idéia inicial, como o começar do zero. E nada mais adequado do que falar em sketchbooks, ou cadernos que designers, ilustradores, arquitetos, etc usamos para não deixar escapar aquela idéia que acabou de surgir, começar a [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketchbooks.jpg" rel="lightbox[1569]"><img class="size-large wp-image-1577 alignleft" title="Sketchbooks que guardo desde 2002" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketchbooks-540x359.jpg" alt="Sketchbooks que guardo desde 2002" width="324" height="215" /></a>Depois de tanto tempo sem postar, relaciono então o primeiro post de 2010 como o primeiro esboço, como a idéia inicial, como o começar do zero.</p>
<p>E nada mais adequado do que falar em <a href="http://en.wikipedia.org/wiki/Sketchbook" target="_blank"><strong>sketchbooks</strong></a>, ou cadernos que designers, ilustradores, arquitetos, etc usamos para não deixar escapar aquela idéia que acabou de surgir, começar a esboçar um novo projeto ou simplesmente treinar o traço. O sketchbook é um objeto muito pessoal, e com o tempo acaba mostrando a característica e a linguagem de cada um.</p>
<p>Não entendo como muitos designers ainda não usam sketches em seu processo criativo. Eu particularmente, uso em todo início de job, projetos pessoais que podem se concretizar no futuro (ou não) e levo até em reuniões para que tudo que venha a mente na hora possa ser registrado com pequenos rabiscos ou em <strong><a href="http://pt.wikipedia.org/wiki/Mapa_mental" target="_blank">mapas mentais</a></strong> (Mind Maps) com palavras-chaves que possam me ajudar na criação do projeto.</p>
<p>Este processo criativo sempre fez parte dos meus projetos. Só não uso caso já tenha uma idéia muito clara do que eu preciso fazer. Guardo todos eles, o que me serve para eventuais consultas ou para resgatar aquela idéia que só agora tive tempo de realizá-la.</p>
<p>Esboçar ou &#8220;rafear&#8221; é muito importante para a criação, ajuda a destravar quando se tem aquele branco e faz a gente perder menos tempo na hora de photoshopar um layout.</p>
<p>Recentemente li uma matéria na revista <strong><a href="http://www.computerarts.com.br/" target="_blank">Computer Arts</a></strong> que fala deste &#8220;Baú de Idéias&#8221; e me identifiquei muito com um comentário que o artista britânico <a href="http://www.jonburgerman.com" target="_blank">Jon Burgerman</a> fez a respeito de seus antigos registros:</p>
<blockquote><p>&#8220;Os cadernos me dizem que eu era muito bobo há alguns anos ou que eu era muito bom na época e agora é que eu sou bobo&#8221;</p></blockquote>
<p>Dos rafes que já fiz, mostro abaixo alguns que foram essenciais na criação de alguns trabalhos.</p>
<p>Os dois rascunhos a seguir foram feitos na época do redesenho anterior do site da Capricho e da <a href="http://republica.capricho.abril.com.br/" target="_blank">República Capricho</a>, que eram ambientes de uma casa onde o público do site podia interagir e acessar as informações de uma maneira mais lúdica.</p>
<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-republica-capricho2.jpg" rel="lightbox[1569]"><img class="alignnone size-large wp-image-1587" title="Sketch Republica Capricho" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-republica-capricho2-540x360.jpg" alt="Sketch Republica Capricho" width="540" height="360" /></a></p>
<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-republica-capricho1.jpg" rel="lightbox[1569]"><img class="alignnone size-large wp-image-1586" title="Sketch Republica Capricho" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-republica-capricho1-540x360.jpg" alt="Sketch Republica Capricho" width="540" height="360" /></a></p>
<p>Esboços de infográficos online feitos para a Mundo Estranho. Infográficos <a href="http://magelstudio.com.br/2008/01/15/infografico-estatuas/" target="_self">Estátuas</a> e <a href="http://mundoestranho.abril.com.br/esporte/pergunta_287166.shtml" target="_blank">Esgrima</a>:</p>
<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-info-estatuas.jpg" rel="lightbox[1569]"><img class="alignnone size-large wp-image-1590" title="Scketch Infográfico estátuas" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-info-estatuas-540x360.jpg" alt="Scketch Infográfico estátuas" width="540" height="360" /></a></p>
<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-info-esgrima.jpg" rel="lightbox[1569]"><img class="alignnone size-large wp-image-1589" title="Sketch Infográfico Esgrima" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-info-esgrima-540x360.jpg" alt="Sketch Infográfico Esgrima" width="540" height="360" /></a></p>
<p>E scketches do Infográfico <a href="http://super.abril.com.br/multimidia/info_297190.shtml" target="_blank">Cidade Política</a> e <a href="http://magelstudio.com.br/2009/02/06/csi-ciencia-contra-o-crime/" target="_self">Game CSI</a>, ambos para a Superinteressante.</p>
<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-info-mapa-politico.jpg" rel="lightbox[1569]"><img class="alignnone size-large wp-image-1588" title="Sketch Infográfico Cidade Política" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-info-mapa-politico-540x360.jpg" alt="Sketch Infográfico Cidade Política" width="540" height="360" /></a></p>
<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-game-csi.jpg" rel="lightbox[1569]"><img class="alignnone size-large wp-image-1592" title="Sketch Game CSI" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2010/02/sketch-game-csi-540x360.jpg" alt="Sketch Game CSI" width="540" height="360" /></a></p>
<p>Resolvi incluir o vídeo do <strong>Clipe do Skank</strong> que tem tudo a ver com este post:</p>
<p><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/GJdXwWZjKks&#038;color1=0xb1b1b1&#038;color2=0xd0d0d0&#038;hl=pt_BR&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/GJdXwWZjKks&#038;color1=0xb1b1b1&#038;color2=0xd0d0d0&#038;hl=pt_BR&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="385"></embed></object></p>
<p>Então pegue aquele seu caderno que está encostado na sua casa e comece a usá-lo! Pode ser tradicional scketchbook, um <a href="http://pt.wikipedia.org/wiki/Moleskine" target="_blank">moleskine</a>, um caderno com folhas pautadas, brancas ou coloridas. Existe uma infinidade de formatos, mas o que importa mesmo é exercitar e quebrar aquele seu bloqueio criativo.</p>
<p>Veja <a href="http://www.flickr.com/photos/marcomoreira/sets/72157622792944126" target="_blank">mais sketches aqui</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://magelstudio.com.br/2010/02/07/sketchbook-o-comeco/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Ilustrando para o Núcleo Jovem Abril</title>
		<link>http://magelstudio.com.br/2009/11/16/ilustrando-para-o-nucleo-jovem-abril/</link>
		<comments>http://magelstudio.com.br/2009/11/16/ilustrando-para-o-nucleo-jovem-abril/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 03:20:20 +0000</pubDate>
		<dc:creator>Marco Moreira</dc:creator>
				<category><![CDATA[animação]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ilustração]]></category>
		<category><![CDATA[sketches]]></category>
		<category><![CDATA[apresentação]]></category>

		<guid isPermaLink="false">http://magelstudio.com.br/?p=1339</guid>
		<description><![CDATA[Recentemente fiz um job para o Núcleo Jovem da Editora Abril. O núcleo precisava fazer uma apresentação que ia rolar na Semana Web Abril que acontece todo ano na editora. O tema principal da palestra foi News Games. Fred Di Giacomo (Jornalista) e Fabiane Zambon (Designer) foram os cabeças da apresentação. Falaram ainda sobre ARGs, [...]]]></description>
			<content:encoded><![CDATA[<p>Recentemente fiz um job para o Núcleo Jovem da Editora Abril. O núcleo precisava fazer uma apresentação que ia rolar na Semana Web Abril que acontece todo ano na editora. O tema principal da palestra foi <strong>News Games.</strong> <a href="http://freddigiacomo.blogspot.com/" target="_self">Fred Di Giacomo</a> (Jornalista) e <a href="http://loadingmyself.blogspot.com" target="_blank">Fabiane Zambon</a> (Designer) foram os cabeças da apresentação. Falaram ainda sobre ARGs, jogos e infográficos online.</p>
<p>Com base no roteiro e nas imagens que o Fred e a Fabi me mandaram fiz um estudo de quais elementos iriam aparecer na ilustração. A ilustra serviu como base para a apresentação que foi feita em Flash, usando elementos do desenho como links.</p>
<p>Abaixo os esquemas e processoas da criação da ilustra e navegação do flash.</p>
<div id="attachment_1337" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra-processo1.jpg" rel="lightbox[1339]"><img class="size-large wp-image-1337" title="Processo/Sketches" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra-processo1-540x359.jpg" alt="Processo/Sketches" width="540" height="359" /></a><p class="wp-caption-text">Processo/Sketches</p></div>
<div id="attachment_1336" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra-assistente1.jpg" rel="lightbox[1339]"><img class="size-large wp-image-1336" title="Flash x Ilustração" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra-assistente1-540x360.jpg" alt="Flash x Ilustração" width="540" height="360" /></a><p class="wp-caption-text">Flash x Ilustração</p></div>
<p>Enquanto meu assistente (valeu<a href="http://jowdesign.blogspot.com/" target="_blank"> Jow</a>!) montava o flash eu fazia a ilustração e elementos como setas, botão fechar e etc que também foram feitos à mão.<br />
Comecei desenhando a lápis, claro&#8230;</p>
<div id="attachment_1332" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra1-lapis1.jpg" rel="lightbox[1339]"><img class="size-large wp-image-1332" title="Ilustração - desenho a lápis" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra1-lapis1-540x359.jpg" alt="Ilustração - desenho a lápis" width="540" height="359" /></a><p class="wp-caption-text">Ilustração - desenho a lápis</p></div>
<p>Em seguida usei canetinhas pretas de três espessuras diferentes para poder trabalhar do detalhe e nas partes que exigiam preenchimento.</p>
<div id="attachment_1333" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra2-caneta-preta1.jpg" rel="lightbox[1339]"><img class="size-large wp-image-1333" title="Ilustração - canetinha preta" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra2-caneta-preta1-540x378.jpg" alt="Ilustração - canetinha preta" width="540" height="378" /></a><p class="wp-caption-text">Ilustração - canetinha preta</p></div>
<p>Feito a ilustra em preto, fotografei, colorizei no photoshop e enviei as duas versões para o cliente aprovar.</p>
<div id="attachment_1335" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra3-photoshop-color1.jpg" rel="lightbox[1339]"><img class="size-large wp-image-1335" title="Ilustração colorizada no photoshop" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra3-photoshop-color1-540x378.jpg" alt="Ilustração colorizada no photoshop" width="540" height="378" /></a><p class="wp-caption-text">Ilustração colorizada no photoshop</p></div>
<p>Depois do retorno, a ilustra sofreu algumas alterações. O cliente pediu para rebaixar elementos que não faziam parte diretamente do que ia ser falado na hora e dando mais ênfase a cada fase. Com isso a apresentação ficou menos carregada mas não deixou de ter o seu aspecto jovem e ilustrativo:</p>
<div id="attachment_1334" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra2-gray-color1.jpg" rel="lightbox[1339]"><img class="size-large wp-image-1334" title="Versão final com ajustes do cliente" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/ilustra2-gray-color1-540x378.jpg" alt="Versão final com ajustes do cliente" width="540" height="378" /></a><p class="wp-caption-text">Versão final com ajustes do cliente</p></div>
<p>Como forma de navegação foram utilizados Zoom-in/Zoom-out para aproximar e afastar cada momento, podendo utilizar também recursos de teclado, como as teclas 1,2,3 e 4 para as respectivas fases e dentro dos conteúdos setas do teclado para que a apresentação pudesse ser conduzida sem precisar recorrer ao mouse.</p>
<p>Na construção da navegação me preocupei muito com o contexto de uso. Imagine: Apresentador em pé, um pouco nervoso usando o laptop. O que poderíamos facilitar?</p>
<p>- Botões de hit (flash) em tamanhos maiores que a própria imagem do botão para não haver dificuldade ao apotar o mouse para determinado link.</p>
<div id="attachment_1346" class="wp-caption alignleft" style="width: 160px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/controle-playstation.jpg" rel="lightbox[1339]"><img class="size-full wp-image-1346" title="Símbolos de controle - Te lembra algum game?" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/controle-playstation.jpg" alt="Símbolos de controle - Te lembra algum game?" width="150" height="52" /></a><p class="wp-caption-text">Símbolos de controle - Te lembra algum game?</p></div>
<p>- Áreas claras e símbolos facilmente reconhecidos (fechar, avançar, voltar&#8230;). Fizemos a brincadeira de pegar os símbolos do controle do Playstation e usar para fechar, avançar (neste caso deitamos a setinha verde) e acessar. A intensão foi fazer uma alusão ao game, já que a palestra tratava disso, mas não copiar a funçao do playstation, e sim usar a forma do símbolo no contexto da internet.</p>
<p>- E o básico: Não pode dar erro na apresentação! Testamos tudo, de inúmeras formas para que o cliente não passasse um carão lá na hora. Já basta o nervosismo natural de uma apresentação. Funcionar 100% é básico.</p>
<p>E para finalizar a palestra, foi feita uma rápida animação do Chuck Norris dando uma voadora no Game Over, que tem a ver com um dos quadros do game <strong><a href="http://super.abril.com.br/multimidia/info_495927.shtml" target="_blank">Mortos de Lost</a></strong> feito pelo núcleo Jovem de internet da Abril.</p>
<div id="attachment_1353" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/rafe-chuck-norris.jpg" rel="lightbox[1339]"><img class="size-large wp-image-1353" title="Rafe e frames do Chuck Norris dando a voadora no Game Over" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/11/rafe-chuck-norris-540x359.jpg" alt="Rafe e frames do Chuck Norris dando a voadora no Game Over" width="540" height="359" /></a><p class="wp-caption-text">Rafe e frames do Chuck Norris dando a voadora no Game Over</p></div>
]]></content:encoded>
			<wfw:commentRss>http://magelstudio.com.br/2009/11/16/ilustrando-para-o-nucleo-jovem-abril/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Happy hour do primeiro módulo do curso de caligrafia</title>
		<link>http://magelstudio.com.br/2009/08/31/caligrafia-happy-hour/</link>
		<comments>http://magelstudio.com.br/2009/08/31/caligrafia-happy-hour/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 04:46:41 +0000</pubDate>
		<dc:creator>Marco Moreira</dc:creator>
				<category><![CDATA[ilustração]]></category>
		<category><![CDATA[tipografia]]></category>
		<category><![CDATA[caligrafia]]></category>
		<category><![CDATA[curso]]></category>
		<category><![CDATA[handmade]]></category>

		<guid isPermaLink="false">http://magelstudio.com.br/?p=965</guid>
		<description><![CDATA[As aulas estavam terminando e resolvemos marcar nosso encontro de despedida um dia antes da última aula! Pois é,  não é fácil achar um dia e horário em comum a todos, então o dia que antecedeu o término das aulas foi o que conseguimos encaixar o happy, que aconteceu no Ap. do Silvio Moreno. O [...]]]></description>
			<content:encoded><![CDATA[<p>As aulas estavam terminando e resolvemos marcar nosso encontro de despedida um dia antes da <a href="http://magelstudio.com.br/2009/09/01/entrega-dos-trabalhos-caligrafi/" target="_self">última aula</a>!<br />
Pois é,  não é fácil achar um dia e horário em comum a todos, então o dia que antecedeu o término das aulas foi o que conseguimos encaixar o happy, que aconteceu no Ap. do Silvio Moreno.</p>
<p>O encontro foi uma mistura de música, comes e bebes e&#8230; caligrafia, claro!</p>
<div id="attachment_969" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-papo.jpg" rel="lightbox[965]"><img class="size-large wp-image-969" title="Papo e petisco" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-papo-540x360.jpg" alt="Papo e petisco" width="540" height="360" /></a><p class="wp-caption-text">Papo e petisco</p></div>
<div id="attachment_970" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-rabiscos.jpg" rel="lightbox[965]"><img class="size-large wp-image-970" title="Guilherme Moreira soltando o traço" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-rabiscos-540x360.jpg" alt="Guilherme Moreira soltando o traço" width="540" height="360" /></a><p class="wp-caption-text">Guilherme Moreira soltando o traço</p></div>
<div id="attachment_968" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-bebes.jpg" rel="lightbox[965]"><img class="size-large wp-image-968" title="Tudo junto" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-bebes-540x360.jpg" alt="Tudo junto" width="540" height="360" /></a><p class="wp-caption-text">Tudo junto</p></div>
<p>E para fechar com chave de ouro o Silvio liberou uma das paredes do apartamento para nos divertirmos e praticarmos as técnicas que desenvolvemos no curso.</p>
<p>Nossa professora, Andréa Branco, começou arrazando e deixou todos boqueabertos com tamanha habilidade e beleza no traço.</p>
<div id="attachment_973" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-andrea-alfabeto.jpg" rel="lightbox[965]"><img class="size-large wp-image-973" title="Andréa Branco desenhando o alfabeto" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-andrea-alfabeto-540x360.jpg" alt="Andréa Branco desenhando o alfabeto" width="540" height="360" /></a><p class="wp-caption-text">Andréa Branco desenhando o alfabeto</p></div>
<div id="attachment_972" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-alfabeto.jpg" rel="lightbox[965]"><img class="size-large wp-image-972" title="Alfabeto" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-alfabeto-540x360.jpg" alt="Alfabeto" width="540" height="360" /></a><p class="wp-caption-text">Alfabeto</p></div>
<div id="attachment_974" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-andrea-frase.jpg" rel="lightbox[965]"><img class="size-large wp-image-974" title="Andréa Branco escrevendo" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-andrea-frase-540x360.jpg" alt="Andréa Branco escrevendo" width="540" height="360" /></a><p class="wp-caption-text">Andréa Branco escrevendo</p></div>
<div id="attachment_971" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-angulo.jpg" rel="lightbox[965]"><img class="size-large wp-image-971" title="Escrita feita pela Andréa Branco" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-angulo-540x360.jpg" alt="Escrita feita pela Andréa Branco" width="540" height="360" /></a><p class="wp-caption-text">Escrita feita pela Andréa Branco</p></div>
<p>Depois disso aí que você viu fica meio difícil escrever algo, então&#8230; desenhamos! <img src='http://magelstudio.com.br/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<div id="attachment_977" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-desenhos.jpg" rel="lightbox[965]"><img class="size-large wp-image-977" title="Desenhos feito por mim e Diogo Blanco" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-desenhos-540x360.jpg" alt="Desenhos feito por mim e Diogo Blanco" width="540" height="360" /></a><p class="wp-caption-text">Desenhos feito por mim e Diogo Blanco</p></div>
<p>E parte da turma do curso que conseguiu compareceu no encontro:</p>
<div id="attachment_978" class="wp-caption alignnone" style="width: 510px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-turma.jpg" rel="lightbox[965]"><img class="size-full wp-image-978" title="Parte da turma do curso" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caligrafia-turma.jpg" alt="Parte da turma do curso" width="500" height="749" /></a><p class="wp-caption-text">Parte da turma do curso</p></div>
<p>Mais fotos <a title="Album de fotos do Curso de Caligrafia" href="http://www.flickr.com/photos/marcomoreira/sets/72157622057181177/" target="_blank">aqui</a></p>
]]></content:encoded>
			<wfw:commentRss>http://magelstudio.com.br/2009/08/31/caligrafia-happy-hour/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Caligrafia e customização de tênis</title>
		<link>http://magelstudio.com.br/2009/08/30/caligrafia-e-customizacao/</link>
		<comments>http://magelstudio.com.br/2009/08/30/caligrafia-e-customizacao/#comments</comments>
		<pubDate>Sun, 30 Aug 2009 03:48:23 +0000</pubDate>
		<dc:creator>Marco Moreira</dc:creator>
				<category><![CDATA[ilustração]]></category>
		<category><![CDATA[tipografia]]></category>
		<category><![CDATA[allstar]]></category>
		<category><![CDATA[caligrafia]]></category>
		<category><![CDATA[customização]]></category>
		<category><![CDATA[personalização]]></category>

		<guid isPermaLink="false">http://magelstudio.com.br/?p=952</guid>
		<description><![CDATA[O objetivo deste trabalho foi entregar um projeto final para a conclusão do curso de caligrafia e então pensei que ao invéz de fazer em papel eu poderia fazer em&#8230; tênis! Customização e pinturas em tênis não é nada novo, todo mundo sabe, mas é muito legal fazer. Então resolvi vivenciar isso para ver como [...]]]></description>
			<content:encoded><![CDATA[<p>O objetivo deste trabalho foi entregar um projeto final para a conclusão do <strong>curso de caligrafia</strong> e então pensei que ao invéz de fazer em papel eu poderia fazer em&#8230; tênis!</p>
<p><strong>Customização</strong> <strong>e pinturas em tênis</strong> não é nada novo, todo mundo sabe, mas é muito legal fazer. Então resolvi vivenciar isso para ver como é na prática.</p>
<p>Bom, como não tenho prática nisso e para não perder a característica, sempre fui para o papel primeiro para rabiscar e tentar ter uma noção de escala das letras que iriam ser pintadas no <strong>Allstar</strong>. Conceito é uma coisa que eu também valorizo muito, por isso resolvi escrever algo que tem a ver simplesmente com &#8220;pés&#8221;. Então fiz uma lista de expressões que estão em nosso dia-dia e que tem a palavra &#8220;pé&#8221; em algum momento.</p>
<div id="attachment_951" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/rafes-allstar.jpg" rel="lightbox[952]"><img class="size-large wp-image-951" title="Idéias e rafes" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/rafes-allstar-540x405.jpg" alt="Rafes e idéias sobre o que eu iria escrever no tênis e na caixa" width="540" height="405" /></a><p class="wp-caption-text">Rafes e idéias sobre o que eu iria escrever no tênis e na caixa</p></div>
<p>A idéia inicial seria escrever todas as expressões no par de tênis, mas mesmo depois de ter feito um esboço preliminar não previa o quão poderia ficar o traço, sendo que eu iria pintar a pincel, então descartei e parti para escrever poucas expressões de forma que o traço ficasse mais claro e ainda sem correr o risco de ficar uma coisa muito tosca.</p>
<div id="attachment_944" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/allstar-traco.jpg" rel="lightbox[952]"><img class="size-large wp-image-944" title="Traços em lápis branco" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/allstar-traco-540x360.jpg" alt="Traços em lápis branco" width="540" height="360" /></a><p class="wp-caption-text">Traços em lápis branco</p></div>
<p>Não posso deixar de agradecer a força da minha irmã, a <strong>Ana Moreira</strong>, carinhosamente chamada pela família de &#8220;Gel&#8221; e que compõe o nome deste Blog. Ela é designer, trabalha na área de moda e tem uma mão incrível para pintura e acabamentos, por isso pedi duas mãozinhas para os acabamentos deste trabalho. <img src='http://magelstudio.com.br/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<div id="attachment_953" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/allstar-help-gel.jpg" rel="lightbox[952]"><img class="size-large wp-image-953" title="Acabamentos finais" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/allstar-help-gel-540x360.jpg" alt="Gelca dando os acabamentos finais" width="540" height="360" /></a><p class="wp-caption-text">Gelca dando os acabamentos finais</p></div>
<p>Enfim o resultado final:</p>
<div id="attachment_943" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/allstar-pronto2.jpg" rel="lightbox[952]"><img class="size-large wp-image-943" title="Allstar Pronto" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/allstar-pronto2-540x360.jpg" alt="Resultado final do trabalho" width="540" height="360" /></a><p class="wp-caption-text">Resultado final do trabalho</p></div>
<div id="attachment_942" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/allstar-pronto1.jpg" rel="lightbox[952]"><img class="size-large wp-image-942" title="Allstar pronto" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/allstar-pronto1-540x360.jpg" alt="Resultado final do trabalho" width="540" height="360" /></a><p class="wp-caption-text">Resultado final do trabalho</p></div>
<p>Também não queria entregar o trabalho sem uma embalagem né, então usei a própria caixa dele para trabalhar em cima, virando-a do avesso.</p>
<div id="attachment_950" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/monta-caixa-allstar.jpg" rel="lightbox[952]"><img class="size-large wp-image-950" title="Processo da caixa sendo desmontada" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/monta-caixa-allstar-540x540.jpg" alt="Caixa desmontada e virada do avesso" width="540" height="540" /></a><p class="wp-caption-text">Caixa desmontada e virada do avesso</p></div>
<p>Depois de demontá-la fiz um corte deixando o símbolo do Allstar que é a estrela aparente.</p>
<div id="attachment_949" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/corte-caixa-allstar.jpg" rel="lightbox[952]"><img class="size-large wp-image-949" title="Corte de faca na parte da estrela da caixa" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/corte-caixa-allstar-540x405.jpg" alt="Corte de faca na parte da estrela da caixa" width="540" height="405" /></a><p class="wp-caption-text">Corte de faca na parte da estrela da caixa</p></div>
<div id="attachment_946" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caixa-allstar-faca.jpg" rel="lightbox[952]"><img class="size-large wp-image-946" title="Detalhe do corte" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caixa-allstar-faca-540x360.jpg" alt="Detalhe do corte" width="540" height="360" /></a><p class="wp-caption-text">Detalhe do corte</p></div>
<p>Fiz alguns desenhos para completar o conceito e os uni na base da caixa.</p>
<div id="attachment_945" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caixa-allstar-detalhe.jpg" rel="lightbox[952]"><img class="size-large wp-image-945" title="Desenhos do Allstar" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caixa-allstar-detalhe-540x359.jpg" alt="Desenhos do Allstar" width="540" height="359" /></a><p class="wp-caption-text">Desenhos do Allstar</p></div>
<p>E como dito anteriormente, usei as expressões com &#8220;pés&#8221; que puderam ser encontradas num &#8220;<strong>caça-palavras</strong>&#8221; e preenchi a caixa toda.</p>
<div id="attachment_947" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caixa-allstar-inteira.jpg" rel="lightbox[952]"><img class="size-large wp-image-947" title="Caixa do Allstar preenchida com caça-palavras" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caixa-allstar-inteira-540x360.jpg" alt="Caixa do Allstar preenchida com caça-palavras" width="540" height="360" /></a><p class="wp-caption-text">Caixa do Allstar preenchida com caça-palavras</p></div>
<div id="attachment_948" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caixa-desenho.jpg" rel="lightbox[952]"><img class="size-large wp-image-948" title="Detalhe do desenho feito na caixa" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/caixa-desenho-540x360.jpg" alt="Detalhe do desenho feito na caixa" width="540" height="360" /></a><p class="wp-caption-text">Detalhe do desenho feito na caixa</p></div>
<p>E finalmente o conjunto da obra : Tênis+caixa</p>
<div id="attachment_941" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/allstar-caixa2.jpg" rel="lightbox[952]"><img class="size-large wp-image-941" title="Tênis + caixa" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/08/allstar-caixa2-540x360.jpg" alt="Tênis + caixa" width="540" height="360" /></a><p class="wp-caption-text">Tênis + caixa</p></div>
]]></content:encoded>
			<wfw:commentRss>http://magelstudio.com.br/2009/08/30/caligrafia-e-customizacao/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Debaixo dos caracois dos seus cabelos</title>
		<link>http://magelstudio.com.br/2009/06/29/debaixo-dos-caracois-dos-seus-cabelos/</link>
		<comments>http://magelstudio.com.br/2009/06/29/debaixo-dos-caracois-dos-seus-cabelos/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 11:00:05 +0000</pubDate>
		<dc:creator>Marco Moreira</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[ilustração]]></category>
		<category><![CDATA[tipografia]]></category>
		<category><![CDATA[vi e gostei]]></category>
		<category><![CDATA[cabelo]]></category>
		<category><![CDATA[handmade]]></category>

		<guid isPermaLink="false">http://magelstudio.com.br/?p=736</guid>
		<description><![CDATA[Segunda-feira é dia de folga dos cabelereiros e aproveito a deixa para postar a ilustração que fiz para um trabalho acadêmico de uma amiga, que teve &#8220;cabelos&#8221; como tema. O livro foi um trabalho acadêmico de TCC feito pela designer Kareen Sayuri, onde revela um olhar sobre tudo o que podemos (e não podemos) imaginar [...]]]></description>
			<content:encoded><![CDATA[<p>Segunda-feira é dia de folga dos cabelereiros e aproveito a deixa para postar a ilustração que fiz para um trabalho acadêmico de uma amiga, que teve &#8220;<strong>cabelos</strong>&#8221; como tema.</p>
<div id="attachment_737" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/design-cabelos.jpg" rel="lightbox[736]"><img class="size-large wp-image-737" title="Ilustração feita com caneta retroprojetor sobre papel" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/design-cabelos-540x380.jpg" alt="Ilustração que fiz com caneta retroprojetor sobre papel" width="540" height="380" /></a><p class="wp-caption-text">Ilustração que fiz com caneta retroprojetor sobre papel</p></div>
<p>O livro foi um trabalho acadêmico de TCC feito pela designer Kareen Sayuri, onde revela um olhar sobre tudo o que podemos (e não podemos) imaginar com cabelos.</p>
<p>A primeira imagem abaixo mostra de cara a produção que ela fez com cabelos sobre azulejos.<br />
Eu compraria este livro só de ver a capa. Achei incrível!</p>
<div id="attachment_757" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-2.jpg" rel="lightbox[736]"><img class="size-large wp-image-757" title="Capa do livro" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-2-540x405.jpg" alt="Capa do livro" width="540" height="405" /></a><p class="wp-caption-text">Capa do livro</p></div>
<div id="attachment_758" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-3.jpg" rel="lightbox[736]"><img class="size-large wp-image-758" title="Ilustração feita com grampos vetorizados" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-3-540x405.jpg" alt="Ilustração feita com grampos vetorizados" width="540" height="405" /></a><p class="wp-caption-text">Ilustração da Kareen feita com grampos vetorizados</p></div>
<div id="attachment_759" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-4.jpg" rel="lightbox[736]"><img class="size-large wp-image-759" title="Página em acetado" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-4-540x405.jpg" alt="Página em acetado que dividia as seções em décadas do livro" width="540" height="405" /></a><p class="wp-caption-text">Páginas em acetado que divide as seções por décadas no livro</p></div>
<div id="attachment_760" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-5.jpg" rel="lightbox[736]"><img class="size-large wp-image-760" title="Detalhe de fios de cabelo nas páginas" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-5-540x405.jpg" alt="Detalhe de fios de cabelo nas páginas" width="540" height="405" /></a><p class="wp-caption-text">Detalhe de fios de cabelo nas páginas. Um show.</p></div>
<div id="attachment_756" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-9.jpg" rel="lightbox[736]"><img class="size-large wp-image-756" title="Ilustração feita a mão" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-9-540x405.jpg" alt="Ilustração feita a mão por colaborador" width="540" height="405" /></a><p class="wp-caption-text">Ilustração feita a mão por colaborador</p></div>
<div id="attachment_761" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-6.jpg" rel="lightbox[736]"><img class="size-large wp-image-761" title="Tipografia feita com cabelos" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-6-540x405.jpg" alt="Tipografia feita com cabelos" width="540" height="405" /></a><p class="wp-caption-text">Tipografia feita com cabelos</p></div>
<div id="attachment_762" class="wp-caption alignnone" style="width: 550px"><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-7.jpg" rel="lightbox[736]"><img class="size-large wp-image-762" title="Minha ilustração no livro" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/cabelos-7-540x405.jpg" alt="E finalmente minha ilustração no livro" width="540" height="405" /></a><p class="wp-caption-text">E finalmente minha ilustração aplicada no livro</p></div>
<p>Kareen, valeu e muitíssimos parabéns pelo trabalho!</p>
]]></content:encoded>
			<wfw:commentRss>http://magelstudio.com.br/2009/06/29/debaixo-dos-caracois-dos-seus-cabelos/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Arte em caixa</title>
		<link>http://magelstudio.com.br/2009/06/13/arte-em-caixa/</link>
		<comments>http://magelstudio.com.br/2009/06/13/arte-em-caixa/#comments</comments>
		<pubDate>Sat, 13 Jun 2009 13:00:50 +0000</pubDate>
		<dc:creator>Marco Moreira</dc:creator>
				<category><![CDATA[ilustração]]></category>

		<guid isPermaLink="false">http://magelstudio.com.br/?p=560</guid>
		<description><![CDATA[Longe de querer ser artesão, confesso que é uma terapia fazer trabalhos fora dessa tela luminosa que você vê na sua frente. Todos os dias ficamos em frente delas e muitos designers (principalmente os que trabalham com web) limitam-se ao digital. Não que seja ruim, mas voltar ao papel, a tinta e ao tato de [...]]]></description>
			<content:encoded><![CDATA[<p>Longe de querer ser artesão, confesso que é uma terapia fazer trabalhos fora dessa tela luminosa que você vê na sua frente. Todos os dias ficamos em frente delas e muitos designers (principalmente os que trabalham com web) limitam-se ao digital. Não que seja ruim, mas voltar ao papel, a tinta e ao tato de materiais é muito legal, além de abrir a cabeça para a criação.</p>
<p>Ultimamente ando meio obcecado por pintar e ilustrar com caneta preta tudo o que tem espaço em branco na minha frente!..rs</p>
<p>Tá aí uma caixa que ilustrei em aproximadamente 20 minutos de trabalho.</p>
<p>Abaixo do resultado final explico como foi babinha fazer.</p>
<p><img class="alignnone size-full wp-image-563" title="Caixa finalizada" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/caixa-1.jpg" alt="Caixa finalizada" width="540" height="540" /></p>
<div id="attachment_564" class="wp-caption alignnone" style="width: 550px"><img class="size-full wp-image-564" title="Detalhe do início do desenho" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/caixa-2.jpg" alt="Detalhe do início do desenho" width="540" height="320" /><p class="wp-caption-text">Primeiro tracei triângulos em toda a superfície</p></div>
<div id="attachment_565" class="wp-caption alignnone" style="width: 550px"><img class="size-full wp-image-565" title="Detalhe do padrão empregado" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/caixa-3.jpg" alt="Detalhe do padrão empregado" width="540" height="320" /><p class="wp-caption-text">Desenhei dentro de cada triângulo começando do canto e abrindo o traço até chegar ao limite da área.</p></div>
<div id="attachment_566" class="wp-caption alignnone" style="width: 550px"><img class="size-full wp-image-566" title="Detalhe do padrão repedido" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/caixa-4.jpg" alt="Detalhe do padrão repedido" width="540" height="320" /><p class="wp-caption-text">E repeti o mesmo em todos os triângulos. Simples assim.</p></div>
<p><img class="alignnone size-full wp-image-562" title="Close da caixa finalizada" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/caixa-5.jpg" alt="Close da caixa finalizada" width="540" height="540" /></p>
<p>É fácil, rápido e além do resultado ficar legal você ainda treina a firmeza da sua mão para desenhar traços retos.</p>
<p>Fiz este desenho com triângulos, mas também dá pra pirar em padrões semelhantes com quadrados, pentágonos, hexágonos, eptágonos. Inclusive ajuda a lembrar todos esses nomes que aprendemos em Desenho Geométrico (ou Geometria) no colégio! =)</p>
<p><strong>Lanço então o desafio:</strong><br />
Saia da frente dessa caixa de luz e faça um trabalho do tipo usando polígonos. Me mande e postarei aqui no blog assim que tiver pelo menos uns 4.</p>
]]></content:encoded>
			<wfw:commentRss>http://magelstudio.com.br/2009/06/13/arte-em-caixa/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Arte em Havaianas</title>
		<link>http://magelstudio.com.br/2009/06/12/havaianas/</link>
		<comments>http://magelstudio.com.br/2009/06/12/havaianas/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 13:00:18 +0000</pubDate>
		<dc:creator>Marco Moreira</dc:creator>
				<category><![CDATA[ilustração]]></category>
		<category><![CDATA[tipografia]]></category>
		<category><![CDATA[havaianas]]></category>

		<guid isPermaLink="false">http://magelstudio.com.br/?p=480</guid>
		<description><![CDATA[Para este trabalho pensei inicialmente em fazer desenhos com caneta preta relacionados a coisas do Brasil, já que as famosas havaianas são uma das únicas coisas  que fazem os gringos lembrar do nosso país além de pelé, ronaldinho, rio, favelas, macacos, mosquitos e políticos ladrões. Mas deixei os desenhos para uma segunda chance e acabei [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_493" class="wp-caption alignnone" style="width: 550px"><img class="size-full wp-image-493" title="havaianas-testes" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/havaianas-testes.jpg" alt="Rafes da tipografia" width="540" height="361" /><p class="wp-caption-text">Testes preliminares para a o desenho da tipografia</p></div>
<div id="attachment_483" class="wp-caption alignnone" style="width: 550px"><img class="size-large wp-image-483" title="havaianas-mk-of" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/havaianas-mk-of-540x495.jpg" alt="Making of" width="540" height="495" /><p class="wp-caption-text">Work in progress</p></div>
<div id="attachment_484" class="wp-caption alignnone" style="width: 550px"><img class="size-full wp-image-484" title="havaianas-1" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/havaianas-1.jpg" alt="Havaianas finalizada" width="540" height="590" /><p class="wp-caption-text">Pronto!</p></div>
<p><img class="alignnone size-full wp-image-485" title="havaianas-2" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/havaianas-2.jpg" alt="Havaianas - opção colorida" width="540" height="590" /></p>
<p><img class="alignnone size-full wp-image-486" title="havaianas-3" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/havaianas-3.jpg" alt="Havaianas - opção 2 colorida" width="540" height="590" /></p>
<p><img class="alignnone size-full wp-image-487" title="havaianas-4" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/havaianas-4.jpg" alt="Havaianas - opção 3 - pastilhas coloridas" width="540" height="590" /></p>
<p><img class="alignnone size-full wp-image-481" title="havaianas-5" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/06/havaianas-5.jpg" alt="Havaianas - opção 4 - pastilhas coloridas" width="540" height="590" /></p>
<p>Para este trabalho pensei inicialmente em fazer desenhos com caneta preta relacionados a coisas do Brasil, já que as famosas havaianas são uma das únicas coisas  que fazem os gringos lembrar do nosso país além de pelé, ronaldinho, rio, favelas, macacos, mosquitos e políticos ladrões.</p>
<p>Mas deixei os desenhos para uma segunda chance e acabei trabalhando com tipografia, desenhando detalhes diferentes a cada letra.  A parte colorida deixei para fazer no photoshop e acabei viajando em algumas opções.</p>
]]></content:encoded>
			<wfw:commentRss>http://magelstudio.com.br/2009/06/12/havaianas/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Sketch box</title>
		<link>http://magelstudio.com.br/2009/04/13/scketch-box/</link>
		<comments>http://magelstudio.com.br/2009/04/13/scketch-box/#comments</comments>
		<pubDate>Mon, 13 Apr 2009 12:00:00 +0000</pubDate>
		<dc:creator>Marco Moreira</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[ilustração]]></category>
		<category><![CDATA[tipografia]]></category>
		<category><![CDATA[handmade]]></category>

		<guid isPermaLink="false">http://blog.magelstudio.com.br/2009/04/13/scketch-box/</guid>
		<description><![CDATA[Tudo começou quando minha mãe se encantou pelo tal do Juicer Philips Walita que passa em uma dessas emissoras que exibem o programa do Polishop. Então ela comprou e o produto chegou junto com mais algumas outras coisas que vem de brinde em uma caixa enorme sem estampas e, como eu já estava pensando em [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-326 alignnone" title="cx_papel1" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/04/cx_papel1.jpg" alt="cx_papel1" width="540" height="360" /></p>
<p>Tudo começou quando minha mãe se encantou pelo tal do <strong>Juicer Philips Walita</strong> que passa em uma dessas emissoras que exibem o programa do Polishop. Então ela comprou e o produto chegou junto com mais algumas outras coisas que vem de brinde em uma caixa enorme sem estampas e, como eu já estava pensando em fazer algo parecido com que vi no site <a href="http://fortheloveoftype.blogspot.com/2008/03/typographic-expression-of-anger.html" target="_blank">For the love of type</a>, resolvi comprar umas canetinhas e soltar o braço.</p>
<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/04/cx_papel_mk_of1.jpg" target="_blank" rel="lightbox[58]"><img class="alignnone size-large wp-image-283" title="cx_papel_mk_of1" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/04/cx_papel_mk_of1-540x799.jpg" alt="cx_papel_mk_of1" width="540" height="799" /></a></p>
<p>O conceito que adotei para ilustrar a caixa foi o próprio Juicer e coisas que estão relacionadas a ele que você pode ver respectivamente abaixo: Peças, como desmontar, o que não pode ir no juicer, saúde e até um raio-x da cabeça que mostra a composição da cavidade oral e nasal.<br />
Os textos também não foram colocados ao acaso. Além do lado em que escrevi o nome de diversas frutas, os textos que estão em letras de mão pequenas são cópias do manual do aparelho que vem escrito em diversas linguas, fora o significado das frutas que foram copiadas do dicionário <img src='http://magelstudio.com.br/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/04/cx_papel_faces1.jpg" target="_blank" rel="lightbox[58]"><img class="alignnone size-large wp-image-285" title="cx_papel_faces1" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/04/cx_papel_faces1-540x810.jpg" alt="cx_papel_faces1" width="540" height="810" /></a></p>
<p>Para que a linguagem visual da ilustração ficasse integrada nos quatro lados, desenhei elementos que  invadem outros lados dando continuidade ao desenho.</p>
<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/04/cx_papel_detalhe1.jpg" target="_blank" rel="lightbox[58]"><img class="alignnone size-large wp-image-286" title="cx_papel_detalhe1" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/04/cx_papel_detalhe1-540x690.jpg" alt="cx_papel_detalhe1" width="540" height="690" /></a></p>
<p>Quem vê a caixa (normalmente quem não é designer) diz que eu não tinha o que fazer. Eu discordo, eu tinha sim o que fazer: A caixa!..rs<br />
Então lá se foram várias horas, meia dúzia de canetas retro projetor e algumas dores no braço, por não ter muito posição as vezes para desenhar, mas é legal, dá para treinar o traço a mão que normalmente é dispensado pelo uso do computador além de você ter ainda uma peça de exposição na casa <img src='http://magelstudio.com.br/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Claro, alguns elementos foram utilzados para referência e inspiração:</p>
<p><a href="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/04/cx_papel_referencias1.jpg" target="_blank" rel="lightbox[58]"><img class="alignnone size-large wp-image-287" title="cx_papel_referencias1" src="http://magelstudio.com.br/wordpress/wp-content/uploads/2009/04/cx_papel_referencias1-540x405.jpg" alt="cx_papel_referencias1" width="540" height="405" /></a></p>
<p>Mais fotos <a href="http://www.flickr.com/photos/marcomoreira/sets/72157614200634989/" target="_blank">aqui</a></p>
]]></content:encoded>
			<wfw:commentRss>http://magelstudio.com.br/2009/04/13/scketch-box/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>
