<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wx="http://ilps.science.uva.nl/WikiXML/wx" xml:lang="pt" lang="pt">
<head>
<title>Cel shading</title>
<meta name="wx_namespace" content="0"/>
<meta name="wx_pagename" content="Cel_shading"/>
<meta name="wx_page_id" content="100703"/>
</head>
<body>
<div id="wx_article">
<wx:section level="1" title="Cel shading" id="wxsec1"><h1 class="pagetitle" id="wx1">Cel shading</h1>

<wx:template id="wx_t1" pagename="Predefinição:Sem-fontes" page_id="269210"/>
<table class="caixa aviso" style="margin-bottom: 10px;" id="wx2">
<tr id="wx3">
<td width="30px" id="wx4">
<div style="position: relative; width: 30px; height: 30px; overflow: hidden" id="wx5">
<div style="position: absolute; top: 0px; left: 0px; font-size: 100px; overflow: hidden; line-height: 100px; z-index: 3" id="wx6"><a href="/wpt/Wikipedia:Livro_de_estilo/Cite_as_fontes" title="Wikipedia:Livro de estilo/Cite as fontes" wx:linktype="known" wx:pagename="Wikipedia:Livro_de_estilo/Cite_as_fontes" id="wx7">   </a></div>

<div style="position: absolute; top: 0px; left: 0px; z-index: 2" id="wx8"><a href="/wpt/Imagem:Nuvola_apps_important.svg" title="Wikipedia:Livro de estilo/Cite as fontes " wx:linktype="image" wx:pagename="Imagem:Nuvola_apps_important.svg" id="wx9"><img src="/wpt/Imagem:Nuvola_apps_important.svg" alt="Wikipedia:Livro de estilo/Cite as fontes " width="30" id="wx10"/></a></div>
</div>
</td>
<td id="wx11"><b id="wx12">ATENÇÃO: Este artigo ou secção não cita as suas <a href="/wpt/Wikipedia:Livro_de_estilo/Cite_as_fontes" title="Wikipedia:Livro de estilo/Cite as fontes" wx:linktype="known" wx:pagename="Wikipedia:Livro_de_estilo/Cite_as_fontes" id="wx13">fontes ou referências</a>, em desacordo com a <a href="/wpt/Wikipedia:Verificabilidade" title="Wikipedia:Verificabilidade" wx:linktype="known" wx:pagename="Wikipedia:Verificabilidade" id="wx14">política de verificabilidade</a>.</b>
<p id="wx15">Ajude a melhorar este artigo providenciando <a href="/wpt/Wikipedia:Fontes_fi%C3%A1veis" title="Wikipedia:Fontes fiáveis" wx:linktype="known" wx:pagename="Wikipedia:Fontes_fiáveis" id="wx16">fontes fiáveis</a> e independentes, inserindo-as no corpo do texto ou em <a href="/wpt/Wikipedia:Livro_de_estilo/Notas_de_rodap%C3%A9" title="Wikipedia:Livro de estilo/Notas de rodapé" wx:linktype="known" wx:pagename="Wikipedia:Livro_de_estilo/Notas_de_rodapé" id="wx17">notas de rodapé</a>.</p>
</td>
</tr>
</table>

<wx:templateend start="wx_t1"/>
<p id="wx18"><b id="wx19">Cel Shading</b> é um conjunto de técnicas empregadas na <a href="/wpt/Renderiza%C3%A7%C3%A3o" title="Renderização" wx:linktype="known" wx:pagename="Renderização" wx:page_id="405154" id="wx20">renderização</a> de imagens <a href="/wpt/3D" title="3D" wx:linktype="known" wx:pagename="3D" wx:page_id="70142" id="wx21">3D</a> de modo que o resultado final se assemelhe ao de desenhos em 2D. A forma mais simples de se obter esse efeito é empregando contornos escuros nos objetos 3D, texturas simples e uma <a href="/wpt/Ilumina%C3%A7%C3%A3o" title="Iluminação" wx:linktype="known" wx:pagename="Iluminação" wx:page_id="299413" id="wx22">iluminação</a> mais "chapada", isto é, menos realista e mais próxima da iluminação empregada em desenhos animados.</p>

<div id="wx_toc"/>

<a id="Exemplos_de_uso_da_t.C3.A9cnica" name="Exemplos_de_uso_da_t.C3.A9cnica"/>
<wx:section level="2" title="Exemplos de uso da técnica" id="wxsec2"><h2 id="wx23">Exemplos de uso da técnica</h2>

<a id="Jogos" name="Jogos"/>
<wx:section level="3" title="Jogos" id="wxsec4"><h3 id="wx24">Jogos</h3>

