ADOBE ILUSTRATOR

UPGRADE INFORMTICA

PG. 1

 ADOBE ILUSTRATOR

APOSTILA DO CURSO DE ARTES GRFICAS

Adobe ILUSTRATOR
Exerccios 100% prticos

Por: Horlando Sousa Upgrade Informtica

UPGRADE INFORMTICA PG. 2

 ADOBE ILUSTRATOR

SUMRIO
APRESENTAO......................................................................................................................................... 4 COMO FUNCIONA ESTE CURSO: .............................................................................................................. 5 CAPTULO 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 LIO 01 NOES BSICAS ............................................................................................................... 09 Abrindo um arquivo Tcnicas de visualizao LIO 02 DESENHOS BSICOS........................................................................................................... 10 Criando um novo arquivo Efeitos Especiais LIO 03 DESENHANDO UM ANNCIO .............................................................................................. 11 Preparando o anncio Configurando a rea de desenho Desenhando o anncio Criando um arquivo PDF e JPG LIO 04 FAZENDO UM CARTAZ ........................................................................................................ 14 Preparando o cartaz Criando um fundo Preparando uma foto para o cartaz Escrevendo um texto Dando um toque pessoal LIO 05 DESENHANDO LOGOMARCAS ........................................................................................... 16 Desenhando uma logomarca por cima Criando transparncia LIO 06 DESENHOS COM CURVAS .................................................................................................. 18 Desenhando um cenrio Desenhando em perspectiva Inserindo imagens LIO 07 TRANSFORMAR FOTOS EM DESENHO ............................................................................. 21 LIO 08 FAZENDO UM CARTO DE VISITA ..................................................................................... 23 LIO 09 CRIANDO E PERSONALIZANDO UMA LOGOMARCA ....................................................... 23 LIO 10 DICAS E TRUQUES ............................................................................................................... 26

UPGRADE INFORMTICA

PG. 3

 ADOBE ILUSTRATOR

APRESENTAO

Bem vindo!

prender informtica faz parte da formao de qualquer profissional nos dias de hoje. No saber informtica se tornou algo to mortal quanto no ter gua pra beber ou ar pra respirar, ou seja, se voc

no conhece ou no utiliza os recursos da informtica no seu dia-a-dia, no se torna competitivo no consegue abraar as oportunidades do mundo atual, no consegue sucesso na carreira nem a praticidade oferecida pela tecnologia. A Upgrade Informtica lhe oferece a oportunidade de conhecer este fantstico mundo de forma inovadora, sem teorias, sem rodeios, indo direto ao ponto. Isso s possvel porque nossa empresa possui vrios anos de experincia no negcio de computadores, tratando com clientes e conhecendo seus problemas e dificuldades. No somos apenas uma escola, mas uma empresa completa, que vende computadores e acessrios de informtica, que possui uma das melhores oficinas tcnicas de informtica e que oferece os melhores cursos de informtica do pas. Voc j um vencedor. A partir do momento que decidiu aprender informtica voc j est trilhando o caminho certo. A informtica, 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 so os setores que lidam diretamente com a informtica. Mantenha-se determinado e motivado. No se limite apenas ao que for instrudo 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 mdico que acabou de se formar? Pois ... eu tambm no. Por isso, aps terminar este curso trate de praticar, buscar desafios, estgios, oportunidades de marcar o seu nome na histria. E saiba que sempre poder contar com nosso apoio. Um grande abrao e muito sucesso. HORLANDO SOUSA Diretor de Treinamento horlandosousa@hotmail.com
(41) 9143-2211, 3642-5300, 3018-3439

UPGRADE INFORMTICA

PG. 4

 ADOBE ILUSTRATOR

COMO FUNCIONA ESTE CURSO

