Apostila - Ilustrator - CS4

ADOBE ILUSTRATOR

UPGRADE INFORMÁTICA PÁG. 1

ADOBE ILUSTRATOR


APOSTILA DO CURSO DE ARTES GRÁFICAS

Adobe ILUSTRATOR Exercícios 100% práticos

Por: Horlando Sousa

Upgrade Informática

ADOBE ILUSTRATOR


SUMÁRIO

APRESENTAÇÃO ......................................................................................................................................... 4 COMO FUNCIONA ESTE CURSO: .............................................................................................................. 5 CAPÍTULO 01 – CONCEITOS ..................................................................................................................... 6 Desenhos Vetoriais e Imagens Bitmaps ................................................................................................ 6 Sistemas de Cores ................................................................................................................................. 6 Psicologia das Cores ............................................................................................................................. 7 Tipos e efeitos em Cores ....................................................................................................................... 8 Formatos de Papel ................................................................................................................................. 8

LIÇÃO 01 – NOÇÕES BÁSICAS ............................................................................................................... 09 Abrindo um arquivo Técnicas de visualização LIÇÃO 02 – DESENHOS BÁSICOS........................................................................................................... 10 Criando um novo arquivo Efeitos Especiais LIÇÃO 03 – DESENHANDO UM ANÚNCIO .............................................................................................. 11 Preparando o anúncio Configurando a área de desenho Desenhando o anúncio Criando um arquivo PDF e JPG LIÇÃO 04 – FAZENDO UM CARTAZ ........................................................................................................ 14 Preparando o cartaz Criando um fundo Preparando uma foto para o cartaz Escrevendo um texto Dando um toque pessoal LIÇÃO 05 – DESENHANDO LOGOMARCAS ........................................................................................... 16 Desenhando uma logomarca por cima Criando transparência LIÇÃO 06 – DESENHOS COM CURVAS .................................................................................................. 18 Desenhando um cenário Desenhando em perspectiva Inserindo imagens LIÇÃO 07 – TRANSFORMAR FOTOS EM DESENHO ............................................................................. 21 LIÇÃO 08 – FAZENDO UM CARTÃO DE VISITA ..................................................................................... 23 LIÇÃO 09 – CRIANDO E PERSONALIZANDO UMA LOGOMARCA ....................................................... 23 LIÇÃO 10 – DICAS E TRUQUES ............................................................................................................... 26

ADOBE ILUSTRATOR


APRESENTAÇÃO

Bem vindo!

prender informática faz parte da formação de

qualquer profissional nos dias de hoje. Não saber

informática se tornou algo tão mortal quanto não ter

água pra beber ou ar pra respirar, ou seja, se você

não conhece ou não utiliza os recursos da informática no seu

dia-a-dia, não se torna competitivo não consegue abraçar as

oportunidades do mundo atual, não consegue sucesso na

carreira nem a praticidade oferecida pela tecnologia.

A Upgrade Informática lhe oferece a oportunidade de conhecer este fantástico mundo de forma

inovadora, sem teorias, sem rodeios, indo direto ao ponto. Isso só é possível porque nossa empresa

possui vários anos de experiência no negócio de computadores, tratando com clientes e conhecendo

seus problemas e dificuldades. Não somos apenas uma escola, mas uma empresa completa, que vende

computadores e acessórios de informática, que possui uma das melhores oficinas técnicas de

informática e que oferece os melhores cursos de informática do país.

Você já é um vencedor. A partir do momento que decidiu aprender informática você já está trilhando o

caminho certo. A informática, de uma forma ou de outra, faz parte de 100% das atividades humanas nos

dias de hoje. E os setores que mais tem empregado no Brasil são os setores que lidam diretamente com

a informática.

Mantenha-se determinado e motivado. Não se limite apenas ao que for instruído em sala de aula. É

preciso pesquisar, é preciso estudar, comprar livros, praticar e fazer tudo que estiver ao seu alcance.

Você confiaria uma cirurgia importante há um médico que acabou de se formar? Pois é... eu também

não. Por isso, após terminar este curso trate de praticar, buscar desafios, estágios, oportunidades de

marcar o seu nome na história. E saiba que sempre poderá contar com nosso apoio.

Um grande abraço e muito sucesso.

HORLANDO SOUSA

Diretor de Treinamento

[email protected] (41) 9143-2211, 3642-5300, 3018-3439

A

ADOBE ILUSTRATOR


COMO FUNCIONA ESTE CURSO

DURAÇÃO: A duração obedece uma carga horária pré-estabelecida. Esta carga horário foi criada de maneira que

você possa cumprir todo o ensino proposto no conteúdo programático. A data de término do seu curso acontecerá ao final desta carga horária contada a partir da data de início do curso.

Por exemplo: se o curso é de 40 horas e você assiste 2 horas de aula por semana, você concluirá o

curso em aproximadamente 20 semanas (5 meses). Se assiste 6 horas de aula por semana, a conclusão será em aproximadamente 7 semanas (quase 02 meses).

Quem deseja fazer o curso rapidamente, deve optar por horários com maior freqüência de aula e aqueles

que desejam fazer o curso mais lentamente devem optar por horários com menos freqüência de aulas. Em ambos os casos o aluno cumprirá a carga horária programada.

Importante: muitas vezes o aluno consegue cumprir a programação antes de finalizar sua carga horária.

Neste caso, o tempo restante, será ocupado com novos conhecimentos e novos exercício. Em caso contrário, quando o aluno não consegue cumprir no tempo previsto, a escola acrescentará, sem nenhum custo, até 10% a mais de horas aula para ajudar o aluno.

