Inicialmente, duplicamos a foto (CTRL + J) e em seguida, na aba Layers (F7) alteramos o modo de mesclagem de NORMAL para OVERLAY. Na sequência, na barra de tarefas vamos para FILTER > OTHER > HIGH PASS e regulamos até atingir a qualidade mais atraente. Observe na foto abaixo o detalhe das gramíneas depois que esse recurso é aplicado - clique para ampliar.
segunda-feira, 20 de dezembro de 2010
Photoshop Aula 3: Correção de Fotos
Na aula 3 (13/12/2010) continuamos explorando as possibilidades que o Photoshop oferece para realizar correções em fotos. Além dos recursos vistos na aula anterior, que foram revisados, vimos também um recurso para desembaçar uma foto e deixá-la realçada.
Inicialmente, duplicamos a foto (CTRL + J) e em seguida, na aba Layers (F7) alteramos o modo de mesclagem de NORMAL para OVERLAY. Na sequência, na barra de tarefas vamos para FILTER > OTHER > HIGH PASS e regulamos até atingir a qualidade mais atraente. Observe na foto abaixo o detalhe das gramíneas depois que esse recurso é aplicado - clique para ampliar.
Em sala, foi nos passado exercícios de correção de fotos.
Inicialmente, duplicamos a foto (CTRL + J) e em seguida, na aba Layers (F7) alteramos o modo de mesclagem de NORMAL para OVERLAY. Na sequência, na barra de tarefas vamos para FILTER > OTHER > HIGH PASS e regulamos até atingir a qualidade mais atraente. Observe na foto abaixo o detalhe das gramíneas depois que esse recurso é aplicado - clique para ampliar.
Photoshop Aula 2: Funções Básicas & Correção de Fotos
A aula 2 do Photoshop (08/12/2010) foi utilizada para conferirmos funções básicas do programa.
Assim que abrir o programa, você pode configurar seu palco de trabalho indo em File > New no campo Present, você pode definir por exemplo o tamanho e resolução que seu trabalho irá ter. Os padrões mundialmente conhecidos (A3, A4...) estão na opção INTERNATIONAL PAPER. Para um material que irá ser usado na internet, a resolução de 72 pixels/inch é suficiente. Já para impressão, o mínimo ideal é 300 pixels/inch. A opção Background Contents mais indicada é a Transparent.
Observe as imagens abaixo:
Para criar a imagem 2 (com o espaço em branco do lado esquerdo do Goku) foi utilizado o recurso CANVAS SIZE. Ele possibilita que se amplie o fundo de uma imagem de forma bem simples e para qualquer direção que você queira. Basta ir em IMAGE > CANVAS SIZE (ALT + CTRL + C).
Para diminuir uma imagem mantendo as proporções originais, pode-se usar o atalho CTRL + T e depois com o SHIFT pressionado você regula de forma livre sem distorções. Outro recurso bem prático do Photoshop, é a opção que fica em FILE > AUTOMATE > CROP AND STRAIGHTEN PHOTOS. Com ela é possível dividir fotos que estejam em um mesmo documento escaneado, por exemplos.
IMAGE > IMAGE ROTATION oferece a possibilidade de girar a imagem em diversos ângulos retos ou "flipar" a imagem (inverter da direita pra esquerda ou deixá-la de cabeça pra baixo). Já IMAGE > IMAGE SIZE promove a visualização de informações da imagem que está sendo trabalhada, além da possibilidade de reformatá-la.
A imagem abaixo foi utilizada para iniciarmos um processo de aplicação dos muitos recursos que o Photoshop oferce para correção de fotos. O primeiro passo foi duplicar a imagem (CTRL + J) para mexer na sua cópia.
Entre as muitas possibilidades utilizamos:
- Ajuste de Levels (CTRL + L ou Image > Adjustments > Levels)
- Ajuste de Luz e Sombra (Image > Adjustments > Shadows / Highligts)
- Ajuste de Cores (Image > Adjustments > Selective Color) onde pode-se realçar apenas, por exemplo, o verde do gramado ou o branco do vestido.
Assim que abrir o programa, você pode configurar seu palco de trabalho indo em File > New no campo Present, você pode definir por exemplo o tamanho e resolução que seu trabalho irá ter. Os padrões mundialmente conhecidos (A3, A4...) estão na opção INTERNATIONAL PAPER. Para um material que irá ser usado na internet, a resolução de 72 pixels/inch é suficiente. Já para impressão, o mínimo ideal é 300 pixels/inch. A opção Background Contents mais indicada é a Transparent.
Observe as imagens abaixo:
Para criar a imagem 2 (com o espaço em branco do lado esquerdo do Goku) foi utilizado o recurso CANVAS SIZE. Ele possibilita que se amplie o fundo de uma imagem de forma bem simples e para qualquer direção que você queira. Basta ir em IMAGE > CANVAS SIZE (ALT + CTRL + C).
Para diminuir uma imagem mantendo as proporções originais, pode-se usar o atalho CTRL + T e depois com o SHIFT pressionado você regula de forma livre sem distorções. Outro recurso bem prático do Photoshop, é a opção que fica em FILE > AUTOMATE > CROP AND STRAIGHTEN PHOTOS. Com ela é possível dividir fotos que estejam em um mesmo documento escaneado, por exemplos.
IMAGE > IMAGE ROTATION oferece a possibilidade de girar a imagem em diversos ângulos retos ou "flipar" a imagem (inverter da direita pra esquerda ou deixá-la de cabeça pra baixo). Já IMAGE > IMAGE SIZE promove a visualização de informações da imagem que está sendo trabalhada, além da possibilidade de reformatá-la.
A imagem abaixo foi utilizada para iniciarmos um processo de aplicação dos muitos recursos que o Photoshop oferce para correção de fotos. O primeiro passo foi duplicar a imagem (CTRL + J) para mexer na sua cópia.
Entre as muitas possibilidades utilizamos:
- Ajuste de Levels (CTRL + L ou Image > Adjustments > Levels)
- Ajuste de Luz e Sombra (Image > Adjustments > Shadows / Highligts)
- Ajuste de Cores (Image > Adjustments > Selective Color) onde pode-se realçar apenas, por exemplo, o verde do gramado ou o branco do vestido.
Desafio Photoshop 1: Pôster
Na aula 1 (06/12/2010) foi lançado o primeiro desafio a ser realizado com o Photoshop: reproduzir o cartaz acima usando apenas a ferramenta BORRACHA (Erase Tool - E). As fotos podem ser pegas nesse link. (clique na aba fotos).
domingo, 19 de dezembro de 2010
Photoshop Aula 1 - Apresentação
Na 1ª Aula de Photoshop (06/12/2010) foi realizada uma apresentação geral do programa. Se você quiser conhecer mais sobre a história do programa, pode clicar aqui e leia mais a respeito. Algumas informações gerais que precisamos saber.:
1. PSD = formato de imagem editável do Photoshop
2. JPEG / JPG = formato de imagem largamente utilizado na internet pela ótima relação tamanho x qualidade
3. PNG = formato que preserva propriedades editadas (ausência de fundo por exemplo) de uma imagem
4. CTRL + = aumenta zoom
5. CTRL - = diminui zoom
6. CTRL 0 (zero) = ajuste da imagem na página
7. CTRL Z = desfaz última ação feita
8. CTRL + ALT + Z = desfaz ações obedecendo histórico
9. CTRL D = desfaz uma seleção
10. CTRL J = duplica camada/layer
11. Barra de espaço = "mãozinha" que possibilita que você "navegue" pela imagem com ela em zoom máximo
Para deixar o ambiente do Photoshop com todas as janelas e caixas "básicas" para trabalho, podemos selecional a opção ESSENTIALS que fica no canto superior direito (ao lado do botão miniza / fecha).
Diferente do Illustrator, o Photoshop cria camadas/layers de forma automática Para visualiza-las, basta clicar F7 no teclado. Quando você copia uma imagem da internet e quer mexer nela usando o Photoshop, basta selecionar FILE > NEW (ou CTRL + N) que automaticamente abrirá uma caixa com informações relacionadas a dimensão dessa imagem. Clicando em OK uma "folha em branco" abrirá. Basta então fazer o CTRL + V.
Importante: se na aba LAYERS a imagem possuir um "cadeado" é necessário 2 cliques rápidos sobre o mesmo para liberar a imagem pra edição. E sempre que for realizar qualquer processo, duplique a imagem (CTRL + J).
A primeira ferramenta que nos foi apresentada foi a BORRACHA (Erase Tool - E). Mesmo parecendo ser uma ferramenta inútil, o ajuste das propriedades dessa ferramenta possibilita que, com um pouco de criatividade e persistência, possamos realizar trabalhos surpreendentes. As propriedades surgem automaticamente quando a ferramenta é selecionada. No caso, abrem-se: Brush; Mode; Opacity e Flow.
segunda-feira, 13 de dezembro de 2010
Alguns Tutoriais de Adobe Illustrator
Antes de iniciar a postagem das aulas de Photoshop seguem alguns tutorias e complementos bem interessantes que podemos fazer usando o Illustrator.
Efeitos de texto para Illustrator - http://www.designontherocks.xpg.com.br/melhores-tutoriais-de-efeitos-em-textos-para-illustrator/
125 Tutoriais para Illustrator - http://www.instantshift.com/2009/03/19/125-ultimate-round-up-of-illustrator-tutorials/
Logo Refletido - http://www.bittbox.com/illustrator/tutorial-web-20-logo-reflection-in-vector-format-with-illustrator
Pacote de Brushes Abstratos - http://www.dicasdodia.net/2007/04/35-brushes-abstratos-gratuitas-para-illustrator.html
O nível de complexidade varia bastante, e TODOS estão em inglês. Mas vale o esforço ;). E sempre que você achar um tutorial legal (seja pra qual programa for) deixe registrado o link nos comentários!
Nos vemos no Photoshop ;)
Projeto Final Adobe Illustrator
As aulas no período de 22 de novembro a 1º de dezembro foram reservadas para elaboração do projeto final do módulo Adobe Illustrator. O projeto consistiu na criação de uma identidade visual para diversos temas propostos. A apresentação se deu no dia 1/12/2010 no auditório da escola.
Parabéns para todos da turma que se esforçaram em aplicar todo o conteúdo de aprendizado visto.
terça-feira, 7 de dezembro de 2010
Aula 22: Criando Brushes
Na aula 22 (17/11/2010) aprendemos a criar nossos próprios brushes no Illustrator. A seguir o passo a passo:
01.Inicialmente, definimos que o brush seria bem simples e desenhamos um lápis, sendo que o mesmo foi partido em 3 partes. Um detalhe importante: a arte não pode ter contorno!
02.Selecionamos só a parte do meio (2) e na paleta BRUSHES (F5) clicamos no ícone ao lado da lixeira (new brush) e quando abrir a caixa de opções, marcaremos a NEW PATTERN BRUSH. Na janela que abrir logo em seguida, apenas clicaremos em OK.
03. Automaticamente, surgirá na paleta BRUSH dois retângulos verdes.
04. Na parte destacada pelo círculo vermelho, iremos por a "parte 1" do lápis criado. Basta selecionar essa parte do lápis e com o ALT pressionado, arrastar até o espaço indicado pelo círculo vermelho .
05. Repitiremos agora o mesmo procedimento com a parte 3 (agrupe o retângulo com a "ponta" do lápis feita a partir de 2 triângulos) e arrastaremos na paleta para frente de onde colocamos a "parte 1".
Com isso o brush está pronto pra ser usado.
O que aprendemos: Como criar nossos próprios bruhes. O exemplo praticado foi bem simples, mas essa é uma alternativa muito boa para personalizar um trabalho criando uma identidade visual única.
01.Inicialmente, definimos que o brush seria bem simples e desenhamos um lápis, sendo que o mesmo foi partido em 3 partes. Um detalhe importante: a arte não pode ter contorno!
02.Selecionamos só a parte do meio (2) e na paleta BRUSHES (F5) clicamos no ícone ao lado da lixeira (new brush) e quando abrir a caixa de opções, marcaremos a NEW PATTERN BRUSH. Na janela que abrir logo em seguida, apenas clicaremos em OK.
03. Automaticamente, surgirá na paleta BRUSH dois retângulos verdes.
04. Na parte destacada pelo círculo vermelho, iremos por a "parte 1" do lápis criado. Basta selecionar essa parte do lápis e com o ALT pressionado, arrastar até o espaço indicado pelo círculo vermelho .
05. Repitiremos agora o mesmo procedimento com a parte 3 (agrupe o retângulo com a "ponta" do lápis feita a partir de 2 triângulos) e arrastaremos na paleta para frente de onde colocamos a "parte 1".
Com isso o brush está pronto pra ser usado.
O que aprendemos: Como criar nossos próprios bruhes. O exemplo praticado foi bem simples, mas essa é uma alternativa muito boa para personalizar um trabalho criando uma identidade visual única.
terça-feira, 23 de novembro de 2010
Aula 21: Símbolos
A Aula 21 (10/11/2010) nos apresentou os símbolos. Para abrir a paleta basta ir em WINDOW > SYMBOLS (Shift + Ctrl + F11). Para explorar as bibliotecas de símbolos basta clicar na paleta com a setinha pra baixo e 4 traços e abrir Open Symbol Library. São dezenas de símbolos dividios em diversos temas. Para fazer uso, basta escolher um e arrastar para o palco.
Com todo conteúdo já visto, nos foi passado um trabalho para colocar em prática tudo isso. Desenvolvermos um FOLDER como o abaixo com um tema livre, frente e verso.
Com todo conteúdo já visto, nos foi passado um trabalho para colocar em prática tudo isso. Desenvolvermos um FOLDER como o abaixo com um tema livre, frente e verso.
O que aprendemos: Uso de símbos para incrementar nossas artes. Foi passado o trabalho de folder que iniciou-se na sala de aula.
segunda-feira, 22 de novembro de 2010
Aula 20: Tipografia & Efeitos
O foco da Aula 20 (08/11/2010) foi um estudo envolvendo Tipograria. Antes, foi visto como a ferramenta GRID TOOL pode auxiliar na definição dos espaços para anúncios da revista. Bastar fazer uso da ferramenta com o auxílio das setas do teclado e depois desagrupar (botão direito do mouse > Ungroup) a "grade".
Tipografia é a arte e o processo de criação na composição de um texto, física ou digitalmente. Assim como no design gráfico em geral, o objetivo principal da tipografia é dar ordem estrutural e forma à comunicação impressa. Por analogia, tipografia também passou a ser um modo de se referir à gráfica que usa uma prensa de tipos móveis. (Wikipédia)
Para fica por dentro do estudo apresentado durante a aula, confira a apresentação abaixo:
Lembrando que podemos converter letras em vetores no Illustrator através do OBJECT > EXPAND.
No Illustrator, vimos as propriedades da Type Tool (T).
O primeiro T é o modo convencional de escrita de texto. O segundo (Area Type Tool) possibilita que você escreva textos dentro da área de uma forma (retângulo, elipse, etc.) que você tenha criado. O terceiro T (Type on a Path Tool) nos permite fazer um texto seguindo o "contorno" de uma forma. Se eu fizer, por exemplo, uma estrela, o texto com essa opção seguirá exatamente o contorno dela.
O quarto T (Vertical Type Tool) faz a mesma coisa que o primeiro, porém deixa o texto na posição vertical. O quinto (Vertical Area Type Tool) faz o mesmo que o segundo, porém na posição vertical. Já o último T possui algumas propriedades que permite ajustar o texto em várias posições e formas diferentes das demais. Depois de fazê-lo de dois cliques nele, para abrir a propriedades de Vertical Type on a Path Tool.
Na 2ª parte da aula 20, começamos a explorar os efeitos (EFFECT) que dão um ar mais profissional nos trabalhos que realizarmos. Como a aba Effect possui MUITAS possibilidades criativas, não existe nada melhor que testar uma por uma para conferir o que mais convém ao trabalho.
Por fim, para lembrar as funcionalidades da ferramenta BLEND, fizemos (num passo a passo bem rápido) a imagem abaixo:
01. Faça uma estrela (usei a cor amarela) sem bordas.
02. Object > Path > Offset Path (com isso fazemos uma arte idêntica dentro da outra só que com uma dimensão menor. No caso acima, foi a estrela vermelha)
03. Selecionando a estrela vermelha pressionanto SHIFT + ALT, diminuimos ela com relação a estrela amarela mantendo as proporções.
04. Use a ferramenta BLEND TOOL (W). Dando 2 cliques no ícone da barra lateral, você altera as propriedades de "multiplicação" e outros detalhes para fazer uma arte dentro do que você idealiza.
O que aprendemos: A importância da escolha das fontes corretas com o estudo sobre tipografia e começamos a explorar os efeitos que o Illustrator apresenta para darmos um visual menos simples a nossos trabalhos, deixando-os com um aspecto mais profissional.
Dicas de Leitura 2
Seguem links com assuntos interessantes relacionadas a produção de revista que foi a atividade praticada nas aulas 18 e 19.
O processo de criação de uma capa de revista
O processo de criação de uma capa de revista
Técnicas de criação de uma capa de revista
Aula 19: Anúncios de Revista
Na Aula 19 (03/11/2010) foi dada continuidade no projeto da revista iniciada na Aula 18. O projeto agora foca a criação de anúncios para publicação e tivemos que marcar os espaços na página seguindo o padrão abaixo (clique para ampliar).
É importante fazer marcações exatas para definir os espaços pois na hora de comercializar anúcios, deve haver uma relação entre tamanho e preço cobrado pelo espaço.
(Sangria: 5 Pts * Marca de Corte: 2 Pts)
O que aprendemos: A aula focou no trabalho de criação da capa da revista e na formatação de anúncios para a mesma.
É importante fazer marcações exatas para definir os espaços pois na hora de comercializar anúcios, deve haver uma relação entre tamanho e preço cobrado pelo espaço.
(Sangria: 5 Pts * Marca de Corte: 2 Pts)
Paga definirmos os quadrados, o uso da Régua (CTRL + R) é essencial e também a ferramenta Transform (Shift + F8).
Abaixo, um site útil para termos uma noção de como se lida comercialmente com essa questão de anúncios:
Abaixo, um site útil para termos uma noção de como se lida comercialmente com essa questão de anúncios:
O que aprendemos: A aula focou no trabalho de criação da capa da revista e na formatação de anúncios para a mesma.
quarta-feira, 3 de novembro de 2010
Aula 18: Produzindo Capa de Revista
A aula 18 (01/11/2010) foi dedicada ao trabalho solicitado pela Andresa no final da aula 17. Devemos empregar o maior número possível de ferramentas que vimos no decorrer do curso para produzir uma capa de revista. Os temas podem ser:
O trabalho VALERÁ PONTO que se somará ao demais já exigidos no decorrer do curso. Formato: A4 com Sangria de 5 PTs. Importante ter uma logomarca - título da revista - e no mínimo 4 matérias sendo destacadas na capa. Abaixo alguns exemplos para inspirar (clique na imagem para ampliar).
Música
Tecnologia & Atualidades
Teens (adolescentes)
Moda
Carros
Teens (adolescentes)
Moda
Carros
O trabalho VALERÁ PONTO que se somará ao demais já exigidos no decorrer do curso. Formato: A4 com Sangria de 5 PTs. Importante ter uma logomarca - título da revista - e no mínimo 4 matérias sendo destacadas na capa. Abaixo alguns exemplos para inspirar (clique na imagem para ampliar).
Aula 17: Blend Tool e Envelope Distort
Na aula 17 (27/10/2010) aprendemos a utilizar a ferramente BLEND TOOL (W). Com ela é possível realziar uma mistura interativa entre objetos e cores. Observe a imagem abaixo
Para criar esse efeito, escreva a palavra GALERA e depois duplique (ALT pressionado no teclado e arraste com o mouse a palavra). Deixe uma das palavra com a cor preta sem contorno e outra com a cor branca e contorno preto com "stroke 1". Deixe ambas um pouco afastadas no plano.
Selecione ambas com a SELECTION TOOL (V) e em seguida selecione a BLEND TOOL (W). Posicione o ícone da ferramenta entre as palavras e arraste. O número de vezes que se "multiplicará" a palavra você pode regular via BLEND OPTIONS - dê dois cliques no ícone na barra de ferramentas lateral
e então abrirá uma janela onde você terá 3 opções no picklist. Marque PREVIEW e explore as opções - Smoth Color; Specified Steps e Specified Distance.
Também vimos como deixar letras com um aspecto diferenciado através da ferramenta ENVELOPE DISTORT (Object > Envelope Distort > Make With Warp). Clique em PREVIEW e explore as possibilidades de distorcer seu texto para fazer um efeito legal. Você também pode usar a MESH TOOL (U) para distorcer nós de um ponto específico!
O que aprendemos: Efeitos de mistura interativa com a BLEND TOOL (W) e distorção de fontes com ENVELOPE DISTORT.
Para criar esse efeito, escreva a palavra GALERA e depois duplique (ALT pressionado no teclado e arraste com o mouse a palavra). Deixe uma das palavra com a cor preta sem contorno e outra com a cor branca e contorno preto com "stroke 1". Deixe ambas um pouco afastadas no plano.
Selecione ambas com a SELECTION TOOL (V) e em seguida selecione a BLEND TOOL (W). Posicione o ícone da ferramenta entre as palavras e arraste. O número de vezes que se "multiplicará" a palavra você pode regular via BLEND OPTIONS - dê dois cliques no ícone na barra de ferramentas lateral
e então abrirá uma janela onde você terá 3 opções no picklist. Marque PREVIEW e explore as opções - Smoth Color; Specified Steps e Specified Distance.
Também vimos como deixar letras com um aspecto diferenciado através da ferramenta ENVELOPE DISTORT (Object > Envelope Distort > Make With Warp). Clique em PREVIEW e explore as possibilidades de distorcer seu texto para fazer um efeito legal. Você também pode usar a MESH TOOL (U) para distorcer nós de um ponto específico!
O que aprendemos: Efeitos de mistura interativa com a BLEND TOOL (W) e distorção de fontes com ENVELOPE DISTORT.
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
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.
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.
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.
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.
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
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
Valor comercial dos logos
Dicas para briefing de logotipo
Design ideal para um logotipo
http://www.aprimeiravisao.com.br/artigos/design/o-design-ideal-para-um-logotipo
A empresa e o seu simbolo
http://www.aprimeiravisao.com.br/artigos/sem-categoria/a-empresa-e-seu-simbolo
Analise sobre a vetorização de um logotipo
http://www.aprimeiravisao.com.br/artigos/tutoriais-e-dicas/uma-analise-sobre-a-vetorizacao-de-um-logotipo
http://www.aprimeiravisao.com.br/artigos/design/o-design-ideal-para-um-logotipo
A empresa e o seu simbolo
http://www.aprimeiravisao.com.br/artigos/sem-categoria/a-empresa-e-seu-simbolo
Analise sobre a vetorização de um logotipo
http://www.aprimeiravisao.com.br/artigos/tutoriais-e-dicas/uma-analise-sobre-a-vetorizacao-de-um-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!
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!?
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/.
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!
quinta-feira, 30 de setembro de 2010
Enquete: O Nome da Turma?
E aí! Qual o melhor nome pra nossa turma? Votem aí ao lado pra que possamos começar a desenvolver nossa logomarca. Os nomes sugeridos foram:
Bola7
Criando 7
D'7s Dragons
Seven Samurai
Seven Samurai
Na segunda, 04/10, durante a Aula 10, o resultado!
Assinar:
Postagens (Atom)