DURAO: A durao obedece uma carga horria pr-estabelecida. Esta carga horrio foi criada de maneira que voc possa cumprir todo o ensino proposto no contedo programtico. A data de trmino do seu curso acontecer ao final desta carga horria contada a partir da data de incio 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 concluso ser em aproximadamente 7 semanas (quase 02 meses). Quem deseja fazer o curso rapidamente, deve optar por horrios com maior freqncia de aula e aqueles que desejam fazer o curso mais lentamente devem optar por horrios com menos freqncia de aulas. Em ambos os casos o aluno cumprir a carga horria programada. Importante: muitas vezes o aluno consegue cumprir a programao antes de finalizar sua carga horria. Neste caso, o tempo restante, ser ocupado com novos conhecimentos e novos exerccio. Em caso contrrio, quando o aluno no consegue cumprir no tempo previsto, a escola acrescentar, sem nenhum custo, at 10% a mais de horas aula para ajudar o aluno. FALTAS e REPOSIO 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, no ir perder estas aulas. A reposio 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 reposio de aula dever comunicar antecipadamente a sua falta. Se isso no for feito, aquela aula ser perdida. O certificado s ser emitido para alunos com pelo menos 75% de presena. Quando o motivo for doena ou viagem, com maior perodo de ausncia das aulas, o aluno poder negociar a reposio destas aulas com a diretoria da escola, desde que comunicado antecipadamente. MTODO: Enquanto outras escolas trabalham com turmas de 20 a 30 alunos a Upgrade Informtica trabalha com turmas bem menores, melhorando assim, o rendimento do curso. As aulas so em pequenas turmas mistas, com professores capacitados e bem preparados. As aulas no so Vips (individuais), elas so participativas, em turma, mas cada aluno segue seu prprio ritmo e o instrutor ensina na velocidade individual de cada aluno, assim cada aluno recebe instruo, ateno e acompanhamento de acordo com a sua necessidade e capacidade. s vezes, poder acontecer que, um aluno com uma dvida 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 Informtica conta com curso VIP (aulas totalmente individuais). Para isso verifique em nosso atendimento os preos e horrios disponveis para este tipo de curso. PAGAMENTO: Em alguns casos o aluno parcela o pagamento do curso num prazo superior a data do trmino do curso. Portanto, embora o aluno tenha concludo o curso, deve ficar atento quanto aos demais pagamentos, evitando transtornos.

UPGRADE INFORMTICA

PG. 5

 ADOBE ILUSTRATOR

Conceitos

Neste captulo voc aprender alguns conceitos bsicos sobre o mundo das artes grficas. Estes conceitos so 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 so os vetoriais e os bitmaps. Os desenhos vetoriais so compostos de linhas e curvas e gerados a partir de descries matemticas que determinam a posio, o comprimento e a direo na qual as linhas so desenhadas. Os bitmaps, tambm conhecidos como imagens por rastreio, so compostos de minsculos quadrados denominados pixels; e cada pixel mapeado para um local na imagem e tem valores numricos de cor. Uma fotografia um exemplo de imagem Bitmap. Os desenhos vetoriais so ideais para logotipos e ilustraes por serem independentes de resoluo, alm de poderem ser dimensionados para qualquer tamanho ou impressos e exibidos em qualquer resoluo, sem perder os detalhes e a qualidade. Alm disso, possvel produzir contornos aguados e definidos com grficos vetoriais. Os bitmaps so excelentes para fotografias e pinturas digitais j que reproduzem bem as gradaes de cor. Os bitmaps so dependentes da resoluo, ou seja, representam um nmero 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 so dimensionados, ou exibidos ou impressos em uma resoluo superior original. O Adobe Ilustrator um programa para desenho de vetores, mais que tambm 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 padres. Os padres mais utilizados so 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 carto de visita ou qualquer material para impresso numa grfica o sistema escolhido dever ser o CMYK ou Pantone; todavia se o seu objetivo e desenhar algo que ser utilizado na internet ou numa apresentao apenas no vdeo do computador o melhor sistema o RGB. O Adobe Ilustrator um programa que tem como padro do sistema de cores CMYK.

UPGRADE INFORMTICA

PG. 6

 ADOBE ILUSTRATOR

PSICOLOGIA DAS CORES: A escolha das cores fundamental para uma boa harmonia dos elementos de uma arte grfica ou de um site. Ela pode enfatizar textos, imagens e caracterizar especialmente os elementos da pgina. A cor exerce influncia decisiva nos olhos dos seres humanos, afeta a atividade muscular, mental e nervosa. A combinao certa pode causar efeitos como de excitao, urgncia, contentamento, calma, vulgaridade, melancolia, segurana etc., e ainda destacar algum elemento em relao a outro. Nas artes grficas e mesmo na web a seleo de uma cor um pouco complicada, pois impossvel garantir que uma determinada cor ir se apresentar na impresso ou no monitor do usurio como ela realmente , ou seja, como a que o designer colocou. Isto acontece devido ao fato de cada monitor ter uma especificao 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 resoluo como 640480 pixels, 800600 pixels e assim por diante. A combinao desses fatores que ir determinar a fidelidade e a reproduo de cores e a qualidade das imagens. Abaixo apresento como voc poder visualizar algumas sensaes psicolgicas conhecidas: Cor Amarelo Azul Sensao visual egosmo, cimes, inveja, prazer, conforto, alerta, esperana, flores grandes, vero, limo, calor da luz solar, iluminao, alerta, euforia. pureza, f, frio, mar, cu, horizonte, feminilidade, espao, intelectualidade, paz, serenidade, fidelidade, confiana, harmonia, afeto, amizade, amor, viagem, verdade, advertncia. pureza, sade, inocncia, paz, divindade, calma, harmonia, para os orientais pode significar morte, batismo, casamento, cisne, lrio, neve, ordem, simplicidade, limpeza, bem. tristeza, chuva, neblina, tdio, velhice, passado, seriedade. Posio intermediria entre luz e sombra. prazer, xtase, dureza, euforia, outono, aurora, festa, luminosidade, tentao, senso de humor. Flamejar do fogo. cordialidade, comportamento nobre, pensar, melancolia, terra, lama, outono, doena, desconforto, pesar, vigor. negativo, mistrio, sujeira, sombra, carvo, fumaa, misria, pessimismo, melancolia, nobreza, seriedade. Alegre quando combinado com outras cores. graa, ternura, juventude, amor fantasia, mistrio, egosmo, espiritualidade, noite, aurora, sonho, igreja, justia, misticismo, delicadeza, calma. umidade, frescor, bosque, mar, vero, adolescncia, bem-estar, paz, sade (medicina), esperana, liberdade, paz repousante. Pode desencadear paixes. calor, Dinamismo, guerra, sol, fogo, ateno, conquista, coragem, furor, vigor, glria, ira, emoo, paixo, ao, agressividade, perigo, dinamismo, baixeza, energia, revolta, calor, violncia, apetite.