FALTAS e REPOSIÇÃO DE AULAS: Todo aluno tem direito a repor até 10% de suas aulas, ou seja, se o seu curso é de 40 horas aulas e você

faltar 2 aulas de 2 horas, não irá perder estas aulas. A reposição é feita no final do curso, ou seja, se você perdeu uma aula de 02 horas será acrescida mais uma aula de duas horas. Cuidado: se você assiste aulas de 4 horas e perde uma aula você já está usando os 10%.

Importante: para o aluno ter direito a reposição de aula deverá comunicar antecipadamente a sua falta.

Se isso não for feito, aquela aula será perdida. O certificado só será emitido para alunos com pelo menos 75% de presença.

Quando o motivo for doença ou viagem, com maior período de ausência das aulas, o aluno poderá

negociar a reposição destas aulas com a diretoria da escola, desde que comunicado antecipadamente. MÉTODO: Enquanto outras escolas trabalham com turmas de 20 a 30 alunos a Upgrade Informática trabalha com

turmas bem menores, melhorando assim, o rendimento do curso. As aulas são em pequenas turmas mistas, com professores capacitados e bem preparados.

As aulas não são Vips (individuais), elas são participativas, em turma, mas cada aluno segue seu

próprio ritmo e o instrutor ensina na velocidade individual de cada aluno, assim cada aluno recebe instrução, atenção e acompanhamento de acordo com a sua necessidade e capacidade.

Às vezes, poderá acontecer que, um aluno com uma dúvida particular, tenha que aguardar alguns

instantes enquanto o instrutor termina de atender uma dificuldade de outro aluno, entretanto por se tratar de turmas pequenas este tempo é relativamente curto.

Se você desejar, a Upgrade Informática conta com curso VIP (aulas totalmente individuais). Para isso

verifique em nosso atendimento os preços e horários disponíveis para este tipo de curso. PAGAMENTO: Em alguns casos o aluno parcela o pagamento do curso num prazo superior a data do término do curso.

Portanto, embora o aluno tenha concluído o curso, deve ficar atento quanto aos demais pagamentos, evitando transtornos.

ADOBE ILUSTRATOR


CCoonncceeiittooss Neste capítulo você aprenderá alguns conceitos básicos sobre o mundo das artes gráficas. Estes conceitos são fundamentais para o entender como funciona o Adobe Ilustrator e obter bons resultados nos seus trabalhos.

Desenhos Vetoriais e Imagens Bitmaps

Os dois principais tipos de imagens são os vetoriais e os bitmaps. Os desenhos vetoriais são compostos de linhas e curvas e gerados a partir de descrições matemáticas que determinam a posição, o comprimento e a direção na qual as linhas são desenhadas. Os bitmaps, também conhecidos como imagens por rastreio, são compostos de minúsculos quadrados denominados pixels; e cada pixel é mapeado para um local na imagem e tem valores numéricos de cor. Uma fotografia é um exemplo de imagem Bitmap. Os desenhos vetoriais são ideais para logotipos e ilustrações por serem independentes de resolução, além de poderem ser dimensionados para qualquer tamanho ou impressos e exibidos em qualquer resolução, sem perder os detalhes e a qualidade. Além disso, é possível produzir contornos aguçados e definidos com gráficos vetoriais. Os bitmaps são excelentes para fotografias e pinturas digitais já que reproduzem bem as gradações de cor. Os bitmaps são dependentes da resolução, ou seja, representam um número fixo de pixels. Ao mesmo tempo em que apresentam uma qualidade boa no seu tamanho real, podem ser exibidos de forma irregular ou perder qualidade de imagem quando são dimensionados, ou exibidos ou impressos em uma resolução superior à original. O Adobe Ilustrator é um programa para desenho de vetores, mais que também permite trabalhar imagens bitmaps.

Obs: veja os detalhes na figura acima, no topo uma imagem bitmap e abaixo um desenho vetorial.

Sistemas de Cores:

O Adobe Ilustrator permite trabalhar cores em diversos sistemas e padrões. Os padrões mais utilizados são CMYK, RGB e Pantone. Dependendo do objetivo do seu desenho você utilizar o sistema de cores adequado, por exemplo: se deseja desenhar a arte de um cartão de visita ou qualquer material para impressão numa gráfica o sistema escolhido deverá ser o CMYK ou Pantone; todavia se o seu objetivo e desenhar algo que será utilizado na internet ou numa apresentação apenas no vídeo do computador o melhor sistema é o RGB. O Adobe Ilustrator é um programa que tem como padrão do sistema de cores CMYK.

ADOBE ILUSTRATOR


PSICOLOGIA DAS CORES: A escolha das cores é fundamental para uma boa harmonia dos elementos de uma arte gráfica ou de um site. Ela pode enfatizar textos, imagens e caracterizar especialmente os elementos da página. A cor exerce influência decisiva nos olhos dos seres humanos, afeta a atividade muscular, mental e nervosa. A combinação certa pode causar efeitos como de excitação, urgência, contentamento, calma, vulgaridade, melancolia, segurança etc., e ainda destacar algum elemento em relação a outro. Nas artes gráficas e mesmo na web a seleção de uma cor é um pouco complicada, pois é impossível garantir que uma determinada cor irá se apresentar na impressão ou no monitor do usuário como ela realmente é, ou seja, como a que o designer colocou. Isto acontece devido ao fato de cada monitor ter uma especificação diferente, uns podem trabalhar com mais vermelho, ser mais brilhante, ter mais contraste e etc., e ainda cada um pode estar configurado com uma determinada resolução como 640×480 pixels, 800×600 pixels e assim por diante. A combinação desses fatores é que irá determinar a fidelidade e a reprodução de cores e a qualidade das imagens. Abaixo apresento como você poderá visualizar algumas sensações “psicológicas” conhecidas:

Cor Sensação visual

Amarelo egoísmo, ciúmes, inveja, prazer, conforto, alerta, esperança, flores grandes,

verão, limão, calor da luz solar, iluminação, alerta, euforia.

Azul pureza, fé, frio, mar, céu, horizonte, feminilidade, espaço, intelectualidade, paz,

serenidade, fidelidade, confiança, harmonia, afeto, amizade, amor, viagem,

verdade, advertência.

Branco pureza, saúde, inocência, paz, divindade, calma, harmonia, para os orientais

pode significar morte, batismo, casamento, cisne, lírio, neve, ordem,

simplicidade, limpeza, bem.

Cinza tristeza, chuva, neblina, tédio, velhice, passado, seriedade. Posição

intermediária entre luz e sombra.

Laranja prazer, êxtase, dureza, euforia, outono, aurora, festa, luminosidade, tentação,

senso de humor. Flamejar do fogo.

Marrom cordialidade, comportamento nobre, pensar, melancolia, terra, lama, outono,

doença, desconforto, pesar, vigor.

Preto negativo, mistério, sujeira, sombra, carvão, fumaça, miséria, pessimismo,

melancolia, nobreza, seriedade. Alegre quando combinado com outras cores.

Rosa graça, ternura, juventude, amor

Roxo fantasia, mistério, egoísmo, espiritualidade, noite, aurora, sonho, igreja, justiça,

misticismo, delicadeza, calma.

Verde umidade, frescor, bosque, mar, verão, adolescência, bem-estar, paz, saúde

(medicina), esperança, liberdade, paz repousante. Pode desencadear paixões.

Vermelho calor, Dinamismo, guerra, sol, fogo, atenção, conquista, coragem, furor, vigor,

glória, ira, emoção, paixão, ação, agressividade, perigo, dinamismo, baixeza,

energia, revolta, calor, violência, apetite.

ADOBE ILUSTRATOR


TIPOS E EFEITOS EM CORES: Podemos aplicar qualquer cor em um desenho. O Adobe Ilustrator possui algumas ferramentas especiais que vão permite a aplicação destas de cores nas seguintes formas: Preenchimento Uniforme: as cores são dispostas de maneira uniforme (igual) em toda a

superfície do objeto desenhado

Gradiente Linear (degradê linear): as cores variam de um ponto a outro, podendo se composta por diversas opções de cores.

Gradiente Radial (degradê radial): as cores variam de um ponto central em forma de

círculos até a extremidade do desenho.

Gradiente Conical (degradê cônico): as cores variam de um ponto central numa volta de 360 graus composto por duas cores ou mais.

Gradiente Quadrado (degradê quadrado): semelhante ao radial com a diferença que sua forma é baseada em quadrados.

Texturas, bitmaps, postscritp: são padrões de cores baseados em texturas e imagens pré-definidas, mas que também permitem variações nas cores.

Formatos de Papel:

Dependendo do tamanho da arte (desenho) que você for desenvolver, a folha de papel deverá ser configurada num tamanho adequado com a impressora ou com a arte em si. Para impressão existem diversos formatos de papel no mercado. As gráficas usam um padrão próprio de papel, todavia, as impressoras domésticas (aquela que você tem em casa) utilizam outros padrões de medidas. Você sempre deve consultar os tamanhos disponíveis na gráfica, fazendo um planejamento para sua economia nos custos da impressão. Na figura ao lado apresentamos os tamanhos de folhas de papel baseado naquele tradicional papel A4 (21x29,7cm) que compramos em qualquer papelaria. Observe na figura que o tamanho A3 é dobro do A4, o tamanho A2 é dobro do A3 e assim por diante, até o tamanho A0 que correspondente a 16 folhas de A4. Acreditando você ou não, existem gráficas rápidas espalhadas pela cidade (em lojas e shoppings) que imprimem sua arte no tamanho que você desejar. Basta você levar seu arquivo em um pen-drive, um cd ou enviá-la por e-mail. Os preços são cada dia mais baratos para fazer aquele quadro bonito que você deseja a tanto tempo.

Uniforme

Linear

ADOBE ILUSTRATOR


Lição 01 – Noções Básicas

ABRINDO UM ARQUIVO:

11ºº)) Execute o programa Adobe Ilustrator.

22ºº)) Clique no menu Arquivo > Abrir.

33ºº)) Escolha o disco local C: abra a pasta Arquivos de Programas abra a pasta Adobe abra a pasta Adobe Ilustrator CS4 abra a pasta Extras interessantes abra a pasta pt_BR abra a pasta Arquivos de Amostras abra a pasta Arte de amostra

44ºº)) Clique no arquivo A Vida em um Coração Grunge e clique no botão Abrir.

TÉCNICAS DE VISUALIZAÇÃO:

55ºº)) Na barra de ferramentas (à esquerda da tela), procure pela ferramenta Mão.

66ºº)) Clique 2x (rapidamente) na ferramenta Mão.

Obs: isso fará com que a página seja centralizada na tela.

77ºº)) Com a ferramenta Mão clique na sua página e arraste. Obs: isso irá mover a página na tela.

88ºº)) Pressione as teclas Ctrl + (as teclas control e adição). Pressione novamente Ctrl + (este comando aumenta o zoom). Pressione novamente Ctrl + (este comando aumenta o zoom).

