guilhermes26 26 Postado Julho 24, 2009 Share Postado Julho 24, 2009 Vocês já viram este efeito. O efeito translúcido inspirado nos iMac que afetaram tudo desde computadores, telefones, monitores até canetas e mouses. Com este tutorial vamos aprender as técnicas que permitem criar este brilhante efeito e aplicá-lo em interfaces comuns na Web, com o Corel Draw. Desta forma teremos vectores facilitando os redimensionamentos, a impressão e a utilização dos botões noutros programas como o Flash, o Director ou em apresentações Corel R.A.V.E. Como bónus irá ter a possibilidade de praticar alguns efeitos do Corel, aplicar perspectivas e criar formas não muito fáceis de desenhar. Mãos a Obra... Em primeiro lugar, vamos começar por criar as formas básicas do botão. * Com a ferramenta retângulo desenhe um botão com um tamanho que te agrade. * Escolha a ferramenta forma agarra um dos quatro cantos e cria um retângulo arredondado. Escolhe a ferramenta seleção (a primeira de todas as ferramentas). Pressione a Tecla Shift e arraste uma das alças da largura do retângulo até a status bar (barra que está no fim do documento) mostrar cerca de 80 - 85 porcento. Mantêm pressionado o botão esquerdo do mouse e de um clique com botão direito. Liberte agora o botão esquerdo para finalizares a transformação. Seleciona o novo retângulo, pressione a tecla shift outra vez. Agora escolha uma das alças da altura e arrasta-a até a status bar mostrar uma alteração entre 15 - 20%. Enquanto pressionas a tecla Ctrl, arrasta o pequeno rectângulo até ao fundo do rectângulo original, verifica se deixas um pequeno espaço como mostrado na imagem abaixo. Cria agora um novo retângulo e arredonda os cantos da mesma forma usada no 1º. Este novo rectângulo deve ser comprido e fino Arrasta a alça da altura do 3º rectângulo com a tecla Shift pressionada para cerca de 150%. A altura do novo rectângulo é ajustada Move agora o novo rectângulo para o topo do 1º. Deixa apenas uma pequena margem entre o rectângulo original e o novo rectângulo. Selecciona agora o novo rectângulo, (o que criaste a pouco) e e escolhe no menu em cima Effects > Add Perspective a ferramenta forma fica activa. Pressionado ambas as teclas Shift e Ctrl agarra primeiro a alça do topo e depois a do fundo para aplicares um efeito de perspectiva ao rectângulo como mostra a imagem de baixo. Temos agora criados todos os rectângulos necessários. Compara o teu trabalho com a imagem abaixo. Precisamos agora de definir as cores que iremos usar no botão. Sente-te a vontade para escolheres o esquema de cores que mais te agrade. Nós iremos aplicar as cores características do iMac. Selecciona o 1º rectângulo (aquele que criamos no inicio) e preenche-o com a cor Azul Marinha (HSB: 220, 100, 60). Retira-lhe o Outline. Selecciona o 2º rectângulo (aquele que está no fundo do 1º) e preenche-o com a cor (HSB: 189, 100, 100). Retira-lhe também o Outline. Selecciona por fim o 3º rectângulo e preenche-o de branco sem Outline Cria agora um novo rectângulo e arredonda os cantos da mesma forma usada no 1º. Este novo rectângulo deve ser comprido e fino Depois de preencheres todos os rectângulos o resultado deve ser este Selecciona a ferramenta Interactive Blend Clica a partir do centro do 2 rectângulo até ao centro do 1º rectângulo, criando uma mistura de cerca de 20 steps (passos). Com o 3º rectângulo seleccionado escolhe a ferramenta Interactive Transparency Com a tecla Ctrl, clica e arrasta a apartir do topo do 3º rectângulo até ao fim do mesmo de modo a criar um esbatimento. Por fim para fazermos com que o nosso botão fique realmente brilhante e translúcido, deveremos aplicar uma sombra sobre o botão. Selecciona o 1º rectângulo. Se a Status bar disser qualquer coisa como "Control Rectangle on Layer 1" seleccionas-te o correcto, se disser "Blend Group on Layer 1" seleccionas-te o errado. Selecciona a ferramenta Interactive Drop Shadow Com a tecla CTRL pressionada arrasta do centro do botão até ultrapassar ligeiramente o fim do botão. Para finalizarmos o botão resta-nos inserir um texto. Com a ferramenta Text escreve o teu texto. Nós usamos a palavra "designer" com a fonte Tahoma Escolhe a ferramenta Interactive Drop Shadow outra vez e aplica uma pequena sombra ao texto de modo a realçar a palavra. Link para o comentário Compartilhar em outros sites More sharing options...
noobinhu 38 Postado Julho 24, 2009 Share Postado Julho 24, 2009 eu já vi este tutorial em algum site por aí rsrs... esqueceu da fonte? é facinho fazer esse estilo no corel, e bem legal o resultado também. Link para o comentário Compartilhar em outros sites More sharing options...
guilhermes26 26 Postado Julho 27, 2009 Autor Share Postado Julho 27, 2009 Além de esquecer da fonte, não lembro mais, sei que é de um site meio estrangeiro. Assim que lembrar eu posto. Link para o comentário Compartilhar em outros sites More sharing options...
Mistck 1 Postado Julho 28, 2009 Share Postado Julho 28, 2009 huashuas vamo ver oque lembro de core pois cateii do meu amigo coredraw ateh hoje nao devolvi Link para o comentário Compartilhar em outros sites More sharing options...
Posts Recomendados