Branco

Cinza Laranja Marrom Preto Rosa Roxo Verde Vermelho

UPGRADE INFORMTICA

PG. 7

 ADOBE ILUSTRATOR

TIPOS E EFEITOS EM CORES: Podemos aplicar qualquer cor em um desenho. O Adobe Ilustrator possui algumas ferramentas especiais que vo permite a aplicao destas de cores nas seguintes formas: Preenchimento Uniforme: as cores so dispostas de maneira uniforme (igual) em toda a superfcie do objeto desenhado Gradiente Linear (degrad linear): as cores variam de um ponto a outro, podendo se composta por diversas opes de cores. Gradiente Radial (degrad radial): as cores variam de um ponto central em forma de crculos at a extremidade do desenho. Gradiente Conical (degrad cnico): 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 diferena que sua forma baseada em quadrados. Texturas, bitmaps, postscritp: so padres de cores baseados em texturas e imagens pr-definidas, mas que tambm permitem variaes nas cores. Uniforme

Linear

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 impresso existem diversos formatos de papel no mercado. As grficas usam um padro prprio de papel, todavia, as impressoras domsticas (aquela que voc tem em casa) utilizam outros padres de medidas. Voc sempre deve consultar os tamanhos disponveis na grfica, fazendo um planejamento para sua economia nos custos da impresso. 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 no, existem grficas rpidas 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 preos so cada dia mais baratos para fazer aquele quadro bonito que voc deseja a tanto tempo.

UPGRADE INFORMTICA

PG. 8

 ADOBE ILUSTRATOR

Lio 01 Noes Bsicas

ABRINDO UM ARQUIVO: 1) Execute o programa Adobe Ilustrator. 2) Clique no menu Arquivo > Abrir. 3) 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 Obs: isso far com que a pgina seja centralizada na tela. 7) Com a ferramenta Mo clique na sua pgina e arraste. Obs: isso ir mover a pgina na tela. 8) Pressione as teclas Ctrl + (as teclas control e adio). Pressione novamente Ctrl + (este comando aumenta o zoom). Pressione novamente Ctrl + (este comando aumenta o zoom). 9) 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). 10) Clique 2x (rapidamente) na ferramenta Mo. (isso ir ajustar a pgina na tela). 11) Clique no menu View > Contornar (Ctrl+Y) 12) Clique no menu View > Visualizao (Ctrl+Y) 13) Clique no menu View > Mostrar Grade 14) Clique no menu View > Ocultar Grade 15) No teclado pressione a tecla F Pressione novamente a tecla F TCNICAS DE VISUALIZAO: 5) Na barra de ferramentas ( esquerda da tela), procure pela ferramenta Mo. Pressione outra vez a tecla F. CONCLUSO: 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 faa uma reviso dos comandos que aprendeu.

4) Clique no arquivo A Vida em um Corao Grunge e clique no boto Abrir.

6) Clique 2x (rapidamente) na ferramenta Mo.

UPGRADE INFORMTICA

PG. 9

 ADOBE ILUSTRATOR

Lio 02 Desenhos Bsicos

Nesta lio faremos uma arte simples e aprenderemos alguns efeitos especiais no Adobe Ilustrator. CRIANDO UM NOVO ARQUIVO: 1) Execute o programa Adobe Ilustrator. 2) Clique no menu Arquivo > Novo (novo). 3) Ajuste as caractersticas da pgina como mostra a figura abaixo: 9) Clique na ferramenta Tipo. 10) Clique dentro da pgina e digite a frase abaixo: Dia da Informtica 11) Altere a cor do texto para Branco e, com a ferramenta Seleo, posicione o texto centralizado na pgina.

EFEITOS ESPECIAIS: 4) Aps configurar a pgina (como a figura acima), clique no boto Ok. 5) Clique na ferramenta Retngulo 6) Desenhe um retngulo na pgina. 7) Na parte superior da sua tela ajuste as dimenses do retngulo para 120mm x 90mm. 13) Com a ferramenta Seleo clique no retngulo do fundo (aquele retngulo vermelho). 14) Clique em algum efeito na janela Efeitos 3D. 15) Na janela Efeitos 3D existe uma pequena setinha para direita (na parte inferior), clique na setinha e descubra novos efeitos. 16) Aplique tambm efeito no seu texto. 17) Depois copie e cole uma imagem da Internet que represente bem o Dia da Informtica. 12) Clique no menu Janela > Biblioteca de estilos de grficos > Efeitos 3D.

8) No painel direita da sua tela, clique no boto Amostras e clique na cor Vermelho.

UPGRADE INFORMTICA

PG. 10

 ADOBE ILUSTRATOR

Lio 03 DESENHANDO UM ANNCIO

PREPARANDO O ANNCIO: 1) Execute o programa Adobe Ilustrator. 2) Clique no menu Arquivo > Novo. 3) Configure sua pgina como mostra a figura abaixo: DESENHANDO O ANNCIO: 10) Desenhe um retngulo de 160 x 100mm Obs: basta desenhar o retngulo e ajustar as suas dimenses na barra de propriedades na parte superior da sua tela. 11) Desenhe um outro retngulo de 160 x 50mm, na parte superior do retngulo anterior, como mostra a figura abaixo: Impresso e Prova Tipografia Web 9) O padro de janela que trabalharemos neste exerccio ESSENCIAIS.

4) Clique em Ok. CONFIGURANDO A REA DE DESENHO: 5) Clique no menu Janela > Espao de Trabalho. 6) Clique na 1 opo: Automao. Esse comando permite reorganizar suas janelas de desenho e ferramentas. 7) Agora clique novamente no menu Janela > Espao de Trabalho. 8) Faa um teste com cada uma das opes e observe como as janelas so reorganizadas. Essencial Como o Freehand Como o InDesign Como o Photoshop Pintura Obs: para alterar as cores, clique no retngulo e depois clique na ferramenta Amostras (no lado direito da sua tela).

12) Altere as cores dos retngulos como mostra a figura abaixo:

UPGRADE INFORMTICA

PG. 11

 ADOBE ILUSTRATOR

13) Com a ferramenta Seleo, selecione os dois retngulos. 14) Na barra de propriedades (na parte superior da tela), altere a cor do contorno para Nenhum.

19) Com a ferramenta Tipo, clique dentro da sua arte e digite o texto abaixo: Seu futuro est aqui. 20) Com a ferramenta Tranformao Livre ou a ferramenta Seleo ajuste o texto para cor branco e posicione no seu anncio como mostra a figura abaixo:

Assim os retngulos ficaro sem linha de contorno. 15) Na Internet, pesquise uma imagem de criana usando um computador, ento copie e cole a imagem na sua arte e posicione como mostra a figura baixo:

21) Agora faa estes outros textos e posicione como mostra a figura abaixo:

Obs: se necessrio, utilize a ferramenta Tranformao Livre para ajustar as dimenses da foto. 16) Clique no menu Janela > Transformar.

22) Aps concluir o texto acima, clique na ferramenta Smbolos (esta ferramenta se encontra na barra de ferramentas direita da sua tela).

Obs: utilize esta janela para fazer ajustes de largura (L) e altura (A) da imagem. Neste exemplo a foto est com a dimenso 62x62mm. 17) Clique na foto e depois clique no menu Efeitos > Textura > Granulado. 18) Clique em Ok. (Isso ir criar um efeito na foto conhecido como jato de areia).

23) Clique e arraste o smbolo Foguete para dentro do seu anncio.

24) Ajuste o seu tamanho para 30 x 25mm.

UPGRADE INFORMTICA PG. 12

 ADOBE ILUSTRATOR

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

CRIANDO UM ARQUIVO PDF: Muitas vezes necessrio enviar sua arte ou anncio para um cliente visualiz-lo, todavia o cliente pode no 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: 31) Clique no menu Arquivo > Salvar Como... 32) Logo abaixo de onde voc digita o nome do arquivo, escolha tipo ADOBE PDF.

26) Clique no menu Janela > Biblioteca de Estilos de Grficos > EFEITOS DE NEON. 27) Clique no texto Space Info e depois, na janela de Efeitos de Neon, clique no efeito NON VERMELHO FINO. 28) O resultado dever ser parecido com o da figura abaixo:

33) Clique no boto 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. 34) Depois s enviar por e-mail para seu cliente e ele com certeza conseguir visualizar o anncio. 29) Agora s falta o endereo e pronto sua arte estar concluda: 35) Para criar uma imagem JPG, clique no menu Arquivo > Exportar e escolha o formato Jpg.

Obs: digite endereo e organize conforme a figura acima. 30) Salve este exerccio na sua pasta com o nome: Anuncio 01.

REVISO - FAA SOZINHO: Crie um novo anncio desta mesma empresa (Space Info), usando cores, efeitos, fotos e textos diferentes, na dimenso de 110 x 200mm. Ao final mostre ao seu instrutor.
PG. 13

UPGRADE INFORMTICA

 ADOBE ILUSTRATOR

Lio 04 CARTAZ
PREPARANDO O CARTAZ: 1) Execute o programa Adobe Ilustrator. 2) Clique no menu Arquivo > Novo. 3) Configure sua pgina para o TAMANHO A3 como mostra a figura abaixo: 10) Salve a imagem em sua pasta. 11) Execute o Photoshop e remova o fundo da imagem. Ateno: a imagem com o fundo transparente deve ser salva em formato PSD. 12) No Adobe Ilustrado, clique no menu Arquivo > Abrir. 13) Abra o arquivo da foto. 14) Com o arquivo da foto aberto, clique na foto. 15) Pressione as teclas CTRl + C (copiar). 16) Pressione as teclas CTRL + F6 (saltar). 17) Pressione as teclas CTRL + V (colar). Obs: a foto ser colada no seu cartaz. 4) Clique em Ok. CRIANDO UM FUNDO: 5) Desenhe um retngulo de 297 x 420 mm. Obs: este retngulo ser o plano de fundo do nosso cartaz. 6) Altere a cor do retngulo para preenchimento Preto. 7) Posicione o retngulo de maneira que ele fique distribudo na pgina, ou seja, ocupando toda a pgina. PREPARANDO UMA FOTO: 8) Abra o programa de Internet. 9) Pesquise uma imagem de boa qualidade com o tema: Planeta.
UPGRADE INFORMTICA

18) Ajuste a posio e o tamanho da sua foto de maneira que fique parecido com o da figura abaixo:

ESCREVENDO UM TEXTO: 19) Clique na ferramenta Tipo e clique 1x dentro da sua pgina.

PG. 14

 ADOBE ILUSTRATOR

20) Na barra de propriedades (na parte superior da sua tela), ajuste o seguinte: Cor: Fonte: Tamanho: Branco Franklin Gothic Demi Condens 110

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

21) Digite a frase a baixo: SALVE O PLANETA 22) Clique no menu Janela > Alinhar. 23) Com a ferramenta Seleo clique no texto depois, com a tecla Shift pressionada, clique no retngulo preto (isso ir selecionar o texto e o fundo). 24) Na janela Alinhar, clique na opo Alinhamento Horizontal e Centralizado.

Obs: os textos foram formatados com a mesma fonte do ttulo, apenas o tamanho foi ajustado. DANDO O SEU TOQUE PESSOAL: 28) Clique no menu Janela > Biblioteca de estilos de grficos > Efeitos 3D, e aplique alguns efeitos no texto ou na foto. Veja um exemplo:
Para o texto assumir a forma de arco utilizei o efeito 3d 3. Experimente quantos efeitos desejar. Mostre o resultado ao seu instrutor.

25) Posicione o texto como mostra a figura abaixo:

26) 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.

FAA SOZINHO: Crie um cartaz A3 sobre o Dia Mundial da Paz. Salve na sua pasta, depois crie PDF do cartaz. Envie o PDF para horlandosousa@gmail.com.

UPGRADE INFORMTICA

PG. 15

 ADOBE ILUSTRATOR

Lio 05 DESENHANDO LOGOMARCAS

DESENHANDO POR CIMA: Nesta lio voc ir aprender como desenhar uma logomarca de um cliente. Imagine a seguinte situao: seu cliente j possui uma logomarca no papel ou em uma imagem JPEG, todavia voc precisa redesenhla para ser utilizada em uma arte. isso que iremos aprender. 1) Pesquise na internet a imagem da logomarca abaixo e salve na sua pasta. 8) Clique nos cantos da logomarca da imagem, desenhando primeiro o lado esquerdo da logomarca, como mostra a figura abaixo:

9) Agora clique na ferramenta Seleo Direta. 2) Execute o programa Adobe Ilustrator. 3) Clique no menu Arquivo > Abrir e abra a logomarca que voc salvou. 4) Agora clique no menu Arquivo > Salvar Como... 5) Salve esta logomarca na sua pasta. Obs: o motivo de voc salv-la novamente para que ela fique no formato do Adobe Ilustrator e tambm para manter o original sem alteraes. 6) CRIANDO TRANSPARNCIA: a. Clique no menu Janela > Transparncia. b. Clique imagem da logomarca da Unimed. c. Na janela Transparncia, ajuste a Opacidade para 50% d. Assim a imagem ficar transparente e ser mais fcil desenhar por cima dela. 7) Clique na ferramenta Caneta. 10) Faa pequenos ajustes que achar necessrios nos cantinhos do desenho, deixando o mais parecido possvel com o original. 11) Clique na ferramenta Seleo. 12) Clique no desenho e faa uma cpia, usando as teclas Ctrl + C e depois Ctrl + V (copiar e colar). 13) Clique na cpia e depois clique no menu Objeto > Transformar > Refletir. 14) Clique na opo Vertical e clique em OK.

Obs: o seu desenho ser invertido.

UPGRADE INFORMTICA

PG. 16

 ADOBE ILUSTRATOR

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

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

Un i m ed
Vitria
21) Clique na ferramenta Segmento de Linha. 16) Com a ferramenta Tipo e faa os textos da logomarca, deixando o mais parecido possvel como original. Ateno: talvez voc no consiga encontrar o mesmo tipo de letra (fonte), ento utilize a fonte que voc achar mais parecida com o original. 22) Desenhe as duas linhas que se cruzam na logomarca.

Un i m ed
Vitria
23) Na barra de propriedades (na parte superior da tela), ajuste a espessura de cada linha para que fique parecido com o original. 24) Altere a cor da linha para branco.

17) Clique na ferramenta Retngulo e desenhe o retngulo em volta da logomarca. Altere a cor para verde.

25) Agora apague (delete) a imagem original (aquela que est no fundo, transparente). 26) Pronto. O resultado dever ser parecido com este:

Un i m ed
18) Clique com o boto direito do mouse no retngulo. 19) Clique na opo Organizar > Ordenar para trs. 27) Salve seu arquivo. FAA SOZINHO:

Vitria

Un i m ed
Vitria

Pesquise na internet, uma logomarca que voc considere fcil e desenvolva o desenho dela por cima, como aprendemos nesta lio.

UPGRADE INFORMTICA

PG. 17

 ADOBE ILUSTRATOR

Lio 06 DESENHOS COM CURVAS

DESENHANDO UM CENRIO: 1) Execute o Adobe Ilustrator. 2) Crie um novo arquivo (menu Arquivo > Novo). 3) Clique no menu Janela > Espao de Trabalho > Essenciais. Obs: este comando ir garantir que as ferramentas que iremos precisar estejam disponveis. 4) Com a ferramenta Retngulo desenhe um retngulo na sua pgina. 5) Ative a janela de transformao (menu Janela > Transformar) 11) Altere a 2 cor para vermelho. 10) Altere a 1 cor para amarelo.

6) Ajuste as medidas do retngulo para 140 x 90mm. 12) Altere o ngulo do gradiente para 90.

7) Com a ferramenta Seleo clique no retngulo que voc desenho (isso ir selecion-lo). 8) Clique no boto Gradient (no painel direita da sua tela), em Type escolha a opo Linear.

13) O resultado ser um retngulo preenchido com um degrad (gradiente) de amarelo para vermelho. 9) Surgir as cores de um degrad no desenho.

UPGRADE INFORMTICA

PG. 18

 ADOBE ILUSTRATOR

14) Agora desenhe um outro retngulo de 140 x 45mm e preencha com um gradiente de verde claro para um verde escuro. 15) O resultado final dever ser parecido com o da figura abaixo:

19) Clique na ferramenta Seleo Direta. (na barra de ferramentas sua esquerda).

20) Clique nos ns que voc acabou de criar e altere a sua posio como mostra a figura abaixo:

16) Desenhe um outro retngulo de 140 x 20mm e preencha com uma cor marrom, depois posicione como mostra a figura abaixo:

21) Aps a ajustar a posio dos ns como mostramos acima, faa o seguinte: a. Clique 1x em um dos ns. b. Clique no boto Converter Pontos Ancoras Selecionados em Suave (na barra de propriedades na parte superior da tela). 17) Clique na ferramenta Adicionar Ponto ncora.

c. A linha ser convertida em uma curva. 22) Agora ajuste os outros pontos (ns) de maneira que fique parecida com a da figura abaixo:

Obs: esta ferramenta permite criar pequenos ns ao longo de uma linha. 18) Clique na linha superior do ltimo retngulo desenhado, criando alguns ns.

UPGRADE INFORMTICA

PG. 19

 ADOBE ILUSTRATOR

DESENHANDO UMA ESTRADA: 23) Desenhe dois retngulos sobrepostos como mostra a figura abaixo, sendo o de baixo preto e o de cima branco:

29) Clique em Ok, o resultado dever ser parecido com este:

24) Com a ferramenta Seleo, selecione os dois retngulos desenhados. 25) Aps selecionar, clique com o boto direito do mouse sobre eles e clique na opo Agrupar. Obs: isso ir agrupar os dois desenhos. 26) Posicione como mostra a figura abaixo:

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

27) Clique no menu Efeitos > Distorcer e Transformar > Distoro Livre.

ATENO: para inserir as imagens acima eu utilizei a galeria do Office (no Windows, clique no boto Iniciar > Todos os progrmas > Microsoft Office > Ferramentas do Microsoft Office > Microsoft Media Galery). FAA SOZINHO: a. Crie um novo arquivo e faa um novo cenrio. Use sua imaginao e ao final mostre ao seu instrutor. b. Pesquise uma logomarca na internet, uma que possua curvas e use as tcnicas aprendidas para redesenh-la. Ao final mostre ao seu instrutor.
PG. 20

28) Ajuste os cantos superiores de maneira que fique parecido com a da figura a seguir:
UPGRADE INFORMTICA

 ADOBE ILUSTRATOR

Lio 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 utilizao do efeito especial, quanto mais simples as cores da foto mais fcil a transformao. 1) Execute o programa de Internet. 2) Acesse o site do Google e clique na opo Imagens. 3) Pesquise imagens da Turma da Mnica. 4) Salve na sua pasta uma boa imagem, com uma boa qualidade, como neste exemplo abaixo: CRIANDO CPIAS: Sero feitas algumas cpias da foto para que possamos testar diversas maneiras de converter foto em desenho. Veja como fazer cpias facilmente: 8) Ajuste as dimenses (tamanho) da foto de maneira que ela fique dentro da pgina. 9) Com a ferramenta Seleo clique na foto. 10) No teclado, mantenha pressionada a tecla ALT. 11) Clique e arraste a foto (com Alt pressionada). Obs: quando voc arrasta um objeto com a tecla Alt pressionada, o objeto ser duplicado. 12) Faa 03 (trs) cpias, assim sero no total 4.

TRANSFORMANDO FOTO EM DESENHO: 13) Clique em uma foto. ABRINDO A IMAGEM NO ILUSTRATOR: 5) Execute o Adobe Ilustrator. 6) Abra o arquivo da Imagem pesquisada agora a pouco (clique no menu Arquivo > Abrir). 7) Depois de abrir a imagem, vamos salv-la no formato do Adobe Ilustrator: Clique no menu Arquivo > Salvar Como..., escolha a sua pasta de exerccios e clique em Salvar.
UPGRADE INFORMTICA PG. 21

14) Na barra de propriedades (na parte superior da tela), clique no boto Traado em tempo real.

15) Na barra de propriedades (parte superior da tela), clique no boto Expandir.

 ADOBE ILUSTRATOR

16) Clique agora, em outra foto e faa assim: a. Clique na setinha ao lado do boto Traado em tempo real. b. Clique na opo Alta fidelidade da foto. c. Clique no boto Expandir. 17) Agora, clique em outra foto, faa o mesmo procedimento anterior, s que com a opo: Desenho tcnico e na ltima foto com a opo: Escala de cinza. Ateno: no esquea do comando Expandir. 18) O resultado dever ser parecido com este:

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

Obs: este boto permite escolher padro de cores que ser utilizado. 26) Clique na opo CMYK (este padro utilizado pelas grficas e jornais). 27) Agora s escolher as cores que desejar.

COMO ALTERAR AS CORES: Com a foto transformada em desenho, agora possvel alterar as cores facilmente. Veja como: 19) Clique no primeiro desenho (foto). 20) Agora clique com o boto direito do mouse. 21) Clique na opo Desagrupar. 22) Clique fora do desenho. 23) Clique em alguma parte do desenho. 24) No painel ( direita da tela), clique na ferramenta Cor.

28) Altere as cores de todas os desenhos, depois experimente colocar outros objetos em cena (por exemplo: sol, nuvens, pssaros um cachorrinho tentando pegar o sorvete, etc...). REDESENHO DE LOGOMARCAS: s vezes necessrio redesenhar uma logomarca que foi capturada por um scanner ou pesquisada na internet. Pesquise algumas logomarcas na internet e faa esta experincia.

Antes

Depois

UPGRADE INFORMTICA

PG. 22

 ADOBE ILUSTRATOR

Lio 08 FAZENDO UM CARTO DE VISITA

COMO CONFIGURAR A PGINA: Iremos desenhar um carto de visita no tamanho de 82x52mm. Siga os passos abaixo e veja como prepara a sua pgina para o desenho do carta:. 1) Execute o Adobe Ilustrator. 2) Clique no menu Arquivo > Novo. 3) Configure a sua pgina para o tamanho 82 x 52mm e clique em Ok. COMO CRIAR UM FUNDO: 8) Desenhe um retngulo do tamanho do carto, ou seja, no tamanho 82 x 52mm.

9) Clique na ferramenta Seleo direta.

. 4) Clique no menu Arquivo > Salvar. 5) Salve seu arquivo na sua pasta. 6) Clique no menu Exibir > Mostrar rguas. 7) Agora clique no menu Exibir > Mostrar rguas das plancheta. Obs: observe que existem duas rguas na sua tela. Uma rgua em toda a tela e outra rgua que mostra o tamanho da arte do carto de visita. 10) Clique 1x no canto superior esquerdo do retngulo que voc acabou de desenhar.

11) Na painel de propriedades (na parte superior da tela), clique no boto Converter pontos ncoras em suave.

UPGRADE INFORMTICA

PG. 23

 ADOBE ILUSTRATOR

12) Observe que o canto do retngulo foi transformado em um ponto com curva.

18) O resultado dever ser parecido com o da figura abaixo:

COMO INSERIR UMA LOGOMARCA: 13) Agora ajuste a posio e a curva de maneira que fique parecido com o da figura abaixo: 19) Clique no menu Arquivo > Abrir. 20) Com a ajuda do seu instrutor abra o arquivo: UPGRADE LOGO.PSD. 21) Copie e cole a logomarca no seu carto de visita.

14) Preencha esta rea do retngulo na cor Azul, sem contorno.

22) Agora insira os textos do carto de visita e alguns degrads (gradientes), deixando o carto mais bonito. Depois salve o arquivo.

15) Desenhe um outro retngulo no tamanho do carto de visita (82 x 52mm). 16) Preencha com a cor Laranja, sem contorno. 17) E com o boto direito do mouse envie para trs do retngulo azul. FAA SOZINHO: crie um novo carto de visita da Upgrade de forma diferente, ao seu gosto e mostre ao instrutor.

UPGRADE INFORMTICA

PG. 24

 ADOBE ILUSTRATOR

Lio 09 CRIANDO E PERSONALIZANDO A MARCA

SUA MISSO: 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 carto de visita, que tambm devero ser desenhados por voc. DICA: objetividade e simplicidade so 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.

UPGRADE INFORMTICA

PG. 25

 ADOBE ILUSTRATOR

Lio 10 DICAS E TRUQUES

FERRAMENTA PULVERIZAR: 1) Execute o Adobe Ilustrator. 2) Clique no menu Arquivo > Novo e crie um novo documento. 3) Clique no menu Janela > Smbolos. (isso ir ativar a janela de smbolos). FERRAMENTA PINCEL IRREGULAR: 8) Desenhe um retngulo na sua tela e pinte de alguma cor:

4) Clique na ferramenta Pulverizar Simbolos.

9) Clique na ferramenta Pincel irregular.

5) Na janela de smbolos, clique em um dos desenhos. 6) Agora, na pgina, clique e arraste o mouse, desenhando smbolos pela folha.

10) Ative a janela Pincis (menu Janela > Pincis).

11) Escolha o tamanho do Pincel, dando um clique em uma opo na janela Pincis.

7) Experimente usar o Pulverizar para fazer outros smbolos pela pgina:

UPGRADE INFORMTICA

PG. 26

 ADOBE ILUSTRATOR

12) Agora clique e arraste o mouse sobre o retngulo, fazendo uma pintura com o pincel:

16) Agora clique na ferramenta Malha:

Obs: se necessrio altere a cor do pincel. 13) Voc pode desenhar com o Pincel, em qualquer lugar da pgina.

17) Clique 1x no desenho do crculo e depois, na paleta de cores (color), clique em alguma cor. O resultado ser bem interessante:

18) Agora clique em algum outro lugar dentro do crculo e depois clique em alguma cor diferente. 19) Agora clique na ferramenta Seleo direta. FERRAMENTA MALHA: 14) Clique na ferramenta Elipse. 20) Clique em algum local dentro do crculo e depois clique em algum cor, na paleta de cores. 21) Faa isso de novo e v verificando o resultado.

15) Desenhe um crculo na sua pgina:

22) Com a ferramenta Malha voc consegue resultados maravilhosos. D at pra fazer a logomarca da Rede Globo:

UPGRADE INFORMTICA

PG. 27