tag:blogger.com,1999:blog-74796119079234479492012-02-16T00:35:45.880-08:00Como criar um logo em 3D usando o Fireworks CS4Filipe Petterhttp://www.blogger.com/profile/08184222509453037190noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-7479611907923447949.post-30561133492644974332009-03-30T17:14:00.000-07:002009-06-15T12:54:14.575-07:00<h2>Olá, nesse tutorial iremos aprender a criar um <a href="http://logo-3d-fireworks.blogspot.com/">logo 3D usando o Fireworks CS4</a></h2><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_b_jRZ5THaWI/SdFuDgUgDTI/AAAAAAAAAUA/1BoFPJVDCHs/s1600-h/final.gif"><img style="cursor: pointer; width: 400px; height: 206px;" src="http://2.bp.blogspot.com/_b_jRZ5THaWI/SdFuDgUgDTI/AAAAAAAAAUA/1BoFPJVDCHs/s400/final.gif" alt="resukltado final logo 3D" id="BLOGGER_PHOTO_ID_5319153641395850546" border="0" /></a><br /><br />Pra quem é designer gráfico sempre acaba sobrando vez que outra a tarefa de criar logos. Nesse tutorial vamos mostrar uma forma simples de criar um <a href="http://logo-3d-fireworks.blogspot.com/">logo 3D</a> no fireworks<br /><br />Para podermos criar o logo mais rapidamente, iremos baixar o plugin 3D Rotate Comand <a href="http://download.macromedia.com/pub/developer/3d_rotate_fw_cs3.zip">clicando aqui</a> e instalar no Adobe Fireworks.<br /><br />Vamos criar uma nova imagem com as seguintes configurações:<br />Tamanho: 500x400px<br />Canvas color: Branco<br /><br />Vamos selecionar a função de texto e Ecrever a palavra "Universe" com fonte Blackoak Std tamanho 40, cor laranja.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_b_jRZ5THaWI/SdFusH3eKvI/AAAAAAAAAUo/GEZv5LNDjXM/s1600-h/img_1.gif"><img style="cursor: pointer; width: 384px; height: 230px;" src="http://2.bp.blogspot.com/_b_jRZ5THaWI/SdFusH3eKvI/AAAAAAAAAUo/GEZv5LNDjXM/s400/img_1.gif" alt="primeira imagem logo 3D" id="BLOGGER_PHOTO_ID_5319154339206277874" border="0" /></a><br /><br />Após criarmos o texto, vamos diminuir o espaçamento entre letras para -50<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_b_jRZ5THaWI/SdFvSEGUMXI/AAAAAAAAAUw/ujUo9-4XKG0/s1600-h/img_2.gif"><img style="cursor: pointer; width: 217px; height: 195px;" src="http://4.bp.blogspot.com/_b_jRZ5THaWI/SdFvSEGUMXI/AAAAAAAAAUw/ujUo9-4XKG0/s400/img_2.gif" alt="segunda imagem logo 3D" id="BLOGGER_PHOTO_ID_5319154991029825906" border="0" /></a><br /><br />Agora vamos criar o efeito <a href="http://logo-3d-fireworks.blogspot.com/">logo 3D</a> no texto<br />Vamos em COMMANDS > MODIFY > 3D ROTATE<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_b_jRZ5THaWI/SdFwmp29RqI/AAAAAAAAAU4/RrhHPuHj8kw/s1600-h/img_3.gif"><img style="cursor: pointer; width: 255px; height: 345px;" src="http://3.bp.blogspot.com/_b_jRZ5THaWI/SdFwmp29RqI/AAAAAAAAAU4/RrhHPuHj8kw/s400/img_3.gif" alt="teceira imagem logo 3D" id="BLOGGER_PHOTO_ID_5319156444274968226" border="0" /></a><br /><br />Na tela que aparece, iremos configurar apenas os eixos X e Y.<br />Vamos adicionar 330 no eixo X e 300 no eixo Y como mostra a imagem abaixo:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_b_jRZ5THaWI/SdFxBfGO05I/AAAAAAAAAVA/6_YmZbzLdBo/s1600-h/img_4.gif"><img style="cursor: pointer; width: 400px; height: 310px;" src="http://3.bp.blogspot.com/_b_jRZ5THaWI/SdFxBfGO05I/AAAAAAAAAVA/6_YmZbzLdBo/s400/img_4.gif" alt="quarta imagem logo 3D" id="BLOGGER_PHOTO_ID_5319156905242710930" border="0" /></a><br /><br />Com essa modificação, já podemos ver que o texto distorceu, parecendo estar mais "deitado", mas para que o <a href="http://logo-3d-fireworks.blogspot.com/">logo 3d</a> pareça mais real, iremos atribuir uma SOLID SHADOW nele.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_b_jRZ5THaWI/SdFyLMy_XlI/AAAAAAAAAVI/IAarb-0-Rho/s1600-h/img_6.gif"><img style="cursor: pointer; width: 400px; height: 289px;" src="http://3.bp.blogspot.com/_b_jRZ5THaWI/SdFyLMy_XlI/AAAAAAAAAVI/IAarb-0-Rho/s400/img_6.gif" alt="quinta imagem logo 3D" id="BLOGGER_PHOTO_ID_5319158171640487506" border="0" /></a><br /><br />Agora realmente temos uma impressão de que o texto realmente está com um efeito <a href="http://logo-3d-fireworks.blogspot.com/">logo 3D</a><br />Vamos atribuir mais alguns retoques de borda e sombra para deixar nossa arte final mais interessante:<br />Vamos atribuir uma borda de modelo pencil com 3 pixels<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_b_jRZ5THaWI/SdFy2_P2E3I/AAAAAAAAAVQ/KberclABuUE/s1600-h/img_7.gif"><img style="cursor: pointer; width: 395px; height: 296px;" src="http://1.bp.blogspot.com/_b_jRZ5THaWI/SdFy2_P2E3I/AAAAAAAAAVQ/KberclABuUE/s400/img_7.gif" alt="sexta imagem logo 3D" id="BLOGGER_PHOTO_ID_5319158923917661042" border="0" /></a><br /><br />Agora vamos aplicar um gradiente linear do laranja para o cinza bem fraco e dar uma leve inclinada no eixo de luminosidade do gradiente.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_b_jRZ5THaWI/SdFzPLw9t1I/AAAAAAAAAVY/ti-58shSyuo/s1600-h/img_8.gif"><img style="cursor: pointer; width: 376px; height: 303px;" src="http://1.bp.blogspot.com/_b_jRZ5THaWI/SdFzPLw9t1I/AAAAAAAAAVY/ti-58shSyuo/s400/img_8.gif" alt="setima imagem logo 3D" id="BLOGGER_PHOTO_ID_5319159339594659666" border="0" /></a><br /><br />Pronto, nosso <a href="http://logo-3d-fireworks.blogspot.com/">logo 3D</a> ficou completo, você pode adicionar uma imagem de fundo para dar um acabamendo. Nesse tutorial chegamos a esse resultado final:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_b_jRZ5THaWI/SdFuDgUgDTI/AAAAAAAAAUA/1BoFPJVDCHs/s1600-h/final.gif"><img style="cursor: pointer; width: 400px; height: 206px;" src="http://2.bp.blogspot.com/_b_jRZ5THaWI/SdFuDgUgDTI/AAAAAAAAAUA/1BoFPJVDCHs/s400/final.gif" alt="oitava imagem logo 3D" id="BLOGGER_PHOTO_ID_5319153641395850546" border="0" /></a><br /><br />Espero que tenham gostado, fiquem ligados nos próximos tutoriais!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7479611907923447949-3056113349264497433?l=logo-3d-fireworks.blogspot.com' alt='' /></div>Filipe Petterhttp://www.blogger.com/profile/08184222509453037190noreply@blogger.com2