Curso de Adobe Illustrator CS2 Sessão 1: Desenhar logótipos e botões O Adobe Illustrator disponibiliza uma grande variedade de ferramentas para criar formas geométricas, logótipos e símbolos, com muitos efeitos, como se exemplifica em seguida: Os passos a seguir para criar um botão são os seguintes: 1. Para desenhar uma forma, mantenha pressionada a tecla do rato, sobre uma forma da caixa de ferramentas, de forma a aparecerem as várias formas:
2. Arrastar na janela do documento, para desenhar a forma: 3. Se escolher a forma Ellipse e manter a tecla Shift pressionada, criará um círculo. No caso da forma Rectangle, consegue assim criar um quadrado: Os passos a seguir para preencher a forma com uma determinada cor são os seguintes: 1. Fazer clique na caixa Fill, na paleta Control (se esta não estiver visível executar o comando Window > Control Palette): 2. Fazer clique num qualquer rectângulo para preencher a forma com cor:
3. Fazer duplo clique num dos rectângulos, da caixa de cores Fill para definir algumas opções dessa cor, como o nome, o tipo de cor, o modo de cor, assim como as suas componentes de acordo com modo de cor (R, G, B, C, M, Y, K): Em alternativa pode executar o comando Window > Color, para seleccionar uma cor recorrendo à paleta Color palette. Pode ainda executar o comando Window > Swatch Libraries, e escolher uma opção no submenu: Os passos a seguir para alterar o stroke weight da forma são os seguintes: 1. Na paleta Control, escrever um valor diferente na caixa Stroke Weight, ou escolher um valor na caixa de combinação e pressionar a tecla Enter ou Return para aplicar a alteração: 2. A título de exemplo, incrementar stroke weight para 3 pontos. Aplicar depois um stroke preto:
Os passos a seguir para inserir um símbolo dentro do círculo são os seguintes: 1. Se a paleta Symbols não estiver visível, executar o comando Window > Symbols, para assim obter uma variedade de símbolos: 2. Para abrir a biblioteca de símbolos, fazer clique no triângulo situado no canto superior direito da paleta Symbols, e escolher uma opção do submenu Open Symbol Library: 3. Quando localizar o símbolo desejado, arrastar o símbolo desde a paleta até à janela do documento, para o local desejado. Escolher, para este exemplo, o símbolo Home, da biblioteca Web Icons:
Os passos a seguir para alterar o tamanho do símbolo são os seguintes: 1. Dependendo do tamanho do símbolo, pode desejar alterar o seu tamanho. Seleccionar a ferramenta Selection, na caixa de ferramentas, e depois fazer clique sobre o símbolo: 2. Arrastar um dos cantos do símbolo, para fora ou para dentro, conforme desejar, respectivamente, aumentar ou diminuir o seu tamanho. Se pressionar a tecla Shift à medida que arrasta, as proporções do símbolo são mantidas: 3. Pode ainda utilizar a ferramenta Scale ou a paleta Transform para alterar o tamanho de objectos: Os passos a seguir para alinhar o símbolo com a forma são os seguintes: 1. Assegurar-se de que a ferramenta Selection está activa na caixa de ferramentas, e arrastar uma selecção à volta da forma e do símbolo: 2. Executar o comando Window > Align para mostrar a paleta Align:
3. A paleta Align contém botões para alinhamento e distribuição de objectos. Pode, em primeiro lugar, fazer clique em Horizontal Align Center. Depois, pode fazer clique no botão Vertical Align Center: Finalmente, pode ainda experimentar algumas variações no design do botão: 1. Tendo um design básico, pode experimentar diferentes variações. Por exemplo, pode aplicar um preenchimento diferente, mesmo no símbolo. Para isso, deverá seleccionar o simbolo e fazer clique no botao Break Link To Symbol, na paleta Symbols. Após este comando, considera-se que o simbolo fica quebrado, ou seja, o objecto deixa de ser um simbolo, podendo assim aplicar-lhe diferentes preenchimentos. 2. Experimente criar um novo circulo e executar o comando Object > Arrange > Send To Back. 3. Depois disso, disponha os objectos no documento, usando a paleta Align, na vertical e na horizontal: 4. Preencher os objectos com gradientes, usando a paleta Swatches:
5. Juntamente com a paleta Swatches, pode usar a paleta Gradient, para personalizar o efeito: 6. Seleccionar o outro circulo e usar a ferramenta Gradient para reverter a direcção do gradiente, de forma a conseguir um botão com um efeito visual mais intenso, bem interessante para a web. Para alternar o efeito, arrastar num dos círculos da esquerda para a direita e no outro ao contrário: 7. Gravar com o comando File>Save For Web, e escolher o formato GIF:
8. Definir o local para a gravação e o nome a dar ao botão: Se quiser escrever, optar pela ferramenta Type: 1. Seleccionar uma das ferramentas Type na caixa de ferramentas. 2. Definir algumas opções, na barra de opções: 3. Escrever sobre o botão (ou ao lado e depois arrastar para o local desejado, ou alinhar recorrendo à paleta Align): 4. Para mudar a cor, seleccionar o texto a alterar com o rato e depois fazer duplo clique no botão Fill, na caixa de ferramentas:
5. Escolher uma cor, na caixa de diálogo Color Picker: 6. Pode também definir uma percentagem de opacidade para o texto, em Opacity: Exercício: Criar botões de comando para um web site, dando asas à sua imaginação. Segue-se um exemplo: Autores Alda Duarte Portugal, Jurista Contactar: engftf@mail.pt F. T. Ferreira ftferreira@sapo.pt