tag:blogger.com,1999:blog-54845248731329624542011-04-21T17:33:25.932-07:00Filipe Petterhttp://www.blogger.com/profile/08184222509453037190noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-5484524873132962454.post-32782298651106323222009-04-01T17:27:00.000-07:002009-04-21T16:20:39.496-07:00<h2>Olá, nesse breve tutorial iremos aprender como criar um <a href="http://efeito-esfera-fireworks.blogspot.com/">efeito esfera usando o Fireworks CS4</a></h2><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_b_jRZ5THaWI/SdQKD-ABWNI/AAAAAAAAAWU/Y34TjKDeaaI/s1600-h/img_final.gif"><img style="cursor: pointer; width: 400px; height: 239px;" src="http://3.bp.blogspot.com/_b_jRZ5THaWI/SdQKD-ABWNI/AAAAAAAAAWU/Y34TjKDeaaI/s400/img_final.gif" alt="imagem final tutorial efeito esfera" id="BLOGGER_PHOTO_ID_5319888123130370258" border="0" /></a><br /><br />Vamos criar um novo documento com as seguintes configurações:<br />Altura: 400px<br />Largura: 500px<br />Fundo: Branco<br /><br />Em seguida iremos criar uma forma elipse. Para criar uma elipse perfeita, segure a tecla shift do teclado enquanto arrasta o mouse, desta forma a elipse não irá se desconfigurar.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_b_jRZ5THaWI/SdQJCojTSFI/AAAAAAAAAVk/YfxDpUwsI1M/s1600-h/img_1.gif"><img style="cursor: pointer; width: 400px; height: 216px;" src="http://4.bp.blogspot.com/_b_jRZ5THaWI/SdQJCojTSFI/AAAAAAAAAVk/YfxDpUwsI1M/s400/img_1.gif" alt="como criar uma elipse efeito esfera" id="BLOGGER_PHOTO_ID_5319887000681269330" border="0" /></a><br /><br />Agora iremos criar o primeiro efeito de luz sobre a elipse.<br />Vamos clicar nas opções de preenchimento e colocar um gradiente radial do cinza para o preto conforme a imagem abaixo.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_b_jRZ5THaWI/SdQJC5yiuSI/AAAAAAAAAVs/BCpPKgnKSo0/s1600-h/img_2.gif"><img style="cursor: pointer; width: 317px; height: 327px;" src="http://4.bp.blogspot.com/_b_jRZ5THaWI/SdQJC5yiuSI/AAAAAAAAAVs/BCpPKgnKSo0/s400/img_2.gif" alt="configurando gradiente efeito esfera" id="BLOGGER_PHOTO_ID_5319887005308598562" border="0" /></a><br /><br />Você pode perceber que já aparece uma boa semelhança com uma esfera mas ainda iremos criar mais um efeito de luz sobre ela.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_b_jRZ5THaWI/SdQJC83UFhI/AAAAAAAAAV0/hB4qYzXZJx8/s1600-h/img_3.gif"><img style="cursor: pointer; width: 268px; height: 256px;" src="http://2.bp.blogspot.com/_b_jRZ5THaWI/SdQJC83UFhI/AAAAAAAAAV0/hB4qYzXZJx8/s400/img_3.gif" alt="criando um reflexo efeito esfera" id="BLOGGER_PHOTO_ID_5319887006133917202" border="0" /></a><br /><br />Para que o <a href="http://efeito-esfera-fireworks.blogspot.com/">efeito esfera</a> fique perfeito, iremos criar um <a href="http://efeito-reflexo-fireworks.blogspot.com/">efeito reflexo</a> de luz sobre ela<br /><br />Para isso iremos criar uma nova elipse de cor branca logo após iremos usar a ferramenta SCALE TOOL e deformar a elipse até ela ficar com uma forma ovalada, como na imagem acima.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_b_jRZ5THaWI/SdQJC07Aj3I/AAAAAAAAAV8/1Qv3WdCTrjw/s1600-h/img_4.gif"><img style="cursor: pointer; width: 334px; height: 388px;" src="http://2.bp.blogspot.com/_b_jRZ5THaWI/SdQJC07Aj3I/AAAAAAAAAV8/1Qv3WdCTrjw/s400/img_4.gif" alt="finalizando reflexo efeito esfera" id="BLOGGER_PHOTO_ID_5319887004001931122" border="0" /></a><br /><br />Agora iremos criar o <a href="http://efeito-vidro-fireworks.blogspot.com/">efeito vidro</a> sobre a esfera, esse efeito irá fazer a imagem parecer que existe uma fonte de luz sobre a esfera e que se reflete sobre ela.<br />Para isso iremos transformar a elipse ovalada que criamos anteriormente de cor branca sólida em um objeto semi-transparente.<br />Para criar esse efeito iremos configurar um gradiente, do branco para o branco determinando a opacidade de 80% para 0%. Quando for criado o gradiente, aparecerá uma linha preta sobre a imagem, movimentando essa linha você pode configurar o <a href="http://efeito-reflexo-fireworks.blogspot.com/">efeito reflexo</a> até atingir o ponto certo para a imagem.<br /><br />Pronto, nosso <a href="http://efeito-esfera-fireworks.blogspot.com/">efeito esfera</a> está concluído, mas ainda podemos adicionar alguns elementos para aumentar o tom de realismo da imagem.<br />Vamos criar uma sombra sob a imagem para finalizar.<br /><br />Para criar a sombra iremos criar outra elipse de cor cinza escuro, após criada, iremos selecionar a ferramenta SKEW TOOL e arrastar o marcador do meio para a direita, como mostra a imagem abaixo.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_b_jRZ5THaWI/SdQKD_rO5gI/AAAAAAAAAWM/VYan80vCIoA/s1600-h/img_6.gif"><img style="cursor: pointer; width: 397px; height: 400px;" src="http://4.bp.blogspot.com/_b_jRZ5THaWI/SdQKD_rO5gI/AAAAAAAAAWM/VYan80vCIoA/s400/img_6.gif" alt="criando uma sombra efeito esfera" id="BLOGGER_PHOTO_ID_5319888123580048898" border="0" /></a><br /><br />Após fazermos isso iremos selecionar a opção Gaussian Blur e configurar pra um Radius de nivel 8. Com isso a nossa elipse irá parecer meio desfocada, como é geralmente uma sombra. Feito isso é só arrastar a sombra para baixo da esfera e está pronto.<br /><br />Durante a criação desse tutorial de como criar um <a href="http://efeito-esfera-fireworks.blogspot.com/">efeito esfera no fireworks</a>, esse foi o resultado que obtivemos.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_b_jRZ5THaWI/SdQKD-ABWNI/AAAAAAAAAWU/Y34TjKDeaaI/s1600-h/img_final.gif"><img style="cursor: pointer; width: 400px; height: 239px;" src="http://3.bp.blogspot.com/_b_jRZ5THaWI/SdQKD-ABWNI/AAAAAAAAAWU/Y34TjKDeaaI/s400/img_final.gif" alt="imagem final tutorial efeito esfera" id="BLOGGER_PHOTO_ID_5319888123130370258" 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/5484524873132962454-3278229865110632322?l=efeito-esfera-fireworks.blogspot.com' alt='' /></div>Filipe Petterhttp://www.blogger.com/profile/08184222509453037190noreply@blogger.com0