por PeHaa em 04/03/10 às 12:32

Neste tutorial você vai aprender como criar uma caixa de 6-ovo (cheio de ovos). Usaremos 3D Rotate e Revolve Effects. Teremos também um lote com máscaras. Você pode baixar o arquivo origem (criado em Illustrator CS4, volta-salvo para CS2 +).
Parte I - Preliminares
Passo 1
Abra uma nova px 800 x 600 px RGB documento no Illustrator.Ir para o Illustrator> Preferências> Geral e certifique-se que o incremento do teclado está definido para 1px.

Etapa 2
Com a ferramenta Rectangle (M) crie dois retângulos. Os tamanhos dos meus são: o fundo px 444 x 198 px e 403 px top x 162 px. Centro-los verticalmente e horizontalmente.
Seleccione (V) menor (topo) retângulo e toque duas vezes a seta para cima para mudar a 2 pixels para cima.

Selecione o retângulo de fundo. Ir para o efeito> Stylize> Round Corners ... e definir o raio de 77px.
Repita isso para o alto, desta vez definindo o raio de 65px.

Selecione os dois retângulos. Ir para o efeito> 3D> Rotate e escolha as configurações como na imagem


Mantenha os dois retângulos selecionada e vá em Object> Expand Appearance.
Não desfaça a seleção e liberação das máscaras de recorte que foram criados pelo ilustrador. Para fazer isso vá para Object> Clipping Mask> Release ou usar a opção de atalho de teclado / Alt + Cmd / Ctrl +7.
Em seguida vá em Object> Path> Clean Up.

Finalmente, selecione ambas as formas e desagrupar duas Shift + Cmd / Ctrl + G (ou Objeto> Desagrupar).
Agora, as duas formas aparecem no painel da camada como caminhos.

Copie Cmd / Ctrl + C na forma de fundo e colá-lo para frente Cmd / Ctrl + F. Mantenha-selecionados e mantendo pressionada a tecla Shift selecione também a parte superior de menor dimensão. Escolha Divide a partir do Painel Pathfinder. Desagrupar Ctrl + Shift / Ctrl + G.
Bring the frame (trajeto composto) frente Cmd / Ctrl +] (ou ir para a Objeto> Organizar> Trazer para Frente).

Parte II - Criar a tampa da caixa
Passo 3
Cópia das três formas criadas na parte 1 e transformá-los de cabeça para baixo (para ter certeza de que é exatamente 180 graus sem soltar a tecla Shift)Traga a peça moldura para frente Shift + Cmd / Ctrl +] (ou ir para a Objeto> Organizar> Trazer para Frente).
Aplique um preenchimento gradiente como na imagem abaixo, os números representam os valores RGB.

Copiar a moldura tampa Cmd / Ctrl + C e colá-lo para trás Cmd / Ctrl + B. Toque 4 vezes a seta para cima para transferi-lo 4 pixels para cima.

Aplique o gradiente a cópia inferior da tampa moldura como na imagem (Para sua conveniência, você pode fazer todos os outros objetos invisíveis Cmd / Ctrl +3)

Aqui está o que temos

Passo 4
Selecione a parte interna da tampa e aplique um gradiente radial como na imagem
Passo 5
Voltar para o quadro tampa. Selecioná-lo e ir para o Efeito> Stylize> Drop Shadow ... Definir os parâmetros como na imagem
(1) Desde que eu não quero ter a sombra moldura tampa fora da tampa vamos criar uma máscara de corte.
(2) no painel da camada selecione a forma tampa. Trazê-lo para frente Shift + Cmd / Ctrl +]. Mantendo pressionada a tecla Shift bot selecionar a forma da tampa e da moldura da tampa. Para criar uma máscara de corte, quer ir para Object> Clipping Mask> Make ou use o atalho Ctrl / Ctrl +7.
(3) Aqui está o que nós temos. Seleccionar todos os elementos do grupo e da tampa Cmd / Ctrl + G.

Para sua conveniência, crie uma nova camada Cmd / Ctrl + L. Selecione a tampa e arrastá-lo por um tempo para a nova camada.
Parte III - Criar um ovo
Passo 6
Você pode usar a imagem abaixo como um modelo para desenhar a forma de seu ovo. Lock esta imagem Cmd / Ctrl +3. Em seguida desenhar uma elipse (L) a partir do centro do modelo de ovo - mantenha a tecla Option / tecla Alt. Em seguida, reformular o seu elipse usando o Direct Selection Tool (A).
Com a Direct Selection Tool (A) selecionar a metade direita ou seus ovos e eliminá-lo.

Defina sua cor de traço a branco, sem preenchimento e ir para o Efeito> 3D> Revolve. Mais opções Clique para ver a lista completa de opções. Na imagem abaixo você vai encontrar todas as configurações que eu usei.

Com a tecla Shift mantenha pressionada a redimensionar o seu ovo de modo que era cerca de 106 px x 144 px.

Passo 7
Copie Cmd / Ctrl + C e colar para trás Cmd / Ctrl + B o ovo. Abra o Painel de Aparência e mude as configurações para sem sombreamento.
(1) Você deve obter uma forma clara de ovo.
(2) Manter o objeto selecionado vá para> Expand Appearance.
(3) Não desfaça a seleção e escolha Unite a partir do Painel Pathfinder.

Passo 8
Mantenha a cópia ovo recém-criado selecionado branco e ir para o Efeito> Stylize> Drop Shadow e escolher as configurações como na imagem
Selecione topo e os ovos de fundo e agrupá-los Cmd / Ctrl + G (ou ir para a Objeto> Group).

Passo 9
A fim de obter o ovo colorido laranja uso R = 247 G = 147 B = 30 como a cor do curso em vez de branco e escolha R = 86 G = 45 B = 34 como a cor de sombreamento personalizada no 3D> Revolve Panel.Se você quiser adicionar alguma decoração para o seu ovo (s) (preencher a caixa com os ovos de Páscoa, talvez (?)) Visite o meu Tutorial: Criar e cor de um ovo de páscoa eco no Adobe Illustrator.
Parte IV - criar a parte inferior da caixa
Etapa 10
Primeiro vamos aplicar a todos os gradientes de três peças criada na Parte I.Primeiro adicione um preenchimento gradiente como na imagem à parte frame:

Próximo à parte interna:

Próximo cópia Cmd / Ctrl + C, a parte muito baixo e colá-lo para frente Cmd / Ctrl + F, prima três vezes para transferi-lo 3 pixels para baixo

Preenchê-lo com o mesmo gradiente que você usou para a parte do frame, depois inverter o gradiente.

Etapa 11
Agora vamos colocar os ovos dentroVerifique se você tem 5 ovos brancos e um colorido. Trazê-los todos à frente Shift + Cmd / Ctrl +]. Reduzir os três ovos de segunda linha. Eu usei o Objeto> Transformar> Escala (veja a imagem abaixo). Disponha os ovos "ligado'Caixa.

Etapa 12
Para se certificar de que seus ovos não quebram antes da frigideira está pronta para receber uma omelete de criar um pequeno retângulo (M). Dimensioná-lo para que ele funciona bem com o tamanho de um ovo. Com a Direct Selection Tool (A) selecionar os dois pontos de fundo e clique no pequeno ícone Converter Pontos no painel superior. Aplique o preenchimento gradiente como na imagem.
Ir para o efeito> Stylize> Drop Shadow e defina

Coloque os separadores entre a primeira ea segunda linha de ovos.
Grupo Cmd / Ctrl + G na primeira linha de ovos e os dois separadores.

Selecione a parte interior da caixa, copiá-lo Cmd / Ctrl + F, C, colar para frente Cmd / Ctrl +, em seguida, levar a frente Shift + Cmd / Ctrl +].
Mantendo pressionada a tecla Shift selecioná-lo juntamente com o grupo de ovos e separadores.
Faça uma máscara de corte Cmd / Ctrl +7.

Etapa 13
Criar uma forma simples, assemelhando-se a maior parte de um ovo (a forma mais fácil é começar com um (Ellipse L))Copiá-lo três vezes e aplicar o preenchimento gradiente como na imagem. Enviá-los para trás Ctrl + Shift + Ctrl + [(ou ir para a Objeto> Organizar> Enviar para trás) e local para que eles constituem a parte da base da caixa.

Você pode usar o Illustrator para distribuí-las uniformemente (selecione todas elas e escolher Distribute Horizontal Center no Painel Align), bem como para centralizá-lo com o resto da caixa. Para fazer o segundo, selecione todas as três formas, agrupá-los Cmd / Ctrl + G. Mantenha-os selecionados. Mantendo pressionada a tecla Shift selecione o quadro da caixa. Clique novamente na moldura para torná-la objeto a chave (desta vez, você não precisa segurar a tecla Shift pressionada enquanto clica). Desta vez escolha Align Horizontal Center.

Etapa 14
Agora, um pouco complicado parte onde vamos adicionar uma sombra dentro da caixa. Note-se que os ovos estão em cima da armação para se adicionar efeito Drop Shadow para a moldura, a sombra não será visível sobre os ovos. E nós queremos tê-lo sobre os ovos na primeira fila.Aqui é como vamos lidar com isso.
(1) Copie Cmd / Ctrl + C do quadro, colá-lo para frente Cmd / Ctrl + F, em seguida, trazer para frente Shift + Cmd / Ctrl +]. Ir para o efeito> Stylize> Drop Shadow ... e usar as configurações como na imagem.
(2) Com a ferramenta Rectangle (M) crie um retângulo que divide a moldura verticalmente em duas partes. Enviá-lo para trás Cmd / Ctrl + [(ou ir para a Objeto> Organizar> Enviar para trás).
Segurando a tecla Shift selecione tanto o quadro quanto o retângulo e escolha Dividir a partir do Painel Pathfinder. Desagrupar os objetos. Eliminar os restos do retângulo. Também Ir para o caminho> Clean Up.
(3) Aqui está o que nós temos.

(4) Copie Cmd / Ctrl + C moldar o interior da caixa, colá-lo para frente Cmd / Ctrl + F, em seguida, trazer para frente Shift + Cmd / Ctrl +].
Segurando a tecla Shift selecioná-lo tanto com a metade inferior do quadro. Make Clipping Mask Cmd / Ctrl +7.
(5) Novamente cópia Cmd / Ctrl + C moldar o interior da caixa, colá-lo para frente Cmd / Ctrl + F, em seguida, trazer para frente Shift + Cmd / Ctrl +] e segurando a tecla Shift selecioná-lo tanto com a metade superior da moldura.
(6) Em (4) e (5) Illustrator grupos criados que contêm a máscara e recorte o objeto mascarado. No painel da camada selecione o grupo criado em (5) e trazê-lo para que ele foi colocado diretamente sob os ovos da segunda linha. It's done.

Etapa 15
Copie Cmd / Ctrl + C nas partes inferior da caixa que você criou na etapa 13 e colá-los para frente Cmd / Ctrl + F. Pode ser mais conveniente se você desagrupar los por um tempo Shift + Cmd / Ctrl + G. Selecione cada um separadamente e aplicar o preenchimento gradiente como na imagem. Em seguida, selecione todos e no painel Aparência mudar o modo de mistura para o Multiply e diminuir a opacidade para 42%.
Etapa 16
Selecione a forma que faz a fronteira tiny da moldura da caixa. (Na camada do painel que você deve encontrá-lo um pouco acima dos elementos que trabalharam na etapa anterior).Copie-Cmd / Ctrl + paste C, para voltar Cmd / Ctrl + B, em seguida, enviar para trás Shift_Cmd / Ctrl + [.
Ir para o efeito> Stylize> Drop Shadow ... e insira as configurações como na imagem

Etapa 17
Com a ferramenta Elipse (L) criar uma elipse. Enviá-lo para trás Ctrl + Shift / Ctrl + [. Posicione como na imagem e preencha com o gradiente de preto para branco como você pode ver abaixo.Nota: Se você estiver usando o Illustrator CS4, selecione o gradiente branco parar e defina sua opacidade para 0. Diminua a opacidade da sua elipse de 70% e passe para a Etapa 18.

Copie o elipse Cmd / Ctrl + C e colá-lo para frente Cmd / Ctrl + F. Selecione ambos e ir para a transparência do painel. Escolha Make Opacity Mask.

Para editar o objeto de mascaramento selecionar sua miniatura no painel Transparência. É a uma miniatura do lado direito (esquerdo representa a máscara de opacidade, miniatura direita representa mascarar objetos). Então o gradiente inverso e marque 'Clip' no Painel de Transparência.

Clique a unha do polegar artístico mascarado (esquerda miniatura) no painel Transparência para sair do modo de edição de máscara.
Selecione a elipse e mascarados no painel Aparência mudar o modo de mistura para o Multiply e diminuir sua Opacidade para 70%. Segurando a tecla Shift pressionada e Option / Alt arraste chave da elipse em duas outras partes da caixa.

Etapa 18
Coloque a tampa do grupo volta para a camada que trabalhar e enviá-lo para trás Ctrl + Shift / Ctrl + [.Crie dois retângulos, a mina é preenchido com R = 153 G = 134 B = 117. Tente posicioná-los como na imagem. Agrupá-los Cmd / Ctrl + G, e enviar para trás Ctrl + Shift / Ctrl + [.
Seleccionar todos e escolheu Horizontal Align Center a partir do Painel Align.

Segurando a tecla Shift arrastar os retângulos e a tampa para baixo, para que a posição dos três grupos corretamente. 6-A caixa de ovo está pronto, é hora de preparar uma panela para uma omelete.

Obrigado pela leitura. Estou ansioso para seus comentários.
E ... se você gostou deste post, por favor partes: Piu, Stumble, ....
Nenhum comentário:
Postar um comentário