<p id="wx25">O primeiro jogo a utilizar este efeito foi o jogo da <a href="/wpt/Sega" title="Sega" wx:linktype="known" wx:pagename="Sega" wx:page_id="65934" id="wx26">Sega</a> chamado <a href="/wpt/Jet_Grind_Radio" class="new" title="Jet Grind Radio" wx:linktype="unknown" wx:pagename="Jet_Grind_Radio" id="wx27">Jet Grind Radio</a>, desenvolvido pelo estúdio <a href="/wpt/Smilebit" title="Smilebit" wx:linktype="known" wx:pagename="Smilebit" wx:page_id="437152" id="wx28">Smilebit</a> para o console <a href="/wpt/Sega_Dreamcast" title="Sega Dreamcast" wx:linktype="known" wx:pagename="Sega_Dreamcast" wx:page_id="29701" id="wx29">Dreamcast</a> em <a href="/wpt/2000" title="2000" wx:linktype="known" wx:pagename="2000" wx:page_id="9093" id="wx30">2000</a>. Depois dele diversos jogos seguiram essa técnica, ou para aproximar o jogo das suas origens (desenhos animados, <a href="/wpt/Banda_Desenhada" title="Banda Desenhada" wx:linktype="known" wx:pagename="Banda_Desenhada" wx:page_id="905333" id="wx31">HQ</a>) ou para criar um visual mais estilizado e uma roupagem mais jovem, entre eles:</p>

<div class="wx_image" wx:align="right" wx:thumb="thumb" id="wx32"><a href="/wpt/Imagem:Celshading_teapot_large.png" title="Exemplo de Cel shading." wx:linktype="image" wx:pagename="Imagem:Celshading_teapot_large.png" id="wx33"><img src="/wpt/Imagem:Celshading_teapot_large.png" alt="Exemplo de Cel shading." width="300" id="wx34"/></a> 

<div class="thumbcaption" id="wx35">
<p id="wx36">Exemplo de Cel shading.</p>
</div>
</div>

<ul id="wx37">
<li id="wx38">
<p id="wx39">Jet Grind Radio e sua sequência Jet Grind Radio Future</p>
</li>

<li id="wx40"><a href="/wpt/Fear_Effect" class="new" title="Fear Effect" wx:linktype="unknown" wx:pagename="Fear_Effect" id="wx41">Fear Effect</a></li>

<li id="wx42"><a href="/wpt/Auto_Modellista" class="new" title="Auto Modellista" wx:linktype="unknown" wx:pagename="Auto_Modellista" id="wx43">Auto Modellista</a></li>

<li id="wx44"><a href="/wpt/The_Legend_of_Zelda:_The_Wind_Waker" title="The Legend of Zelda: The Wind Waker" wx:linktype="known" wx:pagename="The_Legend_of_Zelda:_The_Wind_Waker" wx:page_id="116457" id="wx45">The Legend of Zelda: The Wind Waker</a></li>

<li id="wx46"><a href="/wpt/The_Legend_of_Zelda:_Phantom_Hourglass" title="The Legend of Zelda: Phantom Hourglass" wx:linktype="known" wx:pagename="The_Legend_of_Zelda:_Phantom_Hourglass" wx:page_id="375512" id="wx47">The Legend of Zelda: Phantom Hourglass</a></li>

<li id="wx48"><a href="/wpt/Okami" title="Okami" wx:linktype="known" wx:pagename="Okami" wx:page_id="1783571" id="wx49">Okami</a></li>

<li id="wx50"><a href="/wpt/Sonic_Shuffle" class="new" title="Sonic Shuffle" wx:linktype="unknown" wx:pagename="Sonic_Shuffle" id="wx51">Sonic Shuffle</a></li>

<li id="wx52"><a href="/wpt/XIII_%28jogo%29" title="XIII (jogo)" wx:linktype="known" wx:pagename="XIII_(jogo)" wx:page_id="609245" id="wx53">XIII</a></li>

<li id="wx54"><a href="/wpt/Sly_Cooper" title="Sly Cooper" wx:linktype="known" wx:pagename="Sly_Cooper" wx:page_id="1278454" id="wx55">Sly Cooper</a></li>

<li id="wx56"><a href="/wpt/Killer7" title="Killer7" wx:linktype="known" wx:pagename="Killer7" wx:page_id="1244610" id="wx57">Killer7</a></li>

<li id="wx58"><a href="/wpt/Gungrave" title="Gungrave" wx:linktype="known" wx:pagename="Gungrave" wx:page_id="546294" id="wx59">Gungrave</a></li>

<li id="wx60"><a href="/wpt/Dragon_Ball_Z:_Budokai" title="Dragon Ball Z: Budokai" wx:linktype="known" wx:pagename="Dragon_Ball_Z:_Budokai" wx:page_id="1397754" id="wx61">Dragon Ball Z: Budokai</a></li>

