KEN AWAMURA (130 pts)

DAAFY (55 pts)

MANGOOST (80 pts)

EDUARDO CARREGA (150 pts)

SASHA GUDEY (235 pts)

HELEN TRIOLO (444 pts)

PEDRO CLAUDIO (50 pts)

LUIZ HERRERA (117 pts)

RÔMULO NUNES (32 pts)

NILTON BICALHO (61 pts)

GUILHERME SCHEIBE (49 pts)

PANDOGO (82 pts)
Treinamento PontoFlash de Flash e ActionScript

Como eu faria um exemplo com zoom no flash?

Como fazer uma saudação ao usuário dependendo da hora de acesso?

Como vestir um modelo com objetos (roupas) arrastáveis?

Eu queria que no mouse over aparecesse um texto acompanhando o mouse.

Quero clicar num botão e na área central aparecer um texto.

Tem como eu criar um código para prever uma data em determinado ano?

Quero fazer uma busca de texto no Flash.

Dicas para seu movie ficar mais enxuto.

Como faço para validar data de nascimento num formulário?

Como retornar variáveis de um PHP no Flash?

Como funcionam os operadores (=, ==, + , ++)?

Tem como eu controlar um movieclip de outro movieclip?

Como faço para checar se os campos de um formulário foram preenchidos?

Algumas dicas sobre Array, Join e Split.
Janela popup.

MC se movimenta ao contrario do mouse (velocidade, distância)

Roof e Marciowebmaster - Avaliação de sites

Sistema de newsletter utilizando Flash + ASP

O "X" do MacOS no PhotoShop

LoadVariables & OnClipEvent(data).

Grade sonora.

Color changer

Ação Imprimir.

Load Múltiplos.

Tweening shape (interpolação de forma)

Bookmak (Adicionar a favoritos).
Particles

Starwars text

Drag tele

Matrix text

Random color

Micróbios

Combobox com interação em ASP

Motionblur

Foto mask

Texto com degrade

Folha dobrada

Menu interativo
HOME | TUTORIAIS
Clica nuaicon - Photoshop 6
por Eduardo Walmott

Aí galera que curte o Photoshop, neste tutorial vamos aprender como fazer um clone do logo Icon da iBEST.
Recebi a alguns dias pelo correio o CD do Icon e gostei do visual do "bichinho", hoje acordei inspirado e resolvi tentar fazer uma cópia. Desta tentativa nasceu este tutorial, espero que gostem.

As técnicas utilizadas neste tutorial não são para iniciantes, são de nível intermediário para avançado, uso o Photoshop 6 em inglês (não consigo me adaptar a softwares em português).

Chega de conversa, vamos ao que interessa, primeiro vamos preparar o arquivo. Vamos criar um novo documento no Photoshop com 800x600 transparente, mostramos as réguas e puxamos guias para ajudar no alinhamento da imagem. Detalhe: em preferences / units & rulers escolha medidas em pixels para as Rulers. Vamos precisar a princípio de 6 guias (3 na horizontal em 200, 400, 600 pixels e 3 na vertical 100, 300, 500 pixels).

1. Com Eliptical Marquee Tool vamos marcar um círculo perfeito dentro dos limites impostos pelas guias (de 200,100 até 600,500) para quem não sabe fazer um círculo perfeito a dica é segurar a tecla Shift esquerda. Feito isso, sem perder a marca de seleção vamos criar uma nova layer (Ctrl + Shift + N) e preenchê-la com branco 100%.

   O próximo passo é dar um zoom bem grande (800% está bom) posicionar a visão do documento bem no centro puxar duas guias horizontais (398, 402), tiramos a seleção mudamos para Retangular Marquee Tool, selecionamos um pequeno retângulo de 4 x 8 pixel no topo de nosso círculo branco, pressionamos Delete e fazemos o mesmo procedimento na base do nosso círculo, com isto teremos dois pequenos cortes no círculo. Voltamos a zoom de 100%.

   Agora pressionando Ctrl clicamos na paleta Layer 2 para selecionarmos tudo o que tiver preenchimento. Na paleta channel vamos criar um novo canal será o Alpha 1, ele já estará com a seleção marcada só falta preencher com branco 100%. Em Select vamos modificar para aumentar em 2 pixels a marca de seleção (Select / Modify / Expand). Aplicamos um Gaussian Blur de 3 pixels, agora vamos ajustar os levels (Ctrl + L), trazendo os tons escuros e claros (brilho e contraste) para perto dos tons médios, com isso suavisamos o blur. Pressionando a tecla Ctrl clicamos no channel Alpha 1, voltamos para a paleta Layers e agora sem pressionar qualquer tecla clicamos na Layer 2. Invertemos a seleção (Ctrl + Shift + I, obs: feche o ICQ antes de pressionar esta sequencia de teclas), pressione Delete e inverta novamente a seleção, o próximo passo é preencher este shape.

2. Selecionamos uma cor para Foreground (E2E2E2) e outra para Background (565656). Imagine agora o círculo dividido em 4 quadrantes, nem é necessário forçar muito o cérebro na verdade as guias já fazem esta divisão, escolhendo a ferramenta Radial Gradient, opção Foreground to Background traçamos o preenchimento do meio do terceiro quadrante para o primeiro. Clicamos na paleta channel Alpha 1 e aplicamos novamente um Gaussian Blur, mas agora com 30 pixels, voltamos para a Layer 2 clicando sobre ela (sem qualquer tecla pressionada em conjunto). Vamos aplicar agora um Lighting Effect, como na figura ao lado.