99ºº)) Pressione as teclas Ctrl - (as teclas control e menos). Pressione novamente Ctrl - (este comando diminui o zoom). Pressione novamente Ctrl - (este comando diminui o zoom).

1100ºº)) Clique 2x (rapidamente) na ferramenta Mão. (isso irá ajustar a página na tela).

1111ºº)) Clique no menu View > Contornar (Ctrl+Y)

1122ºº)) Clique no menu View > Visualização (Ctrl+Y)

1133ºº)) Clique no menu View > Mostrar Grade

1144ºº)) Clique no menu View > Ocultar Grade

1155ºº)) No teclado pressione a tecla F Pressione novamente a tecla F Pressione outra vez a tecla F.

CONCLUSÃO: Clique no menu Arquivo > Salvar Como, procure por sua pasta de aluno e salve este exemplo dentro da sua pasta. Depois abra um outro exemplo e faça uma revisão dos comandos que aprendeu.

ADOBE ILUSTRATOR


Lição 02 – Desenhos Básicos

Nesta lição faremos uma arte simples e aprenderemos alguns efeitos especiais no Adobe Ilustrator. CRIANDO UM NOVO ARQUIVO:


22ºº)) Clique no menu Arquivo > Novo (novo).

33ºº)) Ajuste as características da página como mostra a figura abaixo:

44ºº)) Após configurar a página (como a figura acima), clique no botão Ok.

55ºº)) Clique na ferramenta Retângulo

66ºº)) Desenhe um retângulo na página.

77ºº)) Na parte superior da sua tela ajuste as dimensões do retângulo para 120mm x 90mm.

88ºº)) No painel à direita da sua tela, clique no botão Amostras e clique na cor Vermelho.

99ºº)) Clique na ferramenta Tipo.

1100ºº)) Clique dentro da página e digite a frase abaixo: Dia da Informática

1111ºº)) Altere a cor do texto para Branco e, com a ferramenta Seleção, posicione o texto centralizado na página.

EFEITOS ESPECIAIS:

1122ºº)) Clique no menu Janela > Biblioteca de estilos de gráficos > Efeitos 3D.

1133ºº)) Com a ferramenta Seleção clique no retângulo do fundo (aquele retângulo vermelho).

1144ºº)) Clique em algum efeito na janela Efeitos 3D.

1155ºº)) Na janela “Efeitos 3D” existe uma pequena setinha para direita (na parte inferior), clique na setinha e descubra novos efeitos.

1166ºº)) Aplique também efeito no seu texto.

1177ºº)) Depois copie e cole uma imagem da Internet que represente bem o “Dia da Informática”.

ADOBE ILUSTRATOR


Lição 03 – DESENHANDO UM ANÚNCIO

PREPARANDO O ANÚNCIO:


22ºº)) Clique no menu Arquivo > Novo.

33ºº)) Configure sua página como mostra a figura abaixo:

44ºº)) Clique em Ok.

CONFIGURANDO A ÁREA DE DESENHO:

55ºº)) Clique no menu Janela > Espaço de Trabalho.

66ºº)) Clique na 1ª opção: Automação. Esse comando permite reorganizar suas janelas de desenho e ferramentas.

77ºº)) Agora clique novamente no menu Janela > Espaço de Trabalho.

88ºº)) Faça um teste com cada uma das opções e observe como as janelas são reorganizadas.

Essencial

Como o Freehand

Como o InDesign

Como o Photoshop

Pintura

Impressão e Prova

Tipografia

Web

99ºº)) O padrão de janela que trabalharemos neste exercício é ESSENCIAIS.

DESENHANDO O ANÚNCIO:

1100ºº)) Desenhe um retângulo de 160 x 100mm Obs: basta desenhar o retângulo e ajustar as suas dimensões na barra de propriedades na parte superior da sua tela.

1111ºº)) Desenhe um outro retângulo de 160 x 50mm, na parte superior do retângulo anterior, como mostra a figura abaixo:

1122ºº)) Altere as cores dos retângulos como mostra a figura abaixo:

Obs: para alterar as cores, clique no retângulo e depois clique na ferramenta Amostras (no lado direito da sua tela).

ADOBE ILUSTRATOR


1133ºº)) Com a ferramenta Seleção, selecione os dois retângulos.

1144ºº)) Na barra de propriedades (na parte superior da tela), altere a cor do contorno para Nenhum.

Assim os retângulos ficarão sem linha de contorno.

1155ºº)) Na Internet, pesquise uma imagem de criança usando um computador, então copie e cole a imagem na sua arte e posicione como mostra a figura baixo:

Obs: se necessário, utilize a ferramenta Tranformação Livre para ajustar as dimensões da foto.

1166ºº)) Clique no menu Janela > Transformar.

Obs: utilize esta janela para fazer ajustes de largura (L) e altura (A) da imagem. Neste exemplo a foto está com a dimensão 62x62mm.

1177ºº)) Clique na foto e depois clique no menu Efeitos > Textura > Granulado.

1188ºº)) Clique em Ok. (Isso irá criar um efeito na foto conhecido como jato de areia).

1199ºº)) Com a ferramenta Tipo, clique dentro da sua arte e digite o texto abaixo: Seu futuro está aqui.

2200ºº)) Com a ferramenta Tranformação Livre ou a ferramenta Seleção ajuste o texto para cor branco e posicione no seu anúncio como mostra a figura abaixo:

2211ºº)) Agora faça estes outros textos e posicione como mostra a figura abaixo:

2222ºº)) Após concluir o texto acima, clique na ferramenta Símbolos (esta ferramenta se encontra na barra de ferramentas à direita da sua tela).

2233ºº)) Clique e arraste o símbolo Foguete para dentro do seu anúncio.

2244ºº)) Ajuste o seu tamanho para 30 x 25mm.

ADOBE ILUSTRATOR


2255ºº)) Digite a frase Space Info na fonte Times New Roman, tamanho 35, Bold Italic.

2266ºº)) Clique no menu Janela > Biblioteca de Estilos de Gráficos > EFEITOS DE NEON.

2277ºº)) Clique no texto “Space Info” e depois, na janela de Efeitos de Neon, clique no efeito NÉON VERMELHO FINO.

2288ºº)) O resultado deverá ser parecido com o da figura abaixo:

2299ºº)) Agora só falta o endereço e pronto sua arte estará concluída: Obs: digite endereço e organize conforme a figura acima.

3300ºº)) Salve este exercício na sua pasta com o nome: Anuncio 01.

CRIANDO UM ARQUIVO PDF: Muitas vezes é necessário enviar sua arte ou anúncio para um cliente visualizá-lo, todavia o cliente pode não possuir o Adobe Ilustrador instalado. Daí surge a pergunta: O que fazer? A resposta é transforma seu arquivo em um arquivo PDF ou uma imagem JPG. Siga os passos abaixo:

3311ºº)) Clique no menu Arquivo > Salvar Como...

3322ºº)) Logo abaixo de onde você digita o nome do arquivo, escolha tipo ADOBE PDF.

3333ºº)) Clique no botão Salvar. Prontinho seu arquivo PDF foi criado, agora basta você ir até sua pasta e fazer um teste se o arquivo está abrindo como PDF.

3344ºº)) Depois é só enviar por e-mail para seu cliente e ele com certeza conseguirá visualizar o anúncio.

3355ºº)) Para criar uma imagem JPG, clique no menu Arquivo > Exportar e escolha o formato Jpg.

REVISÃO - FAÇA SOZINHO:

Crie um novo anúncio desta mesma empresa (Space Info), usando cores, efeitos, fotos e textos diferentes, na dimensão de 110 x 200mm. Ao final mostre ao seu instrutor.

ADOBE ILUSTRATOR


Lição 04 – CARTAZ

PREPARANDO O CARTAZ:



33ºº)) Configure sua página para o TAMANHO A3 como mostra a figura abaixo:

44ºº)) Clique em Ok.

CRIANDO UM FUNDO:

55ºº)) Desenhe um retângulo de 297 x 420 mm. Obs: este retângulo será o plano de fundo do nosso cartaz.

66ºº)) Altere a cor do retângulo para preenchimento Preto.

77ºº)) Posicione o retângulo de maneira que ele fique distribuído na página, ou seja, ocupando toda a página.

PREPARANDO UMA FOTO:

88ºº)) Abra o programa de Internet.

99ºº)) Pesquise uma imagem de boa qualidade com o tema: Planeta.

1100ºº)) Salve a imagem em sua pasta.

1111ºº)) Execute o Photoshop e remova o fundo da imagem. Atenção: a imagem com o fundo transparente deve ser salva em formato PSD.

1122ºº)) No Adobe Ilustrado, clique no menu Arquivo > Abrir.

1133ºº)) Abra o arquivo da foto.

1144ºº)) Com o arquivo da foto aberto, clique na foto.

1155ºº)) Pressione as teclas CTRl + C (copiar).

1166ºº)) Pressione as teclas CTRL + F6 (saltar).

1177ºº)) Pressione as teclas CTRL + V (colar). Obs: a foto será colada no seu cartaz.

1188ºº)) Ajuste a posição e o tamanho da sua foto de maneira que fique parecido com o da figura abaixo:

ESCREVENDO UM TEXTO:

1199ºº)) Clique na ferramenta Tipo e clique 1x dentro da sua página.

ADOBE ILUSTRATOR


2200ºº)) Na barra de propriedades (na parte superior da sua tela), ajuste o seguinte:

Cor: Branco

Fonte: Franklin Gothic Demi Condens

Tamanho: 110

2211ºº)) Digite a frase a baixo: SALVE O PLANETA

2222ºº)) Clique no menu Janela > Alinhar.

2233ºº)) Com a ferramenta Seleção clique no texto depois, com a tecla Shift pressionada, clique no retângulo preto (isso irá selecionar o texto e o fundo).

2244ºº)) Na janela Alinhar, clique na opção Alinhamento Horizontal e Centralizado.

2255ºº)) Posicione o texto como mostra a figura abaixo:

2266ºº)) Este é um bom momento para salvar o seu cartaz. Lembre-se: quedas de energia e travamento do computador podem comprometer o seu trabalho, por isso é importante salvar seus trabalhos pelo menos de 15 em 15 minutos.

2277ºº)) Com a ferramenta Tipo, escreva os outros textos do cartaz, como na figura abaixo:

Obs: os textos foram formatados com a mesma fonte do título, apenas o tamanho foi ajustado.

DANDO O SEU TOQUE PESSOAL:

2288ºº)) Clique no menu Janela > Biblioteca de estilos de gráficos > Efeitos 3D, e aplique alguns efeitos no texto ou na foto. Veja um exemplo:

FAÇA SOZINHO:

Crie um cartaz A3 sobre o Dia Mundial da Paz. Salve na sua pasta, depois crie PDF do cartaz. Envie o PDF para [email protected].

Para o texto

assumir a forma de

arco utilizei o

efeito 3d 3.

