Thujone Parafernálias

Programas Free 04 – Blender

Na 4ª edição falando sobre programas free, (as outras são sobre <a href="http://thujonedesigners.blogspot.com.br/2014/11/programas-free-01-gimp.html" target=""><b><span style="color: #38761d;">Gimp</span></b></a>, <a href="http://thujonedesigners.blogspot.com.br/2014/12/programas-free-02-inkscape.html" target=""><span style="color: #38761d;"><b>Inkscape</b></span></a> e <a href="http://thujonedesigners.blogspot.com.br/2015/01/programas-free-03-scribus.html" target=""><span style="color: #38761d;"><b>Scribus</b></span></a>) vamos abordar um que possibilita a <b>criação de imagens tridimensionai</b>s.<br />
<div>
<br />
<div>
<b>Blender</b> é um programa de código aberto desenvolvido pela Blender Foundation, para <b>modelagem</b>, <b>animação</b>, texturização, composição, renderização, edição de vídeo e <b>criação de aplicações interativas em 3D</b>, tais como <b>jogos</b>, apresentações e entre outros, através de seu motor de jogo integrado, o Blender Game Engine.<br />
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPVrMHXCJaGSatxx3NXxcpTx1In6aajM7Z48vz0Ulg7DzcPT6kB3fmR2ARhDRFz622uhfSRM_IJc6i7hoI1YoVdELJz8hY6jUxnV_evqtt4q1dv-FRUeM4paAY9MFVKy8deqzdBpuqONE/s1600/blender.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPVrMHXCJaGSatxx3NXxcpTx1In6aajM7Z48vz0Ulg7DzcPT6kB3fmR2ARhDRFz622uhfSRM_IJc6i7hoI1YoVdELJz8hY6jUxnV_evqtt4q1dv-FRUeM4paAY9MFVKy8deqzdBpuqONE/s1600/blender.jpg" /></a></div>
<div>
<br /></div>
<div>
<div class="MsoNormal">
Criado por <b>Ton Roosendaal</b> em 1988 como uma aplicação para o estúdio holandês de animação <b>NeoGeo Studio</b>, hoje em dia ele compete contra programas como <b>3D Studio Max</b>, <b>ZBrush</b>, <b>Rhino3D </b>e <b>Maya</b>, não deixando nada a desejar.</div>
<div class="MsoNormal">
O formato padrão do Blender é o <b>.blend</b>, no entanto consegue ler e escrever em muitos outros formatos de arquivos, sendo eles renderizáveis, ou modelos tridimensionais. </div>
</div>
</div>
<div>
Para baixar o programa é só clicar <a href="http://www.blender.org/download/"><b><span style="color: #38761d;">aqui</span></b></a>.</div>
</div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV7ymY146GYr3eEVR1pujIBPQIOYxn3xMDBgeMPUu330Ud9kZBMMVZO52E8JGZS6oaRRCuQBJ-A9m5Th-Vu4y3A5aGtITOzD8kKxlbGaSJ_iZqPWahJboM7mCPyV68GHIGQpfY79mPR-s/s1600/Blender02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV7ymY146GYr3eEVR1pujIBPQIOYxn3xMDBgeMPUu330Ud9kZBMMVZO52E8JGZS6oaRRCuQBJ-A9m5Th-Vu4y3A5aGtITOzD8kKxlbGaSJ_iZqPWahJboM7mCPyV68GHIGQpfY79mPR-s/s1600/Blender02.png" /></a></div>
<div>
<br /></div>
<div>
<h3>
<b><span style="font-family: Arial, Helvetica, sans-serif;">Prós</span></b></h3>
</div>
<ul>
<li>Modelagem, animação e renderização.</li>
<li>Suporta vários formatos de <b>vídeos</b>: <i>Audio Video Interleave</i> (<b>.avi</b>),  <i>MPEG-2</i> (<b>.dvd</b>), <i>MPEG-4</i> (.<b>mp4</b>) entre outros. </li>
<li><i>3ds Max file</i> (<b>3ds</b>), <i>Autodesk Drawing eXchange Format</i> (.<b>dxf</b>) e <i>LightWave</i> (.<b>lwo</b>) são alguns exemplos das variedades de formatos que o Blender consegue abrir e exportar. </li>
<li>É possível criar <b>GIFs animados</b> utilizando o Blender em conjunto com o Gimp. Modela-se e renderiza-se os quadros da animação, e em seguida as junta em sequência, usando o Gimp, e as salva como um único arquivo. Imagens para qual o Blender não dá suporte, podem ser conseguidas usando o mesmo método.</li>
<li>Gratuito.</li>
</ul>
<div>
<h3>
<b><span style="font-family: Arial, Helvetica, sans-serif;">Contras</span></b></h3>
</div>
<ul>
<li>Não tem.</li>
</ul>
<div>
<h3>
<b><span style="font-family: Arial, Helvetica, sans-serif;">Extras</span></b></h3>
</div>
<div>
Abaixo alguns sites onde é possível encontrar vários <b>tutoriais</b> e <b>dicas</b> para aprender a mexer no programa.</div>
<h3 style="text-align: center;">
<a href="http://www.blender.com.br/index.php?option=com_content&view=category&id=42&Itemid=147" target="_blank"><span style="color: #38761d;">Blender Brasil</span></a></h3>
<h3 style="text-align: center;">
<span style="color: #38761d;"><a href="http://forum.blender-pt.com/" target="_blank"><span style="color: #38761d;">Forum Blender</span></a> </span><span style="font-weight: normal;"><span style="font-size: small;">(em português)</span></span></h3>
<h3 style="text-align: center;">
<a href="http://blenderart.org/issues/" target="_blank"><span style="color: #38761d;">Blender Art Magazine</span></a></h3>
<h3 style="text-align: center;">
<a href="http://cgcookie.com/blender/cgc-courses/blender-basics-introduction-for-beginners/" target="_blank"><span style="color: #38761d;">CGCookie</span></a></h3>
<br />
<h3>
<b><span style="font-family: Arial, Helvetica, sans-serif;">Projeto Gooseberry</span></b></h3>
<div>
<b><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPidT84wEpWURc7eui3GSELYjJkLEVdiIeOmMHOTjKcN5OG6hlGpyYvbZ3X6kEFr-YEP_kPh79pzJRrzd6a91gpTv4bZilOVc-6roiyiBobouOx1Cq_OexA8-oN6iWSEAHJBu4XscMzfQ/s1600/BlenderGooseberry.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPidT84wEpWURc7eui3GSELYjJkLEVdiIeOmMHOTjKcN5OG6hlGpyYvbZ3X6kEFr-YEP_kPh79pzJRrzd6a91gpTv4bZilOVc-6roiyiBobouOx1Cq_OexA8-oN6iWSEAHJBu4XscMzfQ/s1600/BlenderGooseberry.jpg" /></a></div>
<div>
<br /></div>
É um <b>longa-metragem</b> de animação atualmente em produção utilizando o <b>Blender</b>, feito em conjunto com<b> doze estúdios independentes</b> espalhados pelo mundo entre eles o Brasil. A história vai acompanhar Michel a ovelha e seu desejo por ter uma vida interessante. A estréia está prevista para <b>outubro de 2015</b>.<br />
<div>
Veja abaixo o trailer.</div>
<div>
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="260" mozallowfullscreen="" src="//player.vimeo.com/video/90978707?color=8002ad&title=0&byline=0&portrait=0" webkitallowfullscreen="" width="620"></iframe></div>
<div>
<br />
Webgrafia<br />
<a href="http://www.blender.org/">http://www.blender.org/</a></div>
<a href="http://www.atmind.nl/?p=713">http://www.atmind.nl/?p=713</a>

Programas Free 04 – Blender

Na 4ª edição falando sobre programas free, (as outras são sobre Gimp , Inkscape e Scribus ) vamos abordar um que possibilita a criação de i...

Quero mais! »

Animação – Out of Sight

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5BTVDxuVeDDtX0cU19pi2Pfn7DIgS0lQNhzGG_dmQIfJY71jBk3oad9WvIOWZRNH3MfSb_L_OI6jOH3A-p3l7NQn79Qb3vbtwXDJaoCgIPSmiF3V8VHGF4lKlQNGKaJB4F3erQhU1RQk/s1600/Out+of+Sight-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5BTVDxuVeDDtX0cU19pi2Pfn7DIgS0lQNhzGG_dmQIfJY71jBk3oad9WvIOWZRNH3MfSb_L_OI6jOH3A-p3l7NQn79Qb3vbtwXDJaoCgIPSmiF3V8VHGF4lKlQNGKaJB4F3erQhU1RQk/s1600/Out+of+Sight-01.jpg" /></a></div>
<br />Quando falamos de animação, podemos pensar em um grande time de animadores, cada qual com uma função na grande linha de produção. Mas neste caso, apenas três estudantes se juntaram e produziram este trabalho singelo e suave.<br /><br />A personagem principal deste curta-metragem é roubada e se desvia do caminho que ela está acostumada a fazer todo dia. Depois de passar por uma cerca, a garota descobre um mundo desconhecido e se aventura em um conto de magia e fantasia que só existe no seu mundo fértil e apurado de imaginação, do que ela pensa que é o mundo em sua volta.<div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHuJFrEDinSwf9oLoTtWryZ9vxrYFJVKsxYr6V6EsckIFmhcKkuwuyp2Z2RFyfk2RW_EEtfccm4yamavR5QdLV_UBDnUrZ4Hhf8lSee3G2U1fE0paKTgfLbO5WRlzErUmeyo8nSk31Bz4/s1600/Out+of+Sight-03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHuJFrEDinSwf9oLoTtWryZ9vxrYFJVKsxYr6V6EsckIFmhcKkuwuyp2Z2RFyfk2RW_EEtfccm4yamavR5QdLV_UBDnUrZ4Hhf8lSee3G2U1fE0paKTgfLbO5WRlzErUmeyo8nSk31Bz4/s1600/Out+of+Sight-03.jpg" /></a></div>
<div>
<br /><span style="font-size: large;"><b>Curiosidades</b></span><br /><ul>
<li>O curta-metragem foi feito como <b>trabalho de conclusão de curso</b> na Universidade Nacional de Artes de Taiwan.</li>
<li>Todos os fundos são pintados à mão em <b>aquarela</b>. Esta técnica foi escolhida especialmente para que trouxesse “<b>mais calor</b>” ou humanidade à animação, tirando as linhas duras do flash.</li>
<li>Pode-se notar nos traços a influência grande animador japonês<b> Hayao Miyazaki</b> criador do <b>Castelo Animado</b>, a <b>Viagem de Chihiro</b> entre outros.</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPrVkNQ15s09_KhgI9XeC1fwKLfrsdxtAz7LVjZ_iHcNI0rBcWw-sU0_Ybmult-B6xBpiN1ukNmrRdsrtXD3kNlughszters8S4Dxk2SjN4mUANno5jP5JRfMf77hrhyphenhyphenf-JlOzB9GuGkE/s1600/Out+of+Sight-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPrVkNQ15s09_KhgI9XeC1fwKLfrsdxtAz7LVjZ_iHcNI0rBcWw-sU0_Ybmult-B6xBpiN1ukNmrRdsrtXD3kNlughszters8S4Dxk2SjN4mUANno5jP5JRfMf77hrhyphenhyphenf-JlOzB9GuGkE/s1600/Out+of+Sight-02.jpg" /></a></div>
<div>
<br /><b>Ficha Técnica</b><br /><b>Título Original:</b> Out of Sight<br /><b> Ano de Lançamento: </b>2010<br /><b> Duração:</b> 5 min.<br /><b> Direção, Animação, CGI e Composição:</b> Ya-Ting Yu (Evaty)<br /><b> Cenário, Colorização e Composição:</b> Ya-Hsuan Yeh (Kynight)<br /><b> Animação e Colorização:</b> Ling Chung<br />Todos direitos reservados.<br /><div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: left;">
<b>Site Oficial</b></div>
</div>
<div style="text-align: left;">
<b><span style="color: #6aa84f; font-size: large;"><a href="http://evaty.main.jp/oos/" target="_blank">Out of Sight</a></span></b></div>
<div>
<br /></div>
<div>
E finalmente a animação completa. <br /><br /><div style="text-align: center;">
<a href="http://vimeo.com/14768689"><iframe allowfullscreen="" frameborder="0" height="465" mozallowfullscreen="" src="//player.vimeo.com/video/14768689?color=8002ad&title=0&byline=0&portrait=0" webkitallowfullscreen="" width="620"></iframe></a></div>
</div>
</div>

Animação – Out of Sight

Quando falamos de animação, podemos pensar em um grande time de animadores, cada qual com uma função na grande linha de produção. Mas nest...

Quero mais! »

Falando sobre Cores 02 - RGB

Falando sobre Cores 02 - RGB

Quero mais! »

Mestres do Design - El Lissitzky

<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi88pz-8b3e7WgpGHGbBUw80-ieROd53pbVpCkLKUvnnpqZw2vBkt4sL-Sua7w102gmz1K6XLO4A1fzSFdpkX0f7i8LILerJTw-1sghkdYe63bPSARNpfzmSSdkYu8VoEnJzC_wI1pHopk/s1600/El_lissitzky_self_portrait_1914.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi88pz-8b3e7WgpGHGbBUw80-ieROd53pbVpCkLKUvnnpqZw2vBkt4sL-Sua7w102gmz1K6XLO4A1fzSFdpkX0f7i8LILerJTw-1sghkdYe63bPSARNpfzmSSdkYu8VoEnJzC_wI1pHopk/s1600/El_lissitzky_self_portrait_1914.jpg" width="142" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">El Lissitzky  (1914) </td></tr>
</tbody></table>
<i style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"></i><br />
<br />
<br />
<blockquote class="tr_bq">
<span style="font-size: x-large;">Uma arte construtiva que não decora, mas organiza a vida. </span>El Lissitzky, 1922</blockquote>
</div>
<br />
<br />
<br />
<br />
<b>Pintor</b>, <b>arquiteto</b>, <b>designer gráfico</b> e <b>fotógrafo</b> El Lissitzky realizou de maneira marcante o ideal <b>construtivista russo</b>, e com sua visão influenciou profundamente o <b>design gráfico</b>.<br />
<br />
<b>Lazar Markovich Lissitzky</b> nasceu em 23 de Novembro de 1890 em Pochinok, Império Russo. Por ser judeu foi rejeitado pela Academia de Artes de Petrogrado, acabando por estudar arquitetura em Darmstadt, Alemanha.<br />
<br />
Uma de suas maiores influências foi seu amigo e colega de docência <b>Maliévitch</b>, desenvolvendo um estilo de pintura que chamou de <b>PROUNS</b> (acrônimo de “<b>projetos para o estabelecimento [afirmação] de uma nova arte</b>”). A ideia introduzia ilusões tridimensionais, trabalhando forma e espaço, combinando pintura e arquitetura, apontando o caminho para o <b>design aplicado</b>.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Y3IK1RvU8hJhu9Ch-i3MYJSvb6v1voLXkHZlRqde0XDou0t4OhIfOZ1L2f_hkEQ_XIh8ay1yZH-njomDLGdz2FCBZrnJP89bJYNKErsNpnkMYZrr2yHR1Dvqz1v-yhjaLLFImjfRVzA/s1600/09_el+lissitzky-beats.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="511" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Y3IK1RvU8hJhu9Ch-i3MYJSvb6v1voLXkHZlRqde0XDou0t4OhIfOZ1L2f_hkEQ_XIh8ay1yZH-njomDLGdz2FCBZrnJP89bJYNKErsNpnkMYZrr2yHR1Dvqz1v-yhjaLLFImjfRVzA/s1600/09_el+lissitzky-beats.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption">“<b>Béi Biélakh krasnâm klínon</b>" (1919) - Uma cunha vermelha, símbolo do exército bolchevique revolucionário talha e invade uma esfera branca representando o Exército Branco Anti-comunista. As palavras estão dispostas a reforçar o movimento dinâmico.</td></tr>
</tbody></table>
<div>
<h2>
Design na Totalidade</h2>
Ao planejar o livro “<b>Dlia Golosa</b>” 1923 (Para se Ler em Voz Alta) Lissitzky tinha a intenção de interpretar os poemas como “<b>um violino acompanha um piano</b>”. A genialidade do projeto não estava apenas na concepção da tipografia ou no uso e sobreposição de poucas cores, mas também no <b>design do próprio livro</b>, que continha abas demarcadas e recortadas que permitiam o leitor escolher o poema.</div>
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVKt-aLK8_eXc6KfhQxpY1fEnRlLXqwJXFQzZGt1NsmYKDiEBTtao_dvlCErWiutkrpMBZioWXLHRHNq5j8xkCqJr73Jk2cZ_8bp_1EMPdFL6baDjI80qlzCWHY1I9s-qRrJKtpbZcR8Y/s1600/13_el+lissitzky.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVKt-aLK8_eXc6KfhQxpY1fEnRlLXqwJXFQzZGt1NsmYKDiEBTtao_dvlCErWiutkrpMBZioWXLHRHNq5j8xkCqJr73Jk2cZ_8bp_1EMPdFL6baDjI80qlzCWHY1I9s-qRrJKtpbZcR8Y/s1600/13_el+lissitzky.jpg" width="145" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Capa <b>Dlia Golosa</b></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqc7PmxJhclsrQlftHzVyOdXXhJBTVCo-mWEjs7O83N3WRRfMC3kEHUqNNFBmPd7igUngPbLZAzfiH-wsiNyQxTgzlwGUzRaXEoj49baJsSB7LHp0ioAL5Aw1lO4KA6mfnH9uG8BRV3P0/s1600/14_el+lissitzky.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqc7PmxJhclsrQlftHzVyOdXXhJBTVCo-mWEjs7O83N3WRRfMC3kEHUqNNFBmPd7igUngPbLZAzfiH-wsiNyQxTgzlwGUzRaXEoj49baJsSB7LHp0ioAL5Aw1lO4KA6mfnH9uG8BRV3P0/s1600/14_el+lissitzky.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption">Poema Nossa Marcha</td></tr>
</tbody></table>
<br />As imagens internas acompanhavam e se fundiam no texto, como podemos ver no poema "Nossa Marcha":<div>
<span style="font-size: large;">“Batam os tambores nas praças das revoltas, avermelhadas pelo sangue da revolução.”</span></div>
<div>
A tipografia vibra e simula o impacto dos tambores, o quadrado vermelho representando a praça da cidade manchada de sangue.<div class="MsoNormal">
<br /></div>
<div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhacM2zjhrH3K7MIQDEhzrxOwGhdEce78cqZ5oClzxmBHyMbeZbmF4vz8YtK8VMmlNZ62pNN2t1fNz2ZdOs7X0tphqi8F5W8jsr6JPdD0IhEkSz5dW8VyVZnXJ34ZVwTn_yQBb7a3tI1PQ/s1600/16_el+lissitzky.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhacM2zjhrH3K7MIQDEhzrxOwGhdEce78cqZ5oClzxmBHyMbeZbmF4vz8YtK8VMmlNZ62pNN2t1fNz2ZdOs7X0tphqi8F5W8jsr6JPdD0IhEkSz5dW8VyVZnXJ34ZVwTn_yQBb7a3tI1PQ/s1600/16_el+lissitzky.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption">Die Kunstismen (<b>Os ismos da Arte</b>) 1924<span style="font-family: "Arial","sans-serif"; font-size: 9.0pt; line-height: 115%; mso-ansi-language: PT-BR; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;"> </span></td></tr>
</tbody></table>
<br />
Outro projeto marcante foi o livro <b>Die Kunstismen</b> - Os ismos da Arte - (1924) prezava a diagramação, equilíbrio e respeito aos espaços em branco. </div>
<h2>
Visão</h2>
<div>
Lissitzky dizia que o artista/designer forjaria uma <b>unidade entre arte e tecnologia</b> que, através da construção de um novo mundo de objetos, dotaria a humanidade um ambiente e sociedade mais ricos.<br />
Ele também previu que o sistema de Gutenberg seria ultrapassado e que os processos fotomecânicos o substituiriam abrindo novos horizontes para o design.<br />
Em suas viagens para Berlim e Holanda, teve contato com o <b>De Stijl</b>, <b>Bahuaus</b> e <b>dadaísmo</b>. Fez diversas capas, trabalhou em conjunto e desenvolveu um estilo único que não se conformava apenas com as técnicas existentes, fazendo experimentações, utilizando fotomontagens e grids para passar mensagens complexas.</div>
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6n3zJUR0FbeQQkKQ74e-PPFUwiMQKXldlJOapb_uI6143FuW6SqX1zGiV6ny1k6xk93UH1642PATtdNvhFgCKGRq7msVB8gfk51EMjZYYLtLQhBjWS2RbbYiP4XQu0WxKcMPphzl964/s1600/17_el+lissitzky.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6n3zJUR0FbeQQkKQ74e-PPFUwiMQKXldlJOapb_uI6143FuW6SqX1zGiV6ny1k6xk93UH1642PATtdNvhFgCKGRq7msVB8gfk51EMjZYYLtLQhBjWS2RbbYiP4XQu0WxKcMPphzl964/s1600/17_el+lissitzky.jpg" width="468" /></a></td></tr>
<tr><td class="tr-caption"><b>Russische Ausstellung</b> (1929) Cartaz de Exposição - A imagem colossal de dois jovens encarando maravilhados o futuro se fundem dando uma posição igualitária para a mulher, algo revolucionário para a época, o terceiro olho simbolizando uma nova visão além do comum.</td></tr>
</tbody></table>
<div>
Acometido por uma tuberculose por 18 anos, El Lissitzky faleceu em dezembro de 1941, seis meses após a Alemanha invadir a Rússia. Mas seus conceitos e trabalhos continuam a nos marcar até hoje.<br /><blockquote class="tr_bq">
<span style="font-size: x-large;">Lissitzky foi um dos grandes pioneiros [...]. Sua influência indireta foi generalizada e duradoura [...]. Uma geração que nunca ouviu falar dele [...] recebeu seu legado. </span>Jan Tschichold</blockquote>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4wF5aq6gcSIUfTcRH_b6KkS3Syy0jA-A9Z7EsweUExx6v-y7RU-ePTQ6LbJaSk-0YaOTVs9VXRjeI4Adwv0qKltoh6O2k7SGa7XMoBKvz35q1e3GrYuuj_97FBrcb9MtLEySgWmhRr_Q/s1600/22_el+lissitzky.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4wF5aq6gcSIUfTcRH_b6KkS3Syy0jA-A9Z7EsweUExx6v-y7RU-ePTQ6LbJaSk-0YaOTVs9VXRjeI4Adwv0qKltoh6O2k7SGa7XMoBKvz35q1e3GrYuuj_97FBrcb9MtLEySgWmhRr_Q/s1600/22_el+lissitzky.jpg" width="150" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ7Ydb9e8bW3VjuSGPqQC-W2jhWLrdVwfeOmCJRwQ2xkGOJc6qFsjU7oPWooEH0NTJDmwapDUx4tDNP77vXVjceAm9pKE_r3XMMAv-QjGvtI9DfWtD9Esu2daJHbs3PSg8Z70X-2p1WkI/s1600/12_el+lissitzky.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ7Ydb9e8bW3VjuSGPqQC-W2jhWLrdVwfeOmCJRwQ2xkGOJc6qFsjU7oPWooEH0NTJDmwapDUx4tDNP77vXVjceAm9pKE_r3XMMAv-QjGvtI9DfWtD9Esu2daJHbs3PSg8Z70X-2p1WkI/s1600/12_el+lissitzky.jpg" width="170" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM11VNGZNJ9xweDViS66c9C7OdvElKG47vUpYz5kFoH3sXz0hgcq11LMnLlK6fOMWi6pIMzO5b2y_sbN0br4lkYDt1lJrz6hoIZphGPxf1Lk-qFtiOCicQOga3YlAvdrkQLg-y01wXvW4/s1600/10_el+lissitzky.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM11VNGZNJ9xweDViS66c9C7OdvElKG47vUpYz5kFoH3sXz0hgcq11LMnLlK6fOMWi6pIMzO5b2y_sbN0br4lkYDt1lJrz6hoIZphGPxf1Lk-qFtiOCicQOga3YlAvdrkQLg-y01wXvW4/s1600/10_el+lissitzky.jpg" width="151" /></a></div>
<br />
Ficou curioso? Veja mais trabalhos dele <a href="http://www.wikiart.org/en/el-lissitzky/mode/all-paintings" target="_blank"><b><span style="color: #6aa84f;">aqui</span></b></a>.<br />
<br />
<div>
<div>
<div>
Abaixo o documentário <b>El Lissitzky - A Film of The Life</b>,  que conta um pouco sobre a época e o impacto das inovações feitas por este designer.<br />
<br /><div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="465" mozallowfullscreen="" src="//player.vimeo.com/video/65972624?title=0&byline=0&portrait=0&color=b8095b" webkitallowfullscreen="" width="620"></iframe></div>
<br />
<h3>
Bibliografia</h3>
Meggs, Philip B. História do Design Gráfico: Philip B. Meggs e Alston W. Purvis. 4 ed. São Paulo: Cosac Naify, 2009.</div>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
</div>

Mestres do Design - El Lissitzky

El Lissitzky (1914) Uma arte construtiva que não decora, mas organiza a vida. El Lissitzky, 1922 Pintor , arquiteto ,...

Quero mais! »

Programas Free 03 – Scribus

<span style="font-family: Arial, Helvetica, sans-serif;">Depois de falar sobre programas free de tratamento de imagens (<a href="http://thujonedesigners.blogspot.com.br/2014/11/programas-free-01-gimp.html" target="_blank"><b><span style="color: #6aa84f;">Gimp</span></b></a>) e vetor (<a href="http://thujonedesigners.blogspot.com.br/2014/12/programas-free-02-inkscape.html"><b><span style="color: #6aa84f;">Inkscape</span></b></a>) chegou a vez de um software feito especificamente para <b>diagramação</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Criado em 2001, o <b>Scribus</b> possui recursos avançados de layout, similares aos encontrados no <b>Adobe PageMaker</b>, <b>QuarkXPress</b> e no <b>Adobe InDesign</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoXfPlMF5gG4xfw8uetxnizT5azfQ93qde3kSRB6X868TUfG-Knk-fuWuIX0Do4CuHnGF8hx_HNAXWmghr-iGhkgw1UPYW8MwAVz8XUQWc69p-Y6DujcDMZ3I8nH3AFVmI84fcpoNT4vE/s1600/scribus-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoXfPlMF5gG4xfw8uetxnizT5azfQ93qde3kSRB6X868TUfG-Knk-fuWuIX0Do4CuHnGF8hx_HNAXWmghr-iGhkgw1UPYW8MwAVz8XUQWc69p-Y6DujcDMZ3I8nH3AFVmI84fcpoNT4vE/s1600/scribus-01.jpg" /></a></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Com ele é possível criar e produzir<b> revistas, jornais, folhetos, livros, calendários, anúncios e outras peças gráficas</b>, além de ter recursos avançados para montagem de <b>materiais digitais animados e interativos</b> como formulários, botões, senhas, campos entre outros.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ywU2wZjJohyphenhyphenikHJOOKrtr9Kk935mzjbF16TDsUNGxifd05gcnb78nP7bkmMkqV8EGIuQ8wcevjGK5kW_tRMrT7f6n7IQs9qsHaFj-Tjnc_R_nZNMe1DZHPk9bmr778QLJ8v40ZO91wQ/s1600/scribus02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ywU2wZjJohyphenhyphenikHJOOKrtr9Kk935mzjbF16TDsUNGxifd05gcnb78nP7bkmMkqV8EGIuQ8wcevjGK5kW_tRMrT7f6n7IQs9qsHaFj-Tjnc_R_nZNMe1DZHPk9bmr778QLJ8v40ZO91wQ/s1600/scribus02.jpg" /></a></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">O formato de arquivo usado no Scribus basea-se no <b>XML</b> (<i>e<b>X</b>tensible <b>M</b>arkup <b>L</b>anguage</i>), sendo mais estável que de seus concorrentes. Documentos tipo <b>OpenDocument</b> podem ser importados, assim como <b>RTF</b>, Microsoft Word <b>.doc</b>, <b>HTML</b> (com algumas limitações em certos casos) e inúmeros formatos de imagens (<b>PNG</b>, <b>JPG</b>, etc). Exportados, pode-se ter <b>PDF</b>, <b>EPS</b> e <b>SVG</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Para baixar o programa é só clicar <a href="http://wiki.scribus.net/canvas/Download" target="_blank"><span style="color: #6aa84f;"><b>aqui</b></span></a>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdDJV9FMFzPwkvzgNJaLyRU7IFRRZFHWNP4sdLJjTBaWH2EjYnaPmXfR4NhqNCVB7-NwizCYicg6G1pHRaKWF1LoDF5vZS5yo5dDRMQKXlODu9wQLVp3y4E01WMxQFdDPk97FNcjqW2n0/s1600/scribus01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdDJV9FMFzPwkvzgNJaLyRU7IFRRZFHWNP4sdLJjTBaWH2EjYnaPmXfR4NhqNCVB7-NwizCYicg6G1pHRaKWF1LoDF5vZS5yo5dDRMQKXlODu9wQLVp3y4E01WMxQFdDPk97FNcjqW2n0/s1600/scribus01.jpg" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b></b></span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></b></span></div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>
Prós </b></span><br />
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">É possível criar apresentações e formulários <b>PDF animados</b> e <b>interativos</b>, com suporte para campos, anotações, botões e marcadores.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">O suporte a PDF inclui <b>transparência</b>, <b>criptografia</b> e uma grande quantidade das especificações do <b>PDF 1.4 </b>e <b>X/3</b>.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Suporta uma grande quantidade de formatos gráficos, além do <b>SVG</b> (vetorial), que pode ser <b>incluído diretamente</b> no documento e <b>modificado</b> dentro do próprio Scribus, sem necessidade de ficar importando e exportando.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Oferece recursos profissionais como <b>CMYK</b>, gerenciamento de<b> perfis ICC</b> e cores por separação (<b>spot colors</b>).</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Em português.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Gratuito.</span></li>
</ul>
<br />
<div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">Contra</span></b></span><br />
<ul><span style="font-family: Arial, Helvetica, sans-serif;">
<li>Necessita da instalação do programa <b>Ghostscript 8.53</b> ou posterior, recomendado para a gestão de<b> EPS</b> (<b>E</b>ncapsulated <b>P</b>ost<b>S</b>cript) e <b>PS</b> (<b>P</b>ost<b>S</b>cript).</li>
</span></ul>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span></div>
<b style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><br /></b>
<b style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">Extras</b><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Abaixo o link de um excelente e-book com todos os passo-a-passo para se trabalhar com o Scribus.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"></span><br />
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><a href="http://wiki.scribus.net/canvas/Entendendo_o_Scribus:1" target="_blank"><span style="color: #6aa84f;">Manual Scribus</span></a></b></span></div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">
</span><br />
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">E neste outro tem vários tutoriais (em português) para se lidar com o programa.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"></span><br />
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><a href="http://wiki.scribus.net/canvas/Entendendo_o_Scribus:1" target="_blank"><span style="color: #6aa84f;">Entendendo o Scribus</span></a></b></span></div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">
</span><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Webgrafia</b></span><br />
<div>
<a href="http://www.scribus.net/"><span style="font-family: Arial, Helvetica, sans-serif;">http://www.scribus.net/</span></a><br />
<a href="http://wiki.scribus.net/canvas/Entendendo_o_Scribus:1"><span style="font-family: Arial, Helvetica, sans-serif;">http://wiki.scribus.net/canvas/Entendendo_o_Scribus:1</span></a></div>

Programas Free 03 – Scribus

Depois de falar sobre programas free de tratamento de imagens ( Gimp ) e vetor ( Inkscape ) chegou a vez de um software feito especificament...

Quero mais! »

Programas Free 02 – Inkscape

<span style="font-family: Arial, Helvetica, sans-serif;">Continuando a série falando sobre <b>programas free</b> vamos abordar agora um software de vetorização.</span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Ao contrário do <b><a href="http://thujonedesigners.blogspot.com.br/2014/11/programas-free-01-gimp.html" target="_blank"><span style="color: #6aa84f;">Gimp</span></a></b> que possibilita alterações de imagens em <b>bitmap</b> (<i>imagens rasterizadas</i>) o <b>Inkscape</b> foca na criação de <b>vetores matemáticos</b>.<br />Criado em <b>2003</b>, por iniciativa de quatro desenvolvedores: <b>Harrington, MenTaLguY, Nathan Hurst e Ted Gould</b>, que decidiram aperfeiçoar o formato de código aberto usado em outros programas, ele é mais estável, tem uma vasta gama de possibilidades e atualizações, permitindo ser melhorado por usuários que possuam conhecimentos de programação. <br />Apesar de sua criação ser relativamente recente, é o mais conhecido para substituir programas pagos como <b>Adobe Illustrator</b> e <b>Corel Draw</b>.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9TY7t6obGdau-2a_ZYv8Y_BbYgaPKF7GGqQhDcefVUemtioq0HpKtgG_R4wYVxIGKzu8JBYVEyjCBPFzdqh9BbskyxwENQVHVCBS2pI6Yv1hWl-DHp_DSnSfs7dMjAVjScjMwA07Hyhk/s1600/capa+ink.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9TY7t6obGdau-2a_ZYv8Y_BbYgaPKF7GGqQhDcefVUemtioq0HpKtgG_R4wYVxIGKzu8JBYVEyjCBPFzdqh9BbskyxwENQVHVCBS2pI6Yv1hWl-DHp_DSnSfs7dMjAVjScjMwA07Hyhk/s1600/capa+ink.jpg" /></a></div>
<div>
<div>
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">O Inkscape trabalha com o formato aberto nativo <b>SVG</b> (<i><b>S</b>calable <b>V</b>ectorial <b>G</b>raphics</i>) de <b>imagens vetoriais</b>, importando em vários outros formatos como <b>PNG, TIFF, GIF, JPG, AI, PDF, EPS</b>, entre outros. Já para exportação de bitmap ele permite apenas em <b>PNG</b>.<br /><br />Para baixar o programa é só clicar <b><a href="https://inkscape.org/pt/" target="_blank"><span style="color: #6aa84f;">aqui</span></a></b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0AS7iBLgfBz9Y3XmvXUzhItbciRmNDUigLWAtsBaBvSwHZzkibsK-91YBzJvILvv8X0rM8ZKnkqZmONWIgl7BCtTIoaVTxbwkwLc0LjxQIa_a7pteMIYb0m6bhK4yLxF1g6MlEBMdHHQ/s1600/inkscape.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0AS7iBLgfBz9Y3XmvXUzhItbciRmNDUigLWAtsBaBvSwHZzkibsK-91YBzJvILvv8X0rM8ZKnkqZmONWIgl7BCtTIoaVTxbwkwLc0LjxQIa_a7pteMIYb0m6bhK4yLxF1g6MlEBMdHHQ/s1600/inkscape.jpg" /></a></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /><b><span style="font-size: large;">Prós</span></b></span><br />
<ul><span style="font-family: Arial, Helvetica, sans-serif;">
<li>Possui formas primitivas (círculos, elipses e retângulos), caminhos (para desenhar elementos mais complexos), marcadores, clones e canal alfa;</li>
<li>Também permite transformações, gradientes, filtros, grupos, texto, texto-em-caminho, e texto-em-forma;</li>
<li>Suporta edição de nó, operações complexas entre caminhos;</li>
<li>Aplicação de texturas baseadas em 3D;</li>
<li>Vetorização automática de bitmaps;</li>
<li>O formato SVG pode ser aberto por qualquer programa vetorial;</li>
<li>Gratuito.</li>
</span></ul>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span><b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><div>
<b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></b></div>
Contra</span></b><span style="font-family: Arial, Helvetica, sans-serif;"><ul>
<li>Não possui preenchimento de malha;</li>
<li>Não tem efeitos de fx, como sombra, estilizar, etc;</li>
<li>Não tem grade de perspectiva;</li>
<li>Não salva no formato CDR (corel draw);</li>
<li>Não possui o módulo nativo CMYK.</li>
</ul>
</span><br />
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiaDKWPT5RXd5bPeCcXRE4CO5_YiqC5FmDSNaYX_irPYD6GXI3FBfumhGKWnXy2vfE74sAY5nIdD3qB_zUGyhjcXUCY7Iqi6cBjVqjNpqlAYqOIMRNGdNYRmT9hMdjzLDPjGUirDLL8ZM/s1600/Inkscape0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiaDKWPT5RXd5bPeCcXRE4CO5_YiqC5FmDSNaYX_irPYD6GXI3FBfumhGKWnXy2vfE74sAY5nIdD3qB_zUGyhjcXUCY7Iqi6cBjVqjNpqlAYqOIMRNGdNYRmT9hMdjzLDPjGUirDLL8ZM/s1600/Inkscape0.jpg" /></a></div>
<b style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;"><br /></span></b></div>
<div>
<b style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;">Curiosidades</span></b><br />
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">O <b>Inkscape</b> é uma bifurcação de outro programa, o <b>Sodipodi</b>, que também teve sua origem em outro software, o <b>Gill</b>.</span></li>
<span style="font-family: Arial, Helvetica, sans-serif;">
<li><b>Ink</b> (<i>tinta</i>) é um tipo de substância comum quando se fala em desenho sendo usada quando o trabalho está pronto para ser permanentemente fixado no papel. Daí vem a idéia de que o inkscape está pronto para o trabalho em produção. Um <b>scape</b> é uma visualização de um grande número de objetos, tais como uma paisagem (em inglês: <i>landscape</i>) ou o mar (em inglês: <i>ocean-scape</i>), uma alusão à natureza orientada a objetos das imagens em vetor.</li>
<li>O formato <b>SVG</b> é suportado por diversos navegadores, isto é, pode ser usado na <b>web</b>.</li>
</span></ul>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />Abaixo o link de um excelente e-book desenvolvido pelo designer gráfico <b>Joaquín Herrera Goás</b>. Neste livro ele mostra como utilizar diversas ferramentas do Inkscape para criar logos com facilidade.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<h3 style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">
<b><a href="http://joaclintistgud.files.wordpress.com/2011/04/logo_a_logo_segunda_edicion.pdf" target="_blank"><span style="color: #6aa84f;">Logo a Logo – 2ª Edição</span></a></b></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span><br />
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></h4>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">Webgrafia</span></b> <br /><a href="https://inkscape.org/pt/">https://inkscape.org/pt/</a> (arte da capa por RebirthArt)<br /><a href="http://wiki.softwarelivre.org/InkscapeBrasil/FAQ">http://wiki.softwarelivre.org/InkscapeBrasil/FAQ</a><br /><a href="http://valeucara.blogspot.com.br/2013/03/na-prancheta-corel-draw-adobe.html">http://valeucara.blogspot.com.br/2013/03/na-prancheta-corel-draw-adobe.html</a><br /> <a href="http://colivre.coop.br/CursoInkscape/SobreOInkscape">http://colivre.coop.br/CursoInkscape/SobreOInkscape</a></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://commons.wikimedia.org/wiki/File:Inkscape0.45.png">http://commons.wikimedia.org/wiki/File:Inkscape0.45.png</a> (arte do carro por Konstantin Rotkevich</span><span style="font-family: Arial, Helvetica, sans-serif;">)</span></div>
<div>
<br /></div>
</div>
</div>

Programas Free 02 – Inkscape

Continuando a série falando sobre programas free vamos abordar agora um software de vetorização. Ao contrário do Gimp que possibilita al...

Quero mais! »

5 anos de Thujone!

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqz9nTt3dACG1Nq8Ek8468Q5H-qqikGr_dhq77mojBpLc8OsAtdxuBXEww8E07RBIxTVYuSqba-kTmeq08kO5tLQHN3B7O7MfE3CkTp55m6DaDS0VEBWUqWLbwyGcvEkmyvWAEXfkZkaM/s1600/Thujone5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqz9nTt3dACG1Nq8Ek8468Q5H-qqikGr_dhq77mojBpLc8OsAtdxuBXEww8E07RBIxTVYuSqba-kTmeq08kO5tLQHN3B7O7MfE3CkTp55m6DaDS0VEBWUqWLbwyGcvEkmyvWAEXfkZkaM/s1600/Thujone5.jpg" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span><br />
<div>
<span style="color: #93c47d; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>2.629.743 minutos, 43.829 horas, 1.826 dias... enfim meia década de Thujone!</b></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">O tempo passou voando nas asas da alvorada psicodélica.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">E estamos aqui. <br /><br />Firmes e fortes, aprendendo a cada dia com os erros e acertos, tentando coisas novas, caminhando às vezes por lugares desconhecidos, descobrindo e desenvolvendo talentos antes ocultos.<br /><br />Lecionar foi um deles. E para nossa surpresa é o que nos mantem sempre alerta, sempre antenadas nas novas tendências, pois lidar com mentes ávidas por conhecimento exige uma preparação muitas vezes hercúlea.<br /><br />O fato de ser freelancer nos deu outras perspectivas tanto do trabalho quanto da própria vida. Alguns objetivos mudaram, outros permanecem, mas o aprendizado tem sido enriquecedor e incomparável.<br /><br />E para comemorar essa nova fase, a Thujone terá posts diários. <b>DIÁRIOS!!</b> Yeap. De segunda a sexta.<br /><br />Então fiquem antenados nas novidades!<br />E que venham mais 5 anos!<br /><br />Salute!</span>

5 anos de Thujone!

2.629.743 minutos, 43.829 horas, 1.826 dias... enfim meia década de Thujone! O tempo passou voando nas asas da alvorada psicodél...

Quero mais! »

Programas Free 01 - Gimp

<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Programas Free</b> é uma maneira de chamar os softwares que possuem seus códigos abertos para melhorias e que podem ser adquiridos gratuitamente via download.<br />Isso é algo importante na profissão de designer, principalmente para aqueles que estão começando a carreira e não tem dinheiro pra investir, ou que simplesmente querem trabalhar nos limites da lei e não desejam usar a versão <i><a href="http://i515.photobucket.com/albums/t360/shinzu-chan/Captain-Jack-Sparrow-pirates.jpg" target="_blank"><span style="color: #6aa84f;">“Jack Sparrow”</span></a></i>.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Em cada post vou comentar sobre um programa free, suas qualidades e deficiências. </span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">E pra começar vamos falar sobre o <b>Gimp</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>

<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgx-jktQrvZDzyWckhTynalDKHCPEHuZ4vCajq3XwIpdkedy1vtoQTUAytZ0-i2kd-18qjtrhT9qa0FaCK5H8E6YZ_k5PO8k7eMKWKNJGEhyphenhyphenuGwPAVvIKa5VyO3_iqIvtpyFQumGihmNY/s1600/gimp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgx-jktQrvZDzyWckhTynalDKHCPEHuZ4vCajq3XwIpdkedy1vtoQTUAytZ0-i2kd-18qjtrhT9qa0FaCK5H8E6YZ_k5PO8k7eMKWKNJGEhyphenhyphenuGwPAVvIKa5VyO3_iqIvtpyFQumGihmNY/s1600/gimp.jpg" /></a></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b>
Gimp</b> é um software livre criado em 1996 pelos estudantes Spencer Kimball e Peter Mattis como projeto de faculdade como alternativa ao <b>Adobe Photoshop</b>. <br />Apesar de não ser tão famoso quanto o concorrente citado, pode-se fazer maravilhas com este <b>editor de imagens</b>. </span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">O formato de arquivo nativo do GIMP é o </span><b style="font-family: Arial, Helvetica, sans-serif;">XCF</b><span style="font-family: Arial, Helvetica, sans-serif;"> (</span><i style="font-family: Arial, Helvetica, sans-serif;">e<b>X</b>perimental <b>C</b>omputing <b>F</b>acility</i><span style="font-family: Arial, Helvetica, sans-serif;">), que conta com suporte a </span><b style="font-family: Arial, Helvetica, sans-serif;">camadas</b><span style="font-family: Arial, Helvetica, sans-serif;">, também podendo editar imagens nos formatos </span><b style="font-family: Arial, Helvetica, sans-serif;">SVG, Ico, BMP, PSD, GIF, JPG, PNG, TIF</b><span style="font-family: Arial, Helvetica, sans-serif;"> e diversos outros.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Para conferir alguns trabalhos é só clicar abaixo:</span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><a href="http://www.gimpbrasil.org/" target="_blank"><span style="color: #93c47d; font-size: large;">GIMP Brasil</span></a></b></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">
<br />Este site disponibiliza aulas, tutoriais, passo-a-passo, enfim, tudo que você precisa para aprender a utilizar e aproveitar ao máximo o programa.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div>

<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRww8tU2TOeYQpF3H-XUU3QeZj55CazriSZj7XWtyGikccZO991wRVStckA5GwJZ9JGeo-ItMmdTI7mb6osOla088LRZQdCZVZbEzlVFe8UtoAjMERyuJZvfv_kPj4V7rY1ZlPiy3niZc/s1600/gimp-screenshot-01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRww8tU2TOeYQpF3H-XUU3QeZj55CazriSZj7XWtyGikccZO991wRVStckA5GwJZ9JGeo-ItMmdTI7mb6osOla088LRZQdCZVZbEzlVFe8UtoAjMERyuJZvfv_kPj4V7rY1ZlPiy3niZc/s1600/gimp-screenshot-01.png" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />Para quem aprendeu ou está acostumado a mexer no Photoshop, a mudança de visual pode ser drástica. Para resolver este problema foi disponilizado o <b><a href="http://www.gimpshop.com/" target="_blank"><span style="color: #93c47d;">GIMPSHOP</span></a></b>, que emula a interface do Photoshop, desde a organização do menu até o nome das ferramentas.</span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.gimpshop.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfVUQQDnukjcMs09a2q5jtD_-g8lmt9XtF0EpsG2Hu7EBVrLT_qKacTS_LevXO_Gl42FM8OOPU0hg7OrsBxJkNAT6Rp4U4VEZl2-98goUp41yLDti_yueIHolmBkO3NErcvG2vCayvRoo/s1600/gimpshop_pro_2.jpg" /></a></div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></h3>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Prós</b></span></h3>
<ul><span style="font-family: Arial, Helvetica, sans-serif;">
<li>Permite a edição de imagens, montagens e filtros;</li>
<li>Possui variedade de pincéis que permite o desenho e colorização;</li>
<li>Tem suporte para mesas digitalizadoras;</li>
<li>Possui modos de edição não destrutiva;</li>
<li>Pode ser usado diretamente do pendrive, sem a necessidade de instalação no computador;</li>
<li>Sem perigo de vírus (se baixado do site);</li>
<li>Gratuito.</li>
</span></ul>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span>
<br />
<h3>
<b style="font-family: Arial, Helvetica, sans-serif;">Contra</b></h3>
<ul><span style="font-family: Arial, Helvetica, sans-serif;">
<li>Não possui o módulo nativo CMYK.</li>
<li>Ainda não possui camada inteligente nem efeitos de camadas.</li>
</span></ul>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span>
<br />
<div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Curiosidades</b></span></h3>
<ul><span style="font-family: Arial, Helvetica, sans-serif;">
<li>A sigla <b>GIMP</b> inicialmente significava <i><b>General Image Manipulation Program</b></i> posteriormente mudada pra <b><i>GNU Image Manipulation Program</i></b> ao ser integrada ao Projeto de Softwares e Códigos de fontes abertos GNU.</li>
<li>O mascote oficial é o <b>Wilber</b> e existe um mistério entorno dele, pois o próprio criador Tuomas Kuosmanen não define que animal ele é.  Não é raposa, nem coiote, rato ou bode. É um Gimp. Simples assim.</li>
<li>O <b>SuperTuxKart</b>, um MarioKart que tem como personagem principal o <b>Tux</b> (mascote do Linux) é um jogo de corrida que usa os mascotes dos projetos de código livre e aberto, inclusive o Wilber.</li>
</span></ul>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Webgrafia </b></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://gimpchat.com/viewtopic.php?f=4&t=10265">http://gimpchat.com/viewtopic.php?f=4&t=10265</a> <br /><a href="http://www.gimp.org/">http://www.gimp.org</a></span></div>
</div>
</div>

Programas Free 01 - Gimp

Programas Free é uma maneira de chamar os softwares que possuem seus códigos abertos para melhorias e que podem ser adquiridos gratuitamen...

Quero mais! »

Animação - Get a Horse!

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFFzrLwHObkzMg6xjNqUi4Nh85RhzRRmS5JwjHvMjwzJoVSXAlAhYpK-4AyH65loATueJTUlO2lxBhjr-O19YEjURa2dqPphVqpnBw4-bCY5BNEDetEQhBOPAZ_TcRa-H0EFjZu1J5Khs/s1600/Get_A_Horse_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFFzrLwHObkzMg6xjNqUi4Nh85RhzRRmS5JwjHvMjwzJoVSXAlAhYpK-4AyH65loATueJTUlO2lxBhjr-O19YEjURa2dqPphVqpnBw4-bCY5BNEDetEQhBOPAZ_TcRa-H0EFjZu1J5Khs/s1600/Get_A_Horse_2.jpg" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />Para comemorar o 85º aniversário do roedor mais icônico do mundo, os estúdios Disney produziram um curta-metragem <b>Get a Horse!</b> (em português<i> “Hora de Viajar”</i>) que faz homenagem aos desenhos clássicos de Mickey e sua turma.</span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />Exibido antes do longa <i>Frozen: Uma Aventura Congelante</i>, a história conta com Mickey, Minnie, o cavalo Horácio e a vaca Clarabella se divertindo e dançando numa carroça quando o Bafo-de-onça tenta tirá-los do seu caminho a qualquer custo.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />A partir daí, é só confusão que vai além das telas, misturando criatividade, 2D tradicional e 3D que saltam aos olhos.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div class="MsoNormal">

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqnJrgHOj_BZp47TOzkSX7td1hJhaWj7dp_gTT1-A8yifaOZ29mMIJhKve3nxmOMEc4A_SOpi_wg7fJu358cH5Vt4zafkFVHWaUEvATAwrWO9qwQ4OoYnqejL1Vs3SsyYNgTC9ZVmMhro/s1600/get-a-horse-post1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqnJrgHOj_BZp47TOzkSX7td1hJhaWj7dp_gTT1-A8yifaOZ29mMIJhKve3nxmOMEc4A_SOpi_wg7fJu358cH5Vt4zafkFVHWaUEvATAwrWO9qwQ4OoYnqejL1Vs3SsyYNgTC9ZVmMhro/s1600/get-a-horse-post1.jpg" /></a></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>
    Curiosidades</b></span><br />
<ul><span style="font-family: Arial, Helvetica, sans-serif;">
<li>O curta-metragem utilizou as técnicas antigas de animação e levou <b>18 meses</b> para ser feito. </li>
<li>A voz de Mickey Mouse é de seu próprio criador <b>Walt Disney</b>, que faleceu em 1966. Para isto foram usados os arquivos de som com as gravações antigas, estas mixadas para que formassem novas palavras e frases. A palavra <i>“Red”</i> não foi encontrada no acervo, levando 2 semanas (!!!) para ser montada no tom certo de surpresa.</li>
<li>Outros personagens que também usam em parte os áudios antigos foram: Minnie (Marcellite Garner) e o Bafo de Onça (Billy Bletcher).</li>
<li>Foi a 1ª animação Disney inteiramente dirigida por uma mulher: Lauren MacMullan, que também trabalhou nos episódios dos Simpsons, Avatar: The Last Airbender e participou da direção do Detona Ralph.</li>
<li><b>Oswald o Coelho Sortudo</b> aparece perto do fim espiando por trás da tela rasgada. Criado por Disney, Oswald é mais velho que Mickey, porém seu criador perdera os direitos sobre ele sendo recuperado somente em 2006, 79 anos após sua invenção.</li>
<li>No fim o logotipo da Disney aparece como assinatura e o arco acima do castelo é substituído pela vaca Clarabella pulando sobre ele, deixando para trás um rastro brilhante, fazendo alusão direta ao poema das<i> Histórias da Mamãe Ganso</i>: <b>A Vaca que saltou sobre a Lua</b>.</li>
</span></ul>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span></div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxuvcGWl064S1VeRQ3zPVKCmFpC5by8McXq0T7EWA9dfqxJy3ve_6x-ksuhHOvtNhpBDXGCrB8ldnKe2txH-4qz_z-b9rZD8Ad4tkPrLiDzbyy6F6HBz9fv0_qRA14ayHb7GcNwMXyDZ8/s1600/video-get-a-horse-clip-articleLarge.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxuvcGWl064S1VeRQ3zPVKCmFpC5by8McXq0T7EWA9dfqxJy3ve_6x-ksuhHOvtNhpBDXGCrB8ldnKe2txH-4qz_z-b9rZD8Ad4tkPrLiDzbyy6F6HBz9fv0_qRA14ayHb7GcNwMXyDZ8/s1600/video-get-a-horse-clip-articleLarge.jpg" /></a></div>
<span style="font-family: Arial, sans-serif; line-height: 115%;"><b><br /></b></span>
<span style="font-family: Arial, sans-serif; line-height: 115%;"><b>Ficha Técnica</b><o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, sans-serif; line-height: 115%;"><b>Título Original</b>: Get a Horse!<br /><b>
Ano de Lançamento:</b> 2013<br /><b>
Duração:</b> 6 min.<br /><b>
Diretora:</b> Lauren MacMullan<br /><b>
Produtora:</b> Dorothy McKim<br /><b>
Produtor Executivo:</b> John Lasseter<br /><b>
Supervisor de Animação 2D:</b> Eric Goldberg<br /><b>
Supervisor de Animação 3D:</b> Adam Green<br /><b>
Música:</b> Mark Watters<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, sans-serif; line-height: 115%;">Todos direitos reservados a Walt Disney Company.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, sans-serif; line-height: 115%;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, sans-serif; line-height: 115%;">Confira abaixo na íntegra:</span></div>
<div class="MsoNormal">
<iframe allowfullscreen="" frameborder="0" height="365" src="//www.dailymotion.com/embed/video/x1euywx" width="640"></iframe><br />
</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: Arial, sans-serif; line-height: 115%;"><b>           </b></span><span style="font-family: Arial, Helvetica, sans-serif;"><b>E o Making-of</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="335" mozallowfullscreen="mozallowfullscreen" src="https://www.youtube.com/embed/bd77ue9xPXc?feature=player_embedded" webkitallowfullscreen="webkitallowfullscreen" width="610"></iframe></div>
<span style="font-family: Arial, sans-serif; line-height: 115%;"><br /></span></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
<br /></div>
</div>

Animação - Get a Horse!

Para comemorar o 85º aniversário do roedor mais icônico do mundo, os estúdios Disney produziram um curta-metragem Get a Horse! (em po...

Quero mais! »

Programas Free 04 – Blender

Animação – Out of Sight

Falando sobre Cores 02 - RGB

Mestres do Design - El Lissitzky

Programas Free 03 – Scribus

Programas Free 02 – Inkscape

5 anos de Thujone!

Programas Free 01 - Gimp

Animação - Get a Horse!

Thujones Quentes!

Últimas Novidades