domingo, 31 de outubro de 2010

Atenção: Trabalhos que Valeram Pontos!


No começo da aula 17 (27/10/2010) a Andresa nos mostrou um painel geral dos trabalhos que valeram ponto até hoje. São eles:

1. Pôster Petrópolis
2. Cartão de Visita Frente e Verso
3. Reproduzindo Logomarcas (3)
4.
Logomarca para Turma
5. Desenho Vetorizado

Se por algum motivo a Andresa não achou seu trabalho na sua pasta individual da turma, não deixe de enviar e-mail para  andresals@msn.com

terça-feira, 26 de outubro de 2010

Dicionário de Atalhos Parte 1


Conforme vamos conhecendo as ferramentas do Adobe Illustrator, cada vez mais notamos como os atalhos facilitam nossas vidas. A fim de que possamos nos acostumar com eles (e para não sermos pegos de surpresa com alguma arguição da Andresa sobre o assunto =P), resolvi listar alguns que já vimos para fixarmos na cabeça! Conforme novas ferramentas forem apresentadas, voltaremos ao assunto!





1- Selection Tool = V
2- Direct Selection Tool = A
3- Pen Tool (caneta) = P
4- Paintbrush Tool = B
5- Pencil Tool (lápis) = N
6- Eraser Tool (borracha) = SHIFT + E
7- Rotate Tool = R
8- Warp Tool = SHIFT + R
9- Mesh Tool = U
10 - Gradient Tool = G
11- Eyedrooper Tool (Conta-Gotas) = I
12- Slice Tool (Faca) = SHIFT + K





Outros
- Régua: CTRL + R
- Lock: CTRL + 2
- Unlock: ALT + CTRL + 2
- Group: CTRL + G
- Ungroup: SHIFT + CTRL + G
- Remover preenchimento de uma forma: CTRL + Y
- Copiar forma: ALT + Mouse pressionado sobre a forma e arrasta
- Manter proporções em uma forma: manter o SHIFT pressionado na hora de desenhar com o mouse
- Aumentar as pontas da forma estrela: manter o mouse pressionado e usar a seta pra cima do teclado
- Diminuir as pontas da forma estrela: manter o mouse pressionado e usar a seta pra baixo do teclado
- Aumentar as pontas da forma polígono: manter o mouse pressionado e usar a seta pra cima do teclado
- Diminuir as pontas da forma polígono: manter o mouse pressionado e usar a seta pra baixo do teclado

Aula 16: Mesh Tool

E na aula 16 (25/10/2010), vimos como usar a MESH TOOL (U) para aplicar detalhes em nossos trabalhos. Vimos o passo a passo para usa-lá corretamente e colocamos em prática através de exercícios da Página 70 na apostila o uso da ferramenta. Abaixo, fiz um pequeno guia com passos de como usar a ferramenta, já que é difícil expressar sua utilização com textos. Espero que dê pra entender algo - clique para ampliar.


Não dá pra aprender muito sem praticar. Então o jeito é meter a mão na massa - ou melhor, no mouse =P.

Vimos também uma dica para cortar uma imagem, utilizando uma máscara. Depois que você escolher a imagem que você precisar pra trabalhar, faça um retângulo cobrindo a parte que você quer usar. Selecione as duas com a selection tool (V) e vá em OBJECT > CLIPPING MASK > MAKE.

Concluímos a aula, fazendo um exercício livre que misturou vetorização com o uso da Mesh Tool.

O que aprendemos: Vimos a ferramenta MESH TOOL (U) e seu uso na aplicação da arte final de nossos trabalhos. Um truque de como cortar uma imagem com o uso de máscaras e exercícios para ver a versatilidade da Mesh Tool concluiu nosso dia.

domingo, 24 de outubro de 2010

Aula 15: Trabalhando com Imagens

E na aula 15 (20/10/2010), vimos mais uma vez como criarmos nossas próprias texturas (EDIT  > DEFINE PATTERN) e vimos a paleta TRANSPARENCY (Shift + Ctrl + F10), que deixa a imagem "translúcida". Dentro dessa paleta, vimos o modo de mesclagem, que apresenta como opção padrão o modo normal. Clicando no picklist, podemos testar diversas variações, sendo que duas bem interessantes são OVERLAY e a MULTIPLY (que deixa a gente brincar de "tatuador").