Experimente

quantos efeitos

desejar.

Mostre o resultado

ao seu instrutor.

ADOBE ILUSTRATOR


Lição 05 – DESENHANDO LOGOMARCAS

DESENHANDO POR CIMA: Nesta lição você irá aprender como desenhar uma logomarca de um cliente. Imagine a seguinte situação: seu cliente já possui uma logomarca no papel ou em uma imagem JPEG, todavia você precisa redesenhá-la para ser utilizada em uma arte. É isso que iremos aprender.

11ºº)) Pesquise na internet a imagem da logomarca abaixo e salve na sua pasta.


33ºº)) Clique no menu Arquivo > Abrir e abra a logomarca que você salvou.

44ºº)) Agora clique no menu Arquivo > Salvar Como...

55ºº)) Salve esta logomarca na sua pasta. Obs: o motivo de você salvá-la novamente é para que ela fique no formato do Adobe Ilustrator e também para manter o original sem alterações.

66ºº)) CRIANDO TRANSPARÊNCIA: a. Clique no menu Janela > Transparência.

b. Clique imagem da logomarca da Unimed.

c. Na janela Transparência, ajuste a

Opacidade para 50%

d. Assim a imagem ficará transparente e será mais fácil desenhar por cima dela.

77ºº)) Clique na ferramenta Caneta.

88ºº)) Clique nos cantos da logomarca da imagem, desenhando primeiro o lado esquerdo da logomarca, como mostra a figura abaixo:

99ºº)) Agora clique na ferramenta Seleção Direta.

1100ºº)) Faça pequenos ajustes que achar necessários nos cantinhos do desenho, deixando o mais parecido possível com o original.

1111ºº)) Clique na ferramenta Seleção.

1122ºº)) Clique no desenho e faça uma cópia, usando as teclas Ctrl + C e depois Ctrl + V (copiar e colar).

1133ºº)) Clique na cópia e depois clique no menu Objeto > Transformar > Refletir.

1144ºº)) Clique na opção Vertical e clique em OK.

Obs: o seu desenho será invertido.

ADOBE ILUSTRATOR


1155ºº)) Posicione a outra metade da logomarca como mostra a figura abaixo:

1166ºº)) Com a ferramenta Tipo e faça os textos da logomarca, deixando o mais parecido possível como original. Atenção: talvez você não consiga encontrar o mesmo tipo de letra (fonte), então utilize a fonte que você achar mais parecida com o original.

1177ºº)) Clique na ferramenta Retângulo e desenhe o retângulo em volta da logomarca. Altere a cor para verde.

1188ºº)) Clique com o botão direito do mouse no retângulo.

1199ºº)) Clique na opção Organizar > Ordenar para trás.

UnimedVitória

2200ºº)) Altere as cores do Texto e do desenho da logo para cor: Branco.

UnimedVitória

2211ºº)) Clique na ferramenta Segmento de Linha.

2222ºº)) Desenhe as duas linhas que se cruzam na logomarca.

UnimedVitória

2233ºº)) Na barra de propriedades (na parte superior da tela), ajuste a espessura de cada linha para que fique parecido com o original.

2244ºº)) Altere a cor da linha para branco.

2255ºº)) Agora apague (delete) a imagem original (aquela que está no fundo, transparente).

2266ºº)) Pronto. O resultado deverá ser parecido com este:

UnimedVitória

2277ºº)) Salve seu arquivo.

FAÇA SOZINHO:

Pesquise na internet, uma logomarca que você considere fácil e desenvolva o desenho dela por cima, como aprendemos nesta lição.

ADOBE ILUSTRATOR


Lição 06 – DESENHOS COM CURVAS

DESENHANDO UM CENÁRIO:

11ºº)) Execute o Adobe Ilustrator.

22ºº)) Crie um novo arquivo (menu Arquivo > Novo).

33ºº)) Clique no menu Janela > Espaço de Trabalho > Essenciais. Obs: este comando irá garantir que as ferramentas que iremos precisar estejam disponíveis.

44ºº)) Com a ferramenta Retângulo desenhe um retângulo na sua página.

55ºº)) Ative a janela de transformação (menu Janela > Transformar)

66ºº)) Ajuste as medidas do retângulo para 140 x 90mm.

77ºº)) Com a ferramenta Seleção clique no retângulo que você desenho (isso irá selecioná-lo).

88ºº)) Clique no botão Gradient (no painel à direita da sua tela), em Type escolha a opção Linear.

99ºº)) Surgirá as cores de um degradê no desenho.

1100ºº)) Altere a 1ª cor para amarelo.

1111ºº)) Altere a 2ª cor para vermelho.

1122ºº)) Altere o ângulo do gradiente para 90º.

1133ºº)) O resultado será um retângulo preenchido com um degradê (gradiente) de amarelo para vermelho.

ADOBE ILUSTRATOR


1144ºº)) Agora desenhe um outro retângulo de 140 x 45mm e preencha com um gradiente de verde claro para um verde escuro.

1155ºº)) O resultado final deverá ser parecido com o da figura abaixo:

1166ºº)) Desenhe um outro retângulo de 140 x 20mm e preencha com uma cor marrom, depois posicione como mostra a figura abaixo:

1177ºº)) Clique na ferramenta Adicionar Ponto Âncora.

Obs: esta ferramenta permite criar pequenos nós ao longo de uma linha.

1188ºº)) Clique na linha superior do último retângulo desenhado, criando alguns nós.

1199ºº)) Clique na ferramenta Seleção Direta. (na barra de ferramentas à sua esquerda).

