logo
  • Home
  • Acerca
  • Autores
  • Faq
  • Rede
  Twitter   Feed-me! RSS!

Colocar um Efeito de Vidro no texto – Adobe Fireworks

Colocado por Ebercom na(s) categoria(s): 1, 2.0, 3.5, 4, 6, Adobe, AR, BI, C#, Diversos, efeito, err, exemplo, Ferramenta, Flex, for, fundo, IE, if, image, impressão, menu, mg, O, on, RIA, Ria’s Geral, S+S, site, tool, UI, zend em 05 19th, 2011 | Sem comentários

Olá, meu nome é André Almeida e hoje vou mostrar como colocar um efeito bem bacana em um texto, pra você que queira, por exemplo, dar um novo “ar” no logo da empresa, ou em um topo de um site. Trata-se de inserir um reflexo na imagem, dando a impressão de algo como se fosse vidro ou algo parecido.

Com o Adobe Fireworks aberto, vamos criar um New Document, com as dimensões de 500?500 pixels e um fundo transparente:

Criando Novo Documento

Agora, insira um texto que você queira aplicar o efeito, no exemplo, coloquei “FlexDev”.

02

Selecione a camada do texto, copie e cole (Ctrl+C / Ctrl+V, ou segure Alt e arraste a imagem) para termos 2 palavras para trabalhar:

Fazendo uma cópia

Atenção que agora só iremos trabalhar com a ‘cópia’. Selecione o texto e vá no menu Text –> Convert to Paths, ou Ctrl+Shift+P. Em seguida, vá na opção Modify –> Ungroup (ou Ctrl+Shift+G), para desagrupar o texto:

05

Vamos aplicar o efeito, para isso, com as letras selecionadas, mudaremos o fill para Gradient –> Linear:

Aplicando Gradient

Clicamos na caixa de cores ao lado do baldinho, e alteramos as cores do branco para o branco:

Do branco para o branco

No mesmo lugar, mudaremos a opacidade do branco da direita para 0:

Mudando a opacidade para 0

Com a Pen Tool (tecla de atalho: ‘P’), vamos criar uma forma parecida como da imagem abaixo:

Utilizando a ferramenta Pen Tool

Com o texto e o objeto que acabamos de criar selecionados, vamos em Modify –> Combine Paths –> Punch:

Punch

E finalmente, arrastamos o nosso efeito e colocamos sobre o texto original, ficando assim:

Resultado final

Até a próxima!



Veja o post original no blog do autor aqui!  

Ebercom

Escrito por Ebercom @ http://www.flexdev.com.br/home
Saiba mais sobre o autor na sua pagina de perfil
Outros posts do autor:
» Falando de Desempenho
» Mock para exame Flex/AIR 3 – Grátis
» Flex For Kids 2010

Deixe um comentário



Spam Protection by WP-SpamFree

ACERCA

O que é o RedeRIA ?

O redeRIA não é nada mais que um agregador de feed's que disponibiliza o conteudo de varios blogs e autores ao redor do mundo RIA, actualmente agregamos mais de 2791 entradas vindas de 53 blogs especializados em ria’s, pelo que só fica a ganhar em assinar o feed ou seguir a comunidade no twitter.

Se acha que o seu blog ou um blog de um amigo é interessante e util para os leitores o redeRIA, faça a sua submissão aqui.

Feed: assine já
Twitter: siga-nos

GOOGLE

Votação


Deveria o RedeRia agregar conteúdo em inglês?
Ver Resultados

AUTORES


Eduardo KrausAlexandre TadashiBindableCognitiva SoluçõesDaniel LopesDaniel SchmitzDanielPedrinhaDClick TeamEbercomEdgard DavidsonElvis FernandesErko BrideeFabiel PrestesFábio Batista da SilvaFabio da SilvaFabriccio BernardesFelipe BorellaFlavia MoreiraGabriel VersalliniGabriela T. PerryIgor MusardoJanderson CardosoJoão AugustoJose Carlos FielKelps SousaLeonardo FrançaLucas MarçalLuis MessiasLuiz TarabalMario JuniorMário SantosMauro MartinsPablo SouzaPedro ClaudioreneRia BrazilriaPTRicardo CerqueiraRobson FernandesRodrigo Pereira FragaSaintBrSamuelFacchinelloSergio SouzaSilva DeveloperStefan HorochovecTech CaffeTecinforThiago BuenoVedVinícius SandimWillian ManoXAML Cast

PUBLICIDADE








Powered by Wordpress & msdevstudio.com