Tutorial adesivo
Bom pessoal, vamos fazer um feito simples e legal para usar em nossos sites.
Vamos colocar um fita em nossas fotos.
Primeiro criaremos uma figura no fireworks de 100px x 100 px.
Escolha uma cor de fundo qualquer. Eu usei 009999.
Faça um retângulo de 80 x 20:
Coloque uma cor branca para a linha e fundo. Em seguida clique em propiedades da cor e altere para gradiente linear com a seguintes informações:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.julianohaussen.kit.net/tutoriais/tuto40.gif&key=d0fd99cb4d7d7c7a045cc678458b5c86b6dd07cfaad58a950707950751c253c5" alt="Imagem Postada" />
Sua imagem deverá ficar assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.julianohaussen.kit.net/tutoriais/tuto41.gif&key=43c7643832045dabdd216df5e983b50c211713fb3625c846dad2c125746026ca" alt="Imagem Postada" />
Agora selecione a pen tol /applications/core/interface/imageproxy/imageproxy.php?img=http://www.julianohaussen.kit.net/tutoriais/pen.gif&key=4ca88689b7ec2c3a0b73a18dd4f0bcdcf05c12b0446e516e993f69a1f52bc122" alt="Imagem Postada" /> e crie cinco pontos no lado direito e mais cinco no lado esquerdo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.julianohaussen.kit.net/tutoriais/tuto42.gif&key=883c12d118ac5443937a0fa11d98a0fc7781379560d573ca0f0c0baf2ba13b3c" alt="Imagem Postada" />
Agora selecione os pontos internos e coloque eles três pixels para o lado conforme a figura abaixo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.julianohaussen.kit.net/tutoriais/tuto43.gif&key=821560f228ea95038d19ff9c6c93392066009adc99c5cdde7767ce7cfdfbc033" alt="Imagem Postada" />
Agora vem uma parte meio complicada, iremos dar uma profundidade na imagem, mas temos que cuidar esta profundidade, porque ela aparecerá sobre a nossa transparência.
Selecione a imagem, copie e cole ela.
Esta imagem copiada sera edita, tire o gradiente dela e deixe ela solida.
Aplique o efeito de dropshadow nela, com os dados a seguir:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.julianohaussen.kit.net/tutoriais/tuto44.gif&key=aa1013a14caa390a9818cfcb2872df30f30e6ac5c628e8c93f4c5c3ec21b3316" alt="Imagem Postada" />
A imagem ficará assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.julianohaussen.kit.net/tutoriais/tuto45.gif&key=e5e30b1ff049076f5a0e7e457d8f972b3393a95bb1eea0f71a1227f0f39d06c9" alt="Imagem Postada" />
Agrupe ela e gire sobre suas fotos fazendo este efeito:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.julianohaussen.kit.net/tutoriais/tuto46.jpg&key=a7eb1e1151fbab8fd024926f8e6d0b2b613224c71b1f1c0461d9e881207bb420" alt="Imagem Postada" />
Bom pessoal espero que tenham gostado. Este tutorial foi adaptado do site solardreamstudios.
Até a próxima.
Discussão (3)
Carregando comentários...