computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... ·...

28
COMPUTAÇÃO GRÁFICA Illustrator Dannyel Pontes | João Victor Xavier Autor | Revisor Resumo Este será o material de apoio para as aulas. O aluno poderá se guiar sobre as funcionalidades e ferramentas através do entendimento da área de trabalho.

Upload: ngoxuyen

Post on 08-Nov-2018

238 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

0

COMPUTAÇÃO GRÁFICA

Illustrator

Dannyel Pontes | João Victor Xavier Autor | Revisor

Resumo Este será o material de apoio para as aulas. O aluno poderá se guiar sobre as funcionalidades e ferramentas através do entendimento da área de trabalho.

Page 2: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 1

1

Sumário Área de trabalho ................................................................................................... 2

Barra de tarefas ................................................................................................. 5

Menu ajuda .................................................................................................... 6

Menu janela ................................................................................................... 7

Menu exibir .................................................................................................... 8

Menu efeito .................................................................................................... 9

Menu selecionar ............................................................................................. 10

Menu tipo .................................................................................................... 10

Menu objeto ................................................................................................. 12

Menu editar .................................................................................................. 13

Menu arquivo ................................................................................................ 14

Barra de propriedades ........................................................................................ 18

Propriedade amostra ....................................................................................... 20

Propriedade traçado ....................................................................................... 20

Propriedade opacidade .................................................................................... 21

Propriedade similaridade .................................................................................. 21

Barra de ferramentas ......................................................................................... 22

Ferramentas de seleção ................................................................................... 23

Ferramentas de caminhos ................................................................................. 23

Ferramentas de transformação ........................................................................... 23

Ferramentas de técnicas .................................................................................. 24

Ferramentas de símbolos .................................................................................. 24

Ferramentas de corte e controle ........................................................................ 24

Ferramentas de colorização .............................................................................. 25

Barra de painéis ............................................................................................... 26

Referências ....................................................................................................... 27

Page 3: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 2

2

CONHECENDO O ILLUSTRATOR

Área de trabalho

Page 4: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 3

3

Esta tela é o primeiro contato com o usuário ao se abrir o Illustrator. Este modelo de área

de trabalho é padrão em alguns programas da adobe (como o Photoshop).

Para iniciar-se qualquer atividade no Illustrator, teremos que criar um novo documento ou

abrir um já existente.

Antes de começar a criar, deve-se explorar melhor a área de trabalho e descobri os

recurso que poderão ser utilizado.

Este material terá como objeto de estudo a área de trabalho e seus recursos, oferecendo assim, um

guia para o usuário se localizar no software.

Page 5: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 4

4

A área de trabalho do Illustrator pode ser dividida em 4 partições:

1 - Barra de Tarefas

2 - Barra de Propriedades

3 - Barra de Ferramentas

4 - Painéis

Page 6: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 5

5

Barra de tarefas

O primeiro item da nossa lista é bastante familiar para qualquer usuário do Windows ou Mac

pois está presente em diversos softwares.

Abaixo está destacada a imagem da barra de tarefas e seus menus.

Os menus na barra de tarefas possuem diversas funcionalidades. Todos os controles do software estão localizados nesta seção.

Page 7: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 6

6

Menu ajuda

O menu ajuda é padrão em muitos outros softwares utilizados no Windows e entre os

softwares da Adobe, as opções também seguem um padrão.

Este menu apresenta diversos links de recursos de aprendizado do próprio software,

informações sobre o sistema, entre outros.

A central de suport da adobe é uma excelente fonte de informações adicionais além de conter um documento

com todas as funcionalidades do programa.

Page 8: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 7

7

Menu janela

Este menu está diretamente relacionado com nosso quarto item da área de trabalho, os

painéis. Aqui estão todas as opções de painéis que podem ser utilizados no Illutrator.

Quando ativados, os painéis apararecem na forma de pequenas janelas na área de trabalho, mas

podem ser encaixados na barra de painéis.

As opões de painéis, quando ativas, apresentam um símbolo de afirmativo ao lado. Veja "controle" e

"ferramentas" como exeplos.

Page 9: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 8

8

Menu exibir

Utiliza o mesmo sistema de “ativar e desativar” presente no menu janela porém, controla

as opções de visualização da área de trabalho.

Este menu é responsável por todas as configurações e funções relacionadas à visualização dos recursos

de toda a área de trabalho.

Page 10: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 9

9

Menu efeito

É o menu que contém as opções de estilização dos vetores criados no Illustrtor.

Neste menu pode-se realizar simples distorções assim como gerar objetos 3D a partir do

que foi selecionado.

No menu efeitos também estão presentes, mais abaixo, alguns filtros do Photoshop que podem ser utilizados sem que os objetos deixem de ser vetor.

Page 11: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 10

10

Menu selecionar

Este é o menu que age em conjunto com as ferramentas de seleção. Uma vez selecionada

uma área de uma camada, as funcionalidades deste menu serão ativadas.

Menu tipo

Com este menu o usuário pode controlar todos os recursos das ferramentas e funções de

tipografia do Illustrator, juntamente com as janelas de tipo.

Este menu está relacionado com as ferramentas de seleção e suas funções.

Page 12: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 11

11

Além da interação com os painéis e ferramentas de tipo, a jenela também interage com a barra de propriedades

quando se é selecionado um objeto de texto.

Page 13: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 12

12

Menu objeto

Este será um menu bastante utilizado nas atividades do Illustrator pois está responsável

por diversas operações com os vetores presentes no documento.

O simples comando de mover um objeto – que pode ser realizado com a ferramenta de

seleção – é controlado por este menu.

Apenas utilizando a opção "transformar" pode-se realizar efeitos visualmente ricos. Tente o item

"transformar cada".

Page 14: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 13

13

Menu editar

Aqui estarão todas as opções de edição do Illustrator

Também é um menu bastante comum em diversos softwares e possui funções gerais de

edição como copiar, recortar, colar, etc.

Além das opções mais comuns, existem aquelas exclusivas do Illustrator como "preferências" que

editam as propriedades do documento.

Page 15: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 14

14

Menu arquivo

Este é o menu que dará início às criações no programa. Contém os comandos que

controlam o documento como um todo.

O primeiro passo neste estudo será criar um novo documento.

Page 16: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 15

15

Criando um novo documento

Para isso, precisamos acessar a barra de tarefas > menu arquivo > opção novo. A imagem a

seguir pode ilustrar o que ocorre:

Nome: O usuário pode nomear o arquivo assim que for cria-lo. É um campo opcional.

A janela que mostra as propriedades do documento que será criado. O usuário deve

configurar de acordo com a sua necessidade.

Abaixo estão listadas as propriedades e uma breve definição.

Page 17: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 16

16

Perfil: Os perfis são guias para se iniciar um documento com tamanho, resolução e modo de cor

já definidos. O perfil vai depender da necessidade do usuário pois as opções se destinam à

impressos, web, vídeo, etc.

Pranchetas: Esta opção permite criar mais de uma área de criação no mesmo documento.

Tamanho: O tamanho vem junto com o perfil. Temos no exemplo acima a perfil “personalizado”

mas que possui o tamanho de um papel A4.

Sangria: São demarcações utilizadas para dar segurança na impressão. A sangria permite que o

objeto possa ser cortado sem que algumas áreas sejam prejudicadas.

Modo de cor: Esta opção irá definir qual o modo de cor a ser utilizado no documento. A escolha

será baseada na necessidade do usuário mas pode ser alterada depois que o documento for criado.

Rasterização: Esta opção define a qualidade na hora de converter vetores para objetos “raster”

(formado por pixels)

Visualização: Pode alterar a visualização do documento entre padrão (vetor), pixels e

superimposição.

Vamos explorar

Criado

Documento

Page 18: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 17

17

Documento criado

Após criar um novo documento, o usuário terá novos elementos na interface.

Esta é a tela de um novo documento criado. Ao centro, temos a visualização da prancheta.

Page 19: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 18

18

Barra de propriedades

Abaixo temos a imagem da barra de propriedades com seus componentes nativos. Vamos

entender o que acontece com as propriedades disposta nesta região...

As propriedades dispostas nesta seção são referentes aos objetos selecionados e variam

com o tipo do objeto.

Page 20: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 19

19

À esquerda da barra, temos o indicador de seleção. Esta propriedade irá indicar qual tipo

de objeto está selecionado. A configuração inicial é de “sem seleção”.

Mesmo sem apresentar objetos criados na prancheta, algumas propriedades são mostradas. Algumas destas

estão presentes em vários tipos de objetos.

Page 21: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 20

20

Propriedade amostra

Permite visualizar uma paleta de cores predefinidas para serem utilizadas como

preenchimento ou contorno.

Propriedade traçado

Será responsável por configurar a espessura, o segmento e o estilo do traçado de qualquer

objeto que, logicamente, possua um traçado.

Page 22: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 21

21

Propriedade opacidade

Permite tornar o objeto selecionado translúcido ou completamente transparente.

Também controla uma característica de preenchimento do objeto chamada “estilo”.

Propriedade similaridade

Proporciona um método inteligente de seleção, baseado em alguma característica similar

entre dois ou mais objetos.

Page 23: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 22

22

Barra de ferramentas

Esta é a visão completa da barra de ferramenta. Neste material, as

ferramenta serão estudadas por categorias, da maneira em que se

encontram no software

O Illustrator possui inúmeras ferramentas com funções generalizadas e também algumas bem específicas. Por

este motivo não serão estudadas detalhadamente.

Page 24: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 23

23

É atravéz destas ferramentas que pode-se "escolher" o objeto para realizar alguma alteração

•seleção, seleção direta, varinha mágica e laço.

Nesta categoria estão presentes as ferramentas que criam caminhos ou que são compostas por estes. Inclui textos pois pode-se criar caminhos a partir do que foi escrito.

•Pen, texto, linhas, formas, pincéis, lápis, e borracha.

Com estas ferramentas é possível realizar transformações de ângulo, posição, cor, forma, traçado e perspectiva.

•Girar, dimensionar, largura, transformação livre, contrutor e perspectiva.

Ferramentas de seleção

Ferramentas de caminhos

Ferramentas de transformação

Page 25: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 24

24

Aqui se encontram algumas técnicas que envolvem colorização, seleção de cor e mesclagem de formas.

•Malha, gradiente, conta gotas e mesclagem.

Do lado esquerdo temos um grupo direcionado aos símbolos e outro dedicado à criação de gráficos.

Nesta categoria temos as ferramentas responsáveis por alguns controles de navegação como zoom e movimentação da prancheta assim como ferramntas de corte.

•prancheta, fatia, mão e zoom.

Ferramentas de técnicas

Ferramentas de símbolos

Ferramentas de corte e controle

Page 26: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 25

25

Esta área da barra de ferramentas é dedicada às cores e modos de

preenchimento e traçado dos objetos como também o posicionamento dos

objetos na hora de criá-los.

Ferramentas de colorização

Page 27: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 26

26

Clicando na dupla seta no topo da barra de painéis é possível visualizar o modo extendido.

Todos os painéis podem ser mudados de lugar, fechados ou abertos a qualquer momento.

Barra de painéis

Ao lado temos destacado o conjunto dos painéis laterais. Este

painéis auxiliaram nas atividades a serem feitas no programa pois

carregam propriedades de gerenciamento e estruturação dos

objetos criados na prancheta.

Page 28: Computação gráfica - iaupe.com.briaupe.com.br/prolinfo/wp-content/uploads/2012/12/apostila... · Computação Gráfica – Illustrator PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA

Computação Gráfica – Illustrator

PROLINFO – PROGRAMA DE LÍNGUAS E INFORMÁTICA 27

27

Referências Manual do usuário Adobe Illustrator CS6, por Adobe, em:

http://helpx.adobe.com/br/pdf/illustrator_reference.pdf