Webly: Trabalhando com gradiente em Illustrator + exemplo de efeito 3D com gradientes - Webly

Ir para


Página 1 de 1

Trabalhando com gradiente em Illustrator + exemplo de efeito 3D com gradientes

#1 Membro offline   ckav Ícone

  • cadastre-se no fórum e participe^~
  • Ícone
  • Grupo: Coordenadores
  • Posts: 1695
  • Cadastrado: 08-setembro 06
  • Sexo:Male
  • Localização:São Paulo/SP
  • Interesses:Design, Animação, Ilustração, Vetor, Criação, Cores, Flash, Action Script, notepad++, XHTML/CSS, Fireworks, Photoshop, Illustrator, InDesign, After effects, 3D, PHP, Web standards...

Postou 05 julho 2007 - 02:33

Nome: Trabalhando com gradiente em Illustrator + exemplo de efeito 3D com gradientes
Autor: Ckav da equipe Webly
Licença Creative Commons: Este conteúdo só pode ser copiado caso seja LINKADO para este original e citado o nome do autor antes de qualquer outro texto.


Olá,
Vou explicar nesse breve tutorial sobre como mexer com gradiente no programa Illustrator CS2 da Adobe.

Primeiramente crie um documento com o tamanho que desejar, se o trabalho for para web crie em RGB, se for para impresso crie em CMYK.
O padrão de cor RGB e CMYK é importante que seja bem definido, principalmente se você estiver trabalhando com impressos. Caso você faça o seu trabalho em RGB para o impresso, você notará drásticas diferenças entre o que você vê no monitor e o resultado impresso, isso, porque as impressoras comuns não imprimem diversos tons de cores e níveis de saturação.

No menu de ferramenta pegue a ferramenta Elipse Tool(L)
Imagem

e faça um circulo perfeito (segure a tecla shift para criar o circulo perfeitamente)
Imagem

Com a seta preta (Selection Tool(V))
Imagem

selecione o Circulo.
Imagem

Clique em Gradient(>)
Imagem

Com a ferramenta Gradient Tool(G) você pode ajustar o seu gradiente, basta clicar e arrastar.
Imagem

Agora vamos as configurações:

Clique em window/gradient (F9)

Na Janela Gradient, você pode escolher se o seu gradiente será radial ou linear.
Imagem

(faça alguns testes com ambos, basta escolher uma das duas opções, escolher a ferramenta Gradient Tool(G) e clicar e arrastar para ver os resultados (isso, com o objeto seleciona com a ferramenta Selection Tool(V), a seta preta)
Imagem

Para regular melhor a consistência de degradê entre as cores do gradiente, você pode clicar e arrastar os quadrados e o losango.
Imagem

Para escolher uma cor que não seja na escala de cinza(grayscale) basta ir na janela Color e clicar na seta que aponta pra direita, com isso, vai-se abrir um menu, escolha o que lhe for mais útil de acordo com o seu trabalho (Web=RGB; Impresso=CMYK)
Imagem

Depois clique no quadrado que você quer mudar a cor, na janela Gradient.
Imagem

E escolha a cor desejada na janela colors.
Imagem

É possível se conseguir efeitos impressionantes apenas com gradiente, um efeito que faça com que um objeto pareça ser 3D por exemplo.
Veja um exemplo.
Imagem



Qualquer dúvida, pedido, comentário, é só falar :)



------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
------------------------------------------------------------------------------------------------------------------
"A cada pergunta idiota que eu faço e tenho a resposta, significa que estou um pouco menos idiota!!!"
Eu
------------------------------------------------------------------------------------------------------------------
Leu? gostou? ajudou?! Então cadastre-se, comente, peça, poste, ajude, participe!!!
------------------------------------------------------------------------------------------------------------------
0

#2 Membro offline   Ray Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 3
  • Cadastrado: 01-outubro 07

Postou 01 outubro 2007 - 04:04

Gostei de suas dicas. Conheço muito pouco do Illustrator. Se vc. puder me dar umas dicas, sites, livros... sei l´´a!
0

#3 Membro offline   ckav Ícone

  • cadastre-se no fórum e participe^~
  • Ícone
  • Grupo: Coordenadores
  • Posts: 1695
  • Cadastrado: 08-setembro 06
  • Sexo:Male
  • Localização:São Paulo/SP
  • Interesses:Design, Animação, Ilustração, Vetor, Criação, Cores, Flash, Action Script, notepad++, XHTML/CSS, Fireworks, Photoshop, Illustrator, InDesign, After effects, 3D, PHP, Web standards...

Postou 01 outubro 2007 - 04:40

opa^^
Aqui no webly mesmo temos várias dicas e tutos.
Comece por elas, e depois, conforme tiver dúvidas, é só ir postando.

Abrçs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
------------------------------------------------------------------------------------------------------------------
"A cada pergunta idiota que eu faço e tenho a resposta, significa que estou um pouco menos idiota!!!"
Eu
------------------------------------------------------------------------------------------------------------------
Leu? gostou? ajudou?! Então cadastre-se, comente, peça, poste, ajude, participe!!!
------------------------------------------------------------------------------------------------------------------
0

Página 1 de 1


Resposta rápida

  

1 usuário(s) está(ão) lendo este tópico
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)