2200ºº)) Clique nos “nós” que você acabou de criar e altere a sua posição como mostra a figura abaixo:

2211ºº)) Após a ajustar a posição dos nós como mostramos acima, faça o seguinte: a. Clique 1x em um dos nós.

b. Clique no botão Converter Pontos Ancoras

Selecionados em Suave (na barra de propriedades na parte superior da tela).

c. A linha será convertida em uma curva.

2222ºº)) Agora ajuste os outros pontos (nós) de maneira que fique parecida com a da figura abaixo:

ADOBE ILUSTRATOR


DESENHANDO UMA ESTRADA:

2233ºº)) Desenhe dois retângulos sobrepostos como mostra a figura abaixo, sendo o de baixo preto e o de cima branco:

2244ºº)) Com a ferramenta Seleção, selecione os dois retângulos desenhados.

2255ºº)) Após selecionar, clique com o botão direito do mouse sobre eles e clique na opção Agrupar. Obs: isso irá agrupar os dois desenhos.

2266ºº)) Posicione como mostra a figura abaixo:

2277ºº)) Clique no menu Efeitos > Distorcer e Transformar > Distorção Livre.

2288ºº)) Ajuste os cantos superiores de maneira que fique parecido com a da figura a seguir:

2299ºº)) Clique em Ok, o resultado deverá ser parecido com este:

3300ºº)) Agora pesquise algumas imagens e posicione no desenho deixando mais alegre e bonito, como mostra a figura abaixo:

ATENÇÃO: para inserir as imagens acima eu utilizei a galeria do Office (no Windows, clique no botão Iniciar > Todos os progrmas > Microsoft Office > Ferramentas do Microsoft Office > Microsoft Media Galery).

FAÇA SOZINHO:

a. Crie um novo arquivo e faça um novo cenário. Use sua imaginação e ao final mostre ao seu instrutor.

b. Pesquise uma logomarca na internet, uma que possua curvas e use as técnicas aprendidas para redesenhá-la. Ao final mostre ao seu instrutor.

ADOBE ILUSTRATOR


Lição 07 – TRANSFORMAR FOTOS EM DESENHOS

PESQUISANDO UMA FOTO: Neste exemplo iremos utilizar uma imagem da internet bem simples. O objetivo é transformar uma imagem bitmap (foto) em imagem vetorial (desenho). Portanto nossa foto terá cores simples o que facilitará a utilização do efeito especial, quanto mais simples as cores da foto mais fácil a transformação.

11ºº)) Execute o programa de Internet.

22ºº)) Acesse o site do Google e clique na opção Imagens.

33ºº)) Pesquise imagens da Turma da Mônica.

44ºº)) Salve na sua pasta uma boa imagem, com uma boa qualidade, como neste exemplo abaixo:

ABRINDO A IMAGEM NO ILUSTRATOR:


66ºº)) Abra o arquivo da Imagem pesquisada agora a pouco (clique no menu Arquivo > Abrir).

77ºº)) Depois de abrir a imagem, vamos salvá-la no formato do Adobe Ilustrator: Clique no menu Arquivo > Salvar

Como..., escolha a sua pasta de exercícios e clique em Salvar.

CRIANDO CÓPIAS: Serão feitas algumas cópias da foto para que possamos testar diversas maneiras de converter foto em desenho. Veja como fazer cópias facilmente:

88ºº)) Ajuste as dimensões (tamanho) da foto de maneira que ela fique dentro da página.

99ºº)) Com a ferramenta Seleção clique na foto.

1100ºº)) No teclado, mantenha pressionada a tecla ALT.

1111ºº)) Clique e arraste a foto (com Alt pressionada). Obs: quando você arrasta um objeto com a tecla Alt pressionada, o objeto será duplicado.

1122ºº)) Faça 03 (três) cópias, assim serão no total 4.

TRANSFORMANDO FOTO EM DESENHO:

1133ºº)) Clique em uma foto.

1144ºº)) Na barra de propriedades (na parte superior da tela), clique no botão Traçado em tempo real.

1155ºº)) Na barra de propriedades (parte superior da tela), clique no botão Expandir.

ADOBE ILUSTRATOR


1166ºº)) Clique agora, em outra foto e faça assim:

a. Clique na setinha ao lado do botão Traçado em tempo real.

b. Clique na opção Alta fidelidade da foto.

c. Clique no botão Expandir.

1177ºº)) Agora, clique em outra foto, faça o mesmo procedimento anterior, só que com a opção: Desenho técnico e na última foto com a opção: Escala de cinza. Atenção: não esqueça do comando Expandir.

1188ºº)) O resultado deverá ser parecido com este:

COMO ALTERAR AS CORES: Com a foto transformada em desenho, agora é possível alterar as cores facilmente. Veja como:

1199ºº)) Clique no primeiro desenho (foto).

2200ºº)) Agora clique com o botão direito do mouse.

2211ºº)) Clique na opção Desagrupar.

2222ºº)) Clique fora do desenho.

2233ºº)) Clique em alguma parte do desenho.

2244ºº)) No painel (à direita da tela), clique na ferramenta Cor.

2255ºº)) Clique na setinha, na parte superior direita, do caixa de cores.

Obs: este botão permite escolher padrão de cores que será utilizado.

2266ºº)) Clique na opção CMYK (este é padrão utilizado pelas gráficas e jornais).

2277ºº)) Agora é só escolher as cores que desejar.

2288ºº)) Altere as cores de todas os desenhos, depois experimente colocar outros objetos em cena (por exemplo: sol, nuvens, pássaros um cachorrinho tentando pegar o sorvete, etc...).

REDESENHO DE LOGOMARCAS:

Às vezes é necessário redesenhar uma logomarca que foi capturada por um scanner ou pesquisada na internet. Pesquise algumas logomarcas na internet e faça esta experiência.

Antes Depois

ADOBE ILUSTRATOR


Lição 08 – FAZENDO UM CARTÃO DE VISITA

COMO CONFIGURAR A PÁGINA: Iremos desenhar um cartão de visita no tamanho de 82x52mm. Siga os passos abaixo e veja como prepara a sua página para o desenho do carta:.



33ºº)) Configure a sua página para o tamanho 82 x 52mm e clique em Ok.

.

44ºº)) Clique no menu Arquivo > Salvar.

55ºº)) Salve seu arquivo na sua pasta.

66ºº)) Clique no menu Exibir > Mostrar réguas.

77ºº)) Agora clique no menu Exibir > Mostrar réguas das plancheta. Obs: observe que existem duas réguas na sua tela. Uma régua em toda a tela e outra régua que mostra o tamanho da arte do cartão de visita.

COMO CRIAR UM FUNDO:

88ºº)) Desenhe um retângulo do tamanho do cartão, ou seja, no tamanho 82 x 52mm.

99ºº)) Clique na ferramenta Seleção direta.

1100ºº)) Clique 1x no canto superior esquerdo do retângulo que você acabou de desenhar.

1111ºº)) Na painel de propriedades (na parte superior da tela), clique no botão Converter pontos âncoras em suave.

ADOBE ILUSTRATOR


1122ºº)) Observe que o canto do retângulo foi transformado em um ponto com curva.

1133ºº)) Agora ajuste a posição e a curva de maneira que fique parecido com o da figura abaixo:

1144ºº)) Preencha esta área do retângulo na cor Azul, sem contorno.

1155ºº)) Desenhe um outro retângulo no tamanho do cartão de visita (82 x 52mm).

1166ºº)) Preencha com a cor Laranja, sem contorno.

1177ºº)) E com o botão direito do mouse envie para trás do retângulo azul.

1188ºº)) O resultado deverá ser parecido com o da figura abaixo:

COMO INSERIR UMA LOGOMARCA:

1199ºº)) Clique no menu Arquivo > Abrir.

2200ºº)) Com a ajuda do seu instrutor abra o arquivo: UPGRADE LOGO.PSD.

2211ºº)) Copie e cole a logomarca no seu cartão de visita.

2222ºº)) Agora insira os textos do cartão de visita e alguns degradês (gradientes), deixando o cartão mais bonito. Depois salve o arquivo.

FAÇA SOZINHO: crie um novo cartão de visita

da Upgrade de forma diferente, ao seu gosto e mostre ao instrutor.

ADOBE ILUSTRATOR


Lição 09 – CRIANDO E PERSONALIZANDO A MARCA

SUA MISSÃO: a Sporte Academia deseja mudar a logomarca. Cabe a você a tarefa de criar uma nova logomarca para empresa e depois aplicar a logomarca em cada uma das artes listadas abaixo: placa de rua, camiseta, boné e cartão de visita, que também deverão ser desenhados por você. DICA: objetividade e simplicidade são o segredo para uma boa logomarca. Use poucos efeitos especiais, use o comando Rastrear no caso de usar imagens da internet. Você pode improvisar à vontade. Boa sorte.

ADOBE ILUSTRATOR


Lição 10 – DICAS E TRUQUES

FERRAMENTA PULVERIZAR:


22ºº)) Clique no menu Arquivo > Novo e crie um novo documento.

33ºº)) Clique no menu Janela > Símbolos. (isso irá ativar a janela de símbolos).

44ºº)) Clique na ferramenta Pulverizar Simbolos.

55ºº)) Na janela de símbolos, clique em um dos desenhos.

66ºº)) Agora, na página, clique e arraste o mouse, desenhando símbolos pela folha.

77ºº)) Experimente usar o Pulverizar para fazer outros símbolos pela página:

FERRAMENTA PINCEL IRREGULAR:

88ºº)) Desenhe um retângulo na sua tela e pinte de alguma cor:

99ºº)) Clique na ferramenta Pincel irregular.

1100ºº)) Ative a janela Pincéis (menu Janela > Pincéis).

1111ºº)) Escolha o tamanho do Pincel, dando um clique em uma opção na janela Pincéis.

ADOBE ILUSTRATOR


1122ºº)) Agora clique e arraste o mouse sobre o retângulo, fazendo uma pintura com o pincel:

Obs: se necessário altere a cor do pincel.

1133ºº)) Você pode desenhar com o Pincel, em qualquer lugar da página.

FERRAMENTA MALHA:

1144ºº)) Clique na ferramenta Elipse.

1155ºº)) Desenhe um círculo na sua página:

1166ºº)) Agora clique na ferramenta Malha:

1177ºº)) Clique 1x no desenho do círculo e depois, na paleta de cores (color), clique em alguma cor. O resultado será bem interessante:

1188ºº)) Agora clique em algum outro lugar dentro do círculo e depois clique em alguma cor diferente.

1199ºº)) Agora clique na ferramenta Seleção direta.

2200ºº)) Clique em algum local dentro do círculo e depois clique em algum cor, na paleta de cores.

2211ºº)) Faça isso de novo e vá verificando o resultado.

2222ºº)) Com a ferramenta Malha você consegue resultados maravilhosos. Dá até pra fazer a logomarca da Rede Globo:

Documents

Apostila - Ilustrator - CS4