Vimos também as Máscaras de Opacidade, que nos possibilita mesclar objetos criando a sensação de serem apenas um. A opção está dentro da paleta Transparency, no ícone da setinha para baixo com traços ao lado. O nome do efeito que é mais aplicado para criação de trabalhos é MAKE OPACITY MASK.

Por fim, um jeito prático de redimensionar imagens foi visto via ferramenta TRANSFORM (Window > Transform ou SHIFT + F8) e começamos a explorar a ferramenta MESH TOOL. Aliás, como "dever de casa", devemos apresentar na aula 16 (segunda, 25/10/2010), informações sobre essa ferramenta.

O que aprendemos: Além de rever como criar nossa própria textura, vimos a utilização da ferramenta TRANSPARENCY, aplicando modos de mesclagem e máscaras de opacidade. Redimensionar objetos e uma apresentação rápida da MESH TOOL no final da aula concluiu o dia. Ah! Quem "desconfigurou" seu Illustrator de tanto futricar, pode restaurar os padrões do programa clicando em ESSENTIALS > Essential na barra de ferramentas superior do Illustrator.

Desafio: Vetorizando uma Imagem

Pois é... Andresa sempre testando o aprendizado de seus pupilos! Até o dia 27/10 (quarta feira, aula 17) ela quer que apresentemos uma foto vetorizada! Mãos a obra!?!

Aula 14: Vetorização Profissional


E na aula 14 (18/10/2010), começamos a ver truques que facilitam um trabalho de vetorização mais profissional - que vai fazer todo mundo achar que você é o mestre do design. Antes; concluímos a abelha e foi interessante notar que cada um conseguiu chegar ao fim da atividade com um "estilo" próprio.

De volta aos truques de vetorização, vimos como criar uma paleta de cores própria. Para fazer isso, basta criarmos retângulos fora da "folha" no palco do Illustrator e com o auxílido da ferramenta Conta-Gotas (Eyedropper Tool - I) vamos "coletando" os diversos tons de cor que, por exemplo, o rosto de uma pessoa pode possuir, e vamos preenchendo cada um dos quadrados criados.

Feito isso, vamos selecionar todos eles com a ferramenta de seleção (V) clicamos na opção SWATCHES (Window > Swatches) e na caixa que se abrir, selecionamos a 4ª opção dos ícones que ficam no inferior dessa caixa (é uma pasta com o sinal de "+", chamada "New Color Group"). Agora é só nomear sua paleta de cores. Um exemplo: se você selecionar os tons de cores do cabelo da foto de alguém; nomeie como "cabelo". Isso facilita a utilização da mesma quando você iniciar o trabalho de vetorização.

Outra dica para facilitar a vetorização de uma foto, é sempre fazer uso das LAYERS. Selecionando a "layer" com a foto que você irá vetorizar, você pode clicar no ícone que tem na caixa layer (um que tem uma setinha pra baixo e 4 traçinhos) e selecionar TEMPLATE. Isso deixará a foto mais esbranquiçada e na hora de "cobrir" usando o lápis (Pencil Tool - N) ou a caneta (Pen Tool - P) você sentirá mais facilidade.

Outra dica muito útil: o comando CTRL + Y limpa o preenchimento de qualquer forma que você tenha feito. Uma bela mão na roda...

O que aprendemos: Finalizando a abelha, conseguimos por em prática uma gama de ferramentas já vistas no decorrer de todas as aulas e até vimos algumas que aprenderemos com mais detalhes no futuro. Seja como for, foi um exercício muito bom pra galera sentir como o Illustrator pode ser uma ferramenta poderosa de criação. Em breve disponibilizarei o "tutorial" da abelha, com prints de cada passo! No finalzinho da aula aprendemos como criar nossa paleta personalizada de cores.

domingo, 17 de outubro de 2010

Aula 13: Ainda Vetorizando

E na aula 13 (13/10/2010), continuamos a manipular o Illustrator para explorar a vetorização de imagens. Dando um "pulo de gato" no processo, descobrimos a função LIVE TRACE (Object > Live Trace > Trace Option) que separa por cores uma imagem, facilitando bastante o trabalho de vetorização. O desenho trabalho foi o Bart abaixo:


Para realizarmos todo o processo o passo a passo é: Object > Live Trace > Tracing Options
Dentro da caixa que abrir temos as opções: Mode (Black and White / Grayscale / Color) que define com qual padrão de cores a arte vai ficar.

Selecionando Color abre-se a opção Max Colors. Nela, seleciona-se o número de cores que serão "identificadas" na hora da criação das linhas vetoriais. Quanto maior o número, mais, mais "detalhes" terá o desenho vetorizado.

Já na opção Blur, podemos suavizar os contornos, evitando assim o efeito chamado de "serrilhado". Escolhas feitas, clique em trace para aplica-las na imagem.(Dica: não altere demais os valores do que aparecer na imagem do Bart. Essencialmente, basta selecionar Color em Mode) .

Depois disso, vá novamente em Object > Live Trace > Expand. A imagem ficará toda vetorizada. Para manipular partes isoladas, clique com o botão direito do mouse em Ungroup. A partir daí, é a sua criatividade quem vai mandar na parada! Um exemplo bem simples do que dá pra fazer:



Na mesma aula, começamos o Desafio da Abelha. Seguindo o passo a passo com a Andressa em sala de aula, vamos aplicar vários conhecimentos já visto ao longo das 13 aulas (!!!) para criar o desenho de uma abelha e depois bolarmos uma logomarca e um slogan.

Até onde fizemos, paramos no ponto do desenho abaixo:



Na Aula 14, finalizaremos o trabalho. Posteriormente, publico um passo a passo de como fazer o desenho (com prints de cada passo).

O que aprendemos: O uso da ferramenta Live Trace, que facilita bastante um trabalho de vetorização. Na elaboração do desenho da abelha, empregamos o uso de diversas conceitos aprendidos no decorrer de todas as aulas.

Foram eles: Uso da Direct Selection Tool (A) para manipular uma forma simples (uma elipse, que serviu de base para o corpo da abelha); Gradient (CTRL + F9) e manipulação do mesmo (Type: Radial e "G" para deixá-lo como quiseremos); Smoth Tool (que fica no submenu Pencil / Lápis); Duplicar uma forma pelo atalho ALT + mouse com o botoão esquerdo pressionado; Pathfinder (Shift + Ctrl + F9).

Além disso, empregamos algumas técnicas inéditas para fazer detalhes como o uso do BLUR (Effects > Blur > Gaussian Blur) e DISTORT & TRANSFORM (Effects > Distort & Transform > Roughen). Posteriormente, vamos ver ambos com mais detalhes.

Aula 12: Praticando vetorização

A aula 12 (11/10/2010) foi dedicada a vetorização de uma imagem, usando a ferramenta Pen Tool (P). A imagem vetorizada foi a imagem abaixo - um personagem do animê Air Gear.


De acordo com a Andresa, quem compareceu a aula teve 1 ponto garantido...

Obs: Não participei dessa aula. Agradecimentos ao meu chará, Leandro, pelas informações e imagem.

quinta-feira, 7 de outubro de 2010

Vídeos

 

Logorama

Dicas de leitura

Seguem links com assuntos interessantes pra você que está a fim de se tornar um designer dos bons:

Valor comercial dos logos

Dicas para briefing de logotipo 


Logo da Turma!

Galera, vejam só o logo que o Alex produziu pra turma:


 
Declarações do criador: "...como a maioria da turma faz algum tipo de arte marcial,eu vetorizei o personagem do Karatê Kid aplicando um golpe..."

E aí? Curtiram?! Não? Então cadê o seu?! Se já tiver feito sua logo e quiser divulgar como ficou, hospede no ImageShak e deixe o link nos comentários.

A propósito, se você não sabem quem é o Alex, entra na comuna no Orkut e começe a conhecer seus amigos de turma ;). Link direto ai do lado!

Exercícios da Apostila!


Parece chato, mas não custa lembrar: até a aula 11, já vimos conteúdo para fazer os exercícios da apostila de Adobe Illustrator até a página 50.

E só um detalhe: A Andresa falou que para compor nossa nota, ela vai querer que apresentemos até o final do módulo pelo menos UM EXERCÍCIO DE CADA PÁGINA DA APOSTILA. Leram bem?