3. Depois de aplicarmos a correção de curvas (como na imagem ao lado) nosso shape ficou com um efeito legal, porém ele tem alguns defeitos, está parecendo a foto do solo da Lua cheio de crateras, para resolver isso vamos dar um lock em Transparent pixel (paleta Layers) e aplicar novamente um Gaussian Blur com 9 pixels, agora sim está "lisinho".

4. Criamos uma nova layer, selecionamos com Retangular Marquee um retângulo no sentido vertical com 4 pixels de largura de cima abaixo nosso shape, preenchemos com Linear Gradient Foreground to Background no sentido de cima para baixo. Com a tecla Ctrl pressionada clicamos na Layer 2, invertemos a seleção (Ctrl + Shift + I), sem pressionar nenhuma tecla clicamos na Layer 3, pressionamos Delete, invertemos novamente a seleção , clicamos com o botão direito sobre a Layer 3 e escolhemos a opção de menu Blending Options, marcamos Bevel and Emboss, em Style selecionamos Pillow Emboss e em Tecnique Chisel Hard, Depht 100%, Direction Up, Size 4, Soften 2, com isso teremos uma imagem como ao lado.

5. Puxamos mais duas guias horizontais (330, 470) e uma guia vertical (240), vamos fazer uma seleção dentro deste novo retângulo unindo dois círculos perfeitos, um na parte superior e outro na parte inferior com Eliptical Marquee, e um retângulo unindo os dois círculos, como no detalhe ao lado. Com a seta de direção Up do teclado vamos dar 12 toques fazendo com que a seleção se desloque para cima. Criamos uma nova layer, faça o download do gradiente "meuGradiente" com Linear Gradient preencheremos a área selecionada na Layer 4. Chaveamos o Transparent pixel da Layer 4 e aplicamos um Gaussian Blur com 20 pixels. Aplicamos um Bevel & Emboss: Pillow Emboss, Chisel Hard, Depht 100%, Direction Up, Size 20, Soften 6.

6. Criamos uma nova layer. Dentro do quadrado delimitado pelas guias na parte superior do círculo faremos uma marca de seleção com Eliptical Marquee, preenchendo a seguir com Radial Gradient foreground to background e a opção Reverse marcada. Clicamos na paleta Channel e vamos criar um novo canal Alpha 2, preenchemos ele com Branco 100%, aplicamos Gaussian Blur com 15 pixels. Sem perder a seleção voltamos para a Layer 5, vamos aplicar mais um Lighting Effect só que agora no canal Alpha 2.

7. Depois de aplicado o Lighting Effect vamos tratar as curvas da layer

8. Altere as curvas para que fiquem semelhantes a figura ao lado.

9. Usando a ferramenta Free Transform com as opções Perspective e Scale vamos dar forma para este shape. Agora vamos inverter a seleção, pressionamos Delete e invertemos novamente a seleção. Aplicamos Bevel & Emboss: Pillow Emboss, Smooth, Depth 100%, Direction Up, Size 18, Soften 6, Gloss Contour: Rounded Steps.

10. Vamos criar mais uma layer (Layer 6). Vamos fazer uma seleção usando Eliptical Marquee dentro dos limites (200,100) até (500,600), preenchemos com Branco 100%. Mudamos para a ferramenta Retangular Marquee e selecionamos a metade inferior do círculo, pressionamos Delete e temos agora um semi-círculo branco. Segurando Ctrl e clicando na Layer 6 vamos expandir a seleção em 2 pixels (Select / Modify / Expand). Usando Free Transform Rotate primeiro vamos mudar o eixo de rotação para a parte inferior bem ao centro, após giramos no sentido horário em alguns graus. Expandimos novamente a seleção em 2 pixels, pressionamos Delete. Criamos um novo canal (Alpha 3), preenchemo com Branco 100%, contraímos a seleção em 15 pixels (Select / Modify / Contract), invertemos a seleção, deletamos o que está de fora e voltamos a inverter a seleção. Aplicamos um Gaussian Blur com 15 pixels, modificamos os levels aproximando brilho e contraste dos tons médios, teremos um shape como o da figura ao lado.

11. Sem perder a marca de seleção selecionamos a Layer 6, mudando a cor de foreground para branco, usnado a ferramenta Radial Gradient opção Foreground to Transparent preenchemos a seleção da esquerda para a direita, tente várias vezes até conseguir o efeito desejado, para desfazer os preenchimentos indesejados pressione Ctrl + Z ou limpe o History.

12. Muito hora nesta calma estamos quase no final. Segurando a tecla Ctrl clicamos na Layer 4, liberamos a tecla Ctrl e pressionamos Delete, deselecionamos tudo (Ctrl + D) e sem pressionar nenhuma tecla selecionamos a Layer 6, aplicamos um Gaussian Blur com 6 pixels ou até um pouco menos de blur.

13. Faltou somente um efeitinho que deixei propositalmente por último, mas que também não vou me deter em detalhes, são os dois cortes a esquerda e direita na "esfera", eles são feitos com uma elípse e colocando-se Bevel & Emboss, o resultado final está aí ao lado.
O objetivo deste tutorial não é fazer uma cópia idêntica ao logo Icon, mas sim mostrar as potencialidades do Photoshop como ferramenta de criação.

Abraços a todos e até a próxima! E não esqueçam: Qualquer coisa "Clica no Icon!"



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
0 comentário