<li id="wx62"><a href="/wpt/Dragon_Ball_Z:_Budokai_Tenkaichi" class="new" title="Dragon Ball Z: Budokai Tenkaichi" wx:linktype="unknown" wx:pagename="Dragon_Ball_Z:_Budokai_Tenkaichi" id="wx63">Dragon Ball Z: Budokai Tenkaichi</a></li>

<li id="wx64"><a href="/wpt/Naruto:_Narutimate_Hero" class="new" title="Naruto: Narutimate Hero" wx:linktype="unknown" wx:pagename="Naruto:_Narutimate_Hero" id="wx65">Naruto: Narutimate Hero</a></li>

<li id="wx66">
<p id="wx67">GRAND CHASE (Recentemente implantou esse modo)</p>
</li>
</ul>

<a id="Tv_e_cinema" name="Tv_e_cinema"/>
</wx:section><wx:section level="3" title="Tv e cinema" id="wxsec5"><h3 id="wx68">Tv e cinema</h3>

<div class="wx_image" wx:align="right" wx:thumb="thumb" id="wx69"><a href="/wpt/Imagem:Toon-shader.jpg" title="Comparação de renderizações." wx:linktype="image" wx:pagename="Imagem:Toon-shader.jpg" id="wx70"><img src="/wpt/Imagem:Toon-shader.jpg" alt="Comparação de renderizações." width="200" id="wx71"/></a> 

<div class="thumbcaption" id="wx72">
<p id="wx73">Comparação de renderizações.</p>
</div>
</div>

<p id="wx74">Vale lembrar que esse recurso não é usado apenas nos videogames. O <a href="/wpt/Cinema" title="Cinema" wx:linktype="known" wx:pagename="Cinema" wx:page_id="523" id="wx75">cinema</a> e a TV usam com muita freqüência. Filmes como Appleseed e <a href="/wpt/O_Gigante_de_Ferro" class="new" title="O Gigante de Ferro" wx:linktype="unknown" wx:pagename="O_Gigante_de_Ferro" id="wx76">o Gigante de Ferro</a>, são exemplos de uso dessas técnicas de modo bem visível. O robô do Gigante de Ferro não foi desenhado nem uma vez a mão (tirando os estudos pra criação, é claro). Todas as vezes que ele aparece é feito pelo computador "imitando" o desenho feito a mão.</p>

<p id="wx77"><br id="wx78"/>
Em outras produções, acontece de elementos mais distantes ou menos importantes na cena, serem feitos dessa forma.</p>

<p id="wx79">A quarta temporada do anime <a href="/wpt/Initial_D" title="Initial D" wx:linktype="known" wx:pagename="Initial_D" wx:page_id="266820" id="wx80">Initial D</a> tem as suas cenas de corrida feitas totalmente em cel-shading. desde os cenários e backgrounds até o design dos carros. Há uma integração bem harmônica entre os personagens feitos à mão e os carros feitos no computador. Outras animações japonesas também usam cel-shading com frequência para fazer naves e robôs.</p>

<p id="wx81">Seriados como <a href="/wpt/Futurama" title="Futurama" wx:linktype="known" wx:pagename="Futurama" wx:page_id="90765" id="wx82">Futurama</a> e <a href="/wpt/Clone_Wars" title="Clone Wars" wx:linktype="known" wx:pagename="Clone_Wars" wx:page_id="956326" id="wx83">Clone Wars</a>, tem todas as naves feitas nessa técnica e elas aparecem junto com personagens que ainda são feitos a mão. Em princípio, o objetivo nesses casos seria de ter uma integração entre o que foi feito a mão e o que foi feito no computador.</p>

<p id="wx84">Mas, nem sempre funciona, pois a maioria os produtores não resistem e colocam sempre a <a href="/wpt/Anima%C3%A7%C3%A3o" title="Animação" wx:linktype="known" wx:pagename="Animação" wx:page_id="48997" id="wx85">animação</a> das <a href="/wpt/Nave" title="Nave" wx:linktype="known" wx:pagename="Nave" wx:page_id="19030" id="wx86">naves</a> (3d) de modo muito fluido e suave (já que pra um computador é muito fácil fazer isso), em oposição a animação dos personagens (a mão) que é sempre limitada (o custo e o prazo de uma animação fluida e suave feita a mão é sempre muito elevado ).</p>

<a id="Ver_tamb.C3.A9m" name="Ver_tamb.C3.A9m"/>
</wx:section></wx:section><wx:section level="2" title="Ver também" id="wxsec3"><h2 id="wx87">Ver também</h2>

<ul id="wx88">
<li id="wx89"><a href="/wpt/Anima%C3%A7%C3%A3o" title="Animação" wx:linktype="known" wx:pagename="Animação" wx:page_id="48997" id="wx90">Animação</a></li>
</ul>
</wx:section></wx:section></div>
<div id="wx_categorylinks">
<a href="/wpt/index.php?title=Especial:Categories&amp;article=Cel_shading" title="Especial:Categories" wx:linktype="known" wx:pagename="Especial:Categories" id="wx91">Categorias de páginas</a>: <span dir="ltr" id="wx92"><a href="/wpt/Categoria:%21Artigos_com_trechos_que_carecem_de_fontes_desde_Fevereiro_de_2008" title="Categoria:!Artigos com trechos que carecem de fontes desde Fevereiro de 2008" wx:linktype="known" wx:pagename="Categoria:!Artigos_com_trechos_que_carecem_de_fontes_desde_Fevereiro_de_2008" wx:page_id="1554467" id="wx93">!Artigos com trechos que carecem de fontes desde Fevereiro de 2008</a></span> | <span dir="ltr" id="wx94"><a href="/wpt/Categoria:Anima%C3%A7%C3%A3o" title="Categoria:Animação" wx:linktype="known" wx:pagename="Categoria:Animação" wx:page_id="49007" id="wx95">Animação</a></span> | <span dir="ltr" id="wx96"><a href="/wpt/Categoria:Computa%C3%A7%C3%A3o_gr%C3%A1fica" title="Categoria:Computação gráfica" wx:linktype="known" wx:pagename="Categoria:Computação_gráfica" wx:page_id="46217" id="wx97">Computação gráfica</a></span></div>
<div id="wx_languagelinks">
Outras línguas: <a href="http://de.wikipedia.org/wiki/Cel_Shading" class="external" wx:linktype="interwiki" wx:pagename="de:Cel_Shading" id="wx98">Deutsch</a> | <a href="http://en.wikipedia.org/wiki/Cel-shaded_animation" class="external" wx:linktype="interwiki" wx:pagename="en:Cel-shaded_animation" id="wx99">English</a> | <a href="http://es.wikipedia.org/wiki/Cel_shading" class="external" wx:linktype="interwiki" wx:pagename="es:Cel_shading" id="wx100">Español</a> | <a href="http://fi.wikipedia.org/wiki/Cel-shading" class="external" wx:linktype="interwiki" wx:pagename="fi:Cel-shading" id="wx101">Suomi</a> | <a href="http://fr.wikipedia.org/wiki/Cel-shading" class="external" wx:linktype="interwiki" wx:pagename="fr:Cel-shading" id="wx102">Français</a> | <a href="http://it.wikipedia.org/wiki/Animazione_cel-shaded" class="external" wx:linktype="interwiki" wx:pagename="it:Animazione_cel-shaded" id="wx103">Italiano</a> | <a href="http://ja.wikipedia.org/wiki/%E3%83%88%E3%82%A5%E3%83%BC%E3%83%B3%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0" class="external" wx:linktype="interwiki" wx:pagename="ja:トゥーンレンダリング" id="wx104">日本語</a> | <a href="http://nl.wikipedia.org/wiki/Cel_Shading" class="external" wx:linktype="interwiki" wx:pagename="nl:Cel_Shading" id="wx105">Nederlands</a> | <a href="http://no.wikipedia.org/wiki/Cel-shaded_animation" class="external" wx:linktype="interwiki" wx:pagename="no:Cel-shaded_animation" id="wx106">Norsk (bokmål)</a> | <a href="http://pl.wikipedia.org/wiki/Cel-shading" class="external" wx:linktype="interwiki" wx:pagename="pl:Cel-shading" id="wx107">Polski</a> | <a href="http://ru.wikipedia.org/wiki/%D0%A6%D0%B5%D0%BB-%D1%88%D0%B5%D0%B9%D0%B4%D0%B5%D1%80%D1%8B" class="external" wx:linktype="interwiki" wx:pagename="ru:Цел-шейдеры" id="wx108">Русский</a> | <a href="http://sv.wikipedia.org/wiki/Cel-shading" class="external" wx:linktype="interwiki" wx:pagename="sv:Cel-shading" id="wx109">Svenska</a> | <a href="http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%8B%E0%B8%A5_%28%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B8%9E%E0%B8%B4%E0%B8%A7%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B8%81%E0%B8%A3%E0%B8%B2%E0%B8%9F%E0%B8%B4%E0%B8%81%E0%B8%AA%E0%B9%8C%29" class="external" wx:linktype="interwiki" wx:pagename="th:เซล_(คอมพิวเตอร์กราฟิกส์)" id="wx110">ไทย</a></div>
</body>
<wx:templatearguments for="wx_t1"><wx:argument name="data">
<p id="wx111">Fevereiro de 2008</p>
</wx:argument></wx:templatearguments>
</html>