Então galera, o macete é pegar um horinha no final de semana e começar a trabalhar. Não deixem tudo pra última hora pois é vacilo dos grandes - não só com ela, mas com você mesmo!

Então se liguem nas páginas que tem exercício (se quiser, clique na imagem para ampliar).

Aula 11: Começando a vetorizar!

Galera notaram que a coisa tá começando a ficar um pouquinho mais difícil? Já ultrapassamos as 10 aulas e agora, se bobear o negócio vai complicar cada vez mais. Mas não vamos dar mole e "empacar" agora que o Illustrator tá começando a mostrar que é o bom.

A aula 11 (06/10/2010)  serviu pra gente meter a mão na massa e fazermos um exercício da Apostila nas páginas 48 e 49 (fazendo a nota musical).

A Andressa, também pediu pra fazermos o bunequim zoiudo da página 50 como desafio. Todo mundo conseguiu? 

Para casa, um exercício para pegar a manha da PEN TOOL: jogar no google a expressão "desenhos para colorir" e selecionar uma imagem do resultado da pesquisa para vetorizar.


A título de sugestão, ela mostrou esse Batman aí que tem um nível fácil pra gente que tá começando agora!

Pra fechar, vimos o quanto um  trabalho feito com o uso das LAYERS / CAMADAS se torna mais prático e organizado. Para abrir a aba, basta ir em WINDOW > LAYERS ou clicar em F7. Foram exploradas as funcionalidades da caixa (pra que serve aquele olho, como criar subgrupos de camadas, dar nome pras camadas...) afim de que todos possam trabalhar suas vetorizações sem ficar perdido no meio de campo. E acreditem: não tem nada mais chato que o CTRL + Z (reveter) não funcionar até o ponto que você quer do trabalho... Hehehe.

O que aprendemos: O quanto o uso das LAYERS (F7) colabora em um trabalho de vetorização. E ainda exploramos mais a PEN TOOL para vetorizar desenhos e... trabalhar na logo da turma! Não vamos esquecer hein!?

Aula 10: Vetorizando Imagens

E na aula 10 (segunda, 04/10/2010) finalmente chegamos ao coração do Adobe Illustrator: a vetorização.
 
Vetorizar algo é converter uma imagem do padrão bitmap (formada de pixels) para curvas e linhas gráficas. A principal vantagem de uma imagem vetorial, em comparação a uma imagem bitmap, é a capacidade de modificarmos suas dimensões sem perda de qualidade.

Através da ferramenta PEN TOOL (P) podemos "cobrir" qualquer imagem e realizarmos trabalhos  fantásticos como a imagem acima. Hoje, com certeza, vamos ter bastante trabalho para chegar a um patamar artístico que realize trabalhos o acima.

Mas é aquilo: sem prática, NUNCA conseguiremos ir para lugar nenhum na área do design.

Fazendo os exercícios da apostila podemos aprimorar o manuseio nas ferramenta para superar a nós mesmos! Nunca desista!!!

O que aprendemos: Na aula 10, a ferramenta PEN TOOL (P) foi o grande destaque. Trabalhando com ela e a ferramenta de seleção direta (Direct Selection Tool - A), já é possível fazer nossas primeiras vetorizações ou criar artes livres simples.

Também vimos que é possível converter uma letra (seja qual for a fonte) em um símbolo, e a partir daí manipular os nós e redesenhar o design da mesma! Basta ir em TYPE > Create Outline (ou CTRL + SHIFT + O).

Por fim, a galera teve tempo de começar a trabalhar na logo da turma (D'7s). E segundo a Andresa, o melhor logo vai ganhar um prêmio! Todos torcendo pra não ser aquele chiclete delicioso da 1ª aula \o/.  

segunda-feira, 4 de outubro de 2010

Resultado do Nome da Turma!

Bem a enquete online não deu muito certo, mas por maioria de votos apurados em sala de aula através do moderno método de apuração (levantamento de braços =P) o nome da turma é...:

D'7s

(The Sevens)

Agora é só deixar a imaginação livre e trabalhar na personalização do logo. Divulgue suas idéias nos comentários e se você fez algo em casa, hospede em algum site de imagem (como o ImageShak) e deixe o link para apreciarmos!