• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Tutorial de Illustrator 4 - Pimento vermelho
 

Tutorial de Illustrator 4 - Pimento vermelho

on

  • 1,458 views

 

Statistics

Views

Total Views
1,458
Views on SlideShare
1,458
Embed Views
0

Actions

Likes
2
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Tutorial de Illustrator 4 - Pimento vermelho Tutorial de Illustrator 4 - Pimento vermelho Document Transcript

    • Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia ProfessoresLeonardo Pereira & Cláudio Ferreira DESENHO COMPUTACIONAL II Ano Curricular - 2011 | 2012 Curso de Design Gráfico - 2º Ano | 2º Semestre TUTORIAL 4 - AI PIMENTO VERMELHO Tutorial concebido com base nos Tutoriais da Lynda Illustrator CS5 One-on-One Mastery
    • Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Desenho Computacional II Ano letivo - 2011 | 2012 || Professores Leonardo Pereira & Cláudio FerreiraPasso 01Abrir um novo documento em formato A4, com uma artboard e modoCMYK, como na figura: Shortcuts: Control N em PC Comando N em MacPasso 02Importar a fotografia “Pimento.jpeg“ para a artboard (File >> Place >>selecionar o ficheiro >> Clicar em ok). e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Desenho Computacional II Ano letivo - 2011 | 2012 || Professores Leonardo Pereira & Cláudio FerreiraPasso 04Colocar a imagem na layer 1 e mudar o nome para “imag“. Bloquear aLayer. Criar uma layer 2 de desenho. 1 2 3Passo 05Na nova layer vamos desenhar, com a Pen Tool, o contorno das váriasformas que constituem o pimento. e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Desenho Computacional II Ano letivo - 2011 | 2012 || Professores Leonardo Pereira & Cláudio FerreiraPasso 06Agora vamos colorir cada uma das formas do pimento, conforme a figura,e ordená-las, em termos de sobreposição, por forma a se perceber quepartes do pimento são as de primeiro plano e as de planos mais afasta-dos. Utilizar o “Arrange >> Send to back ou front”, acessível através doclique no bot do lado direito do rato, para se ordenar corretamente asformas. Por fim apagar os strokes pretos dos contornos.Passo 07A seguir vamos começar a simular as volumetrias do nosso pimento.Para tal vamos utilizar o recurso Gradient Mesh. Selecionar a forma maisà frente do Pimento e aplicar o Create Gradient Mesh (Object >> CreateGradient Mesh) e aplicar os seguintes valores: Rows: 6; Columns: 6;Appearence: To center; Highlight: 60%. e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Desenho Computacional II Ano letivo - 2011 | 2012 || Professores Leonardo Pereira & Cláudio FerreiraPasso 08De seguida vamos adicionar um stroke à nossa forma em modo Mesh.Mas teremos de o aplicar por um processo diferente do normal porque oIllustrator, dado o modo Mesh da forma, não nos permite fazê-lo normal-mente. Selecionar a forma, ir ao painel “Appearence” e clicar no ícone“Ad Stroke“.Passo 09Agora vamos mudar o modo de visualização do nosso desenho porforma a visualizar a imagem de ref por baixo e termos apenas as linhasda Mesh visíveis sem o seu preenchimento ou Fill.Para tal, ir ao painel das Layers e sobre o “olho“ (visibilidade) da layer2 clicar com a tecla cmd (Mac) ou ctrl (PC) para mudar a visualizaçãodessa layer para modo “Outline“. e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Desenho Computacional II Ano letivo - 2011 | 2012 || Professores Leonardo Pereira & Cláudio Ferreira Passo 10Direct Selection Tool (A) De seguida, com a Mesh Tool ativa, vamos ter de adicionar linhas vertic- Lasso ais (columns) e horizontais (rows) à Mesh da forma do nosso pimento e Tool (Q) posicionar os pontos da Mesh nos locais onde nos interessa por forma a colorir esses pontos segundo a referência da imagem que temos por baixo na layer “imag”. Mesh Tool (U) Dicas operacionais sobre a manipulação da Mesh Tool: • Para adicionar uma linha vertical, clicar, com a Mesh Tool, sobre uma linha horizontal. • Para adicionar uma linha horizontal, clicar, com a Mesh Tool, sobre uma linha vertical. • Para apagar uma linha de Mesh basta clicar, com a Mesh Tool + Alt, sobre a linha em causa, quer seja vertical ou horizontal. • Com a Mesh Tool só podemos selecionar e mover um ponto de cada vez. Se queremos selecionar multiplos pontos, ou usamos a Direct Selection tool (A), ou a Lasso Tool (Q) e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Desenho Computacional II Ano letivo - 2011 | 2012 || Professores Leonardo Pereira & Cláudio Ferreira Passo 11Direct Selection Tool (A) Depois de adicionadas as linhas necessárias à Mesh selecionamos pon- Lasso tos específicos da mesma e vamos colorindo-os com a Eyedropper Tool, Tool (Q) picando na imagem original as cores desses pontos. Temos de ir intercalando entre a Eyedropper Tool (i) e as ferramentas de selecção de pontos (A e Q), para progressivamente se selecionar e col- orir pontos específicos da Mesh até se obterem os resultados da terceira figura apresentada em baixo. Mesh Tool (U) Eye Dropper Tool (i) Dica: Este processo é um pouco demorado e meticuloso. Exige paciência e empenho. Não há uma forma automática de rapidamente colorir os pon- tos da Mesh da forma conforme as áreas da imagem de referência. É respirar fundo, colocar os “phones” nas orelhas, ir ao Youtube e criar uma playlist de músicas relaxantes para ajudar :) e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Desenho Computacional II Ano letivo - 2011 | 2012 || Professores Leonardo Pereira & Cláudio Ferreira Passo 12Direct Selection Tool (A) Repetir os passos 7, 8, 9, 10 e 11 para as restantes formas do pimento, Lasso utilizando as mesmas ferramentas usadas nesses passos, por forma a Tool (Q) se passar de um resultado como o da primeira figura para um resultado como o da segunda figura: Mesh Tool (U) Eye Dropper Tool (i) Dica: Para ajudar o processo de seleção de pontos pode ser útil trancar as formas do pimento em que não estamos a trabalhar pois as formas, por vezes sobrepõem-se. Como? • Selecionar as formas a trancar • Ir ao item de menu “object >> Lock >> Selection”. e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Desenho Computacional II Ano letivo - 2011 | 2012 || Professores Leonardo Pereira & Cláudio FerreiraPasso 13Por último vamos fazer o mesmo ao caule do pimento. Mas vamos terque fazer uma pequena “batota” no desenho do caule para que a aplica-ção do Mesh Gradient funcione sem problemas. Vamos ter de endireitaro caule. Com a Pen Tool desenhar um novo caule mas mais verticalcomo na figura e semelhante ao original.Passo 14Ao novo caule aplicar um Gradient Mesh: Object >> Create GradientMesh. Inseir os seguintes valores: Columns: 6; Rows: 6; App.: To center;Highlight: 60%. e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Desenho Computacional II Ano letivo - 2011 | 2012 || Professores Leonardo Pereira & Cláudio FerreiraPasso 15Repetir o tratamento da cor pelo uso da Mesh Gradient como antes feitofeito para as restantes partes do pimento.Passo 17Fazer o mesmo para a base do caule do pimento.Passo 18Uma cincunferência por baixo do pimento para marcar a sombra decontacto do pimento com o chão. Pintar o Fill de vermelho, e dar-lhe umgausian Blur de 30 px. Depois baixar a opacidade da sombra para 20% e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Desenho Computacional II Ano letivo - 2011 | 2012 || Professores Leonardo Pereira & Cláudio FerreiraPasso 19Finalmente dar uma envolvência ao nosso pimento. Desenhar um retân-gulo de cantos arredondados para enquadrar o Pimento e dar um fundode cor a gosto com um gradiente radial ao centro. Adicionar decoração agosto.E prontoooooooooooo! Temos um “Pimeunto“ impecavél, feito com aMesh Gradient, pra assar com umas sardinhas :) e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree