Evolução do Photoshop

Em 2010, o software que revolucionou o mundo das artes gráficas completa 20 anos, esse que nasceu com a finalidade de fazer retoques em fotografias digitalizadas e acabou tornando-se necessário no dia-a-dia de designers e de todas as pessoas que trabalham com imagens.

Confira um infográfico criado pela Tech King mostrando a evolução das ferramentas do programa baseado na Teoria da Evolução de Darwin. Arte com assinatura de Ricardo Cavolo revela o aperfeiçoamento de cada ferramenta ao longo de duas décadas. Clique aqui para ver.

Vocabulário do Designer Gráfico

Vai aí alguns termos utilizados pelos designers gráficos no exercício da sua função.

O que é ALINHAMENTO?
É a forma de organização de colunas de texto, cujas linhas podem ser alinhadas à esquerda, à direita, centralizadas ou blocadas.

O que é CAIXA-ALTA/caixa-baixa?
É a forma de designar a tipologia utilizada em letras minúsculas (caixa-baixa) ou letras maiúsculas (caixa-alta).

O que é CORPO?
Corpo é a medida de tamanho das fontes. Quanto maior o corpo, maior o tamanho da letra.

O que é DIAGRAMAR?
Diagramar consiste em determinar a disposição dos elementos em uma página – legendas, ilustrações, textos, títulos etc.

O que é ESCANEAMENTO?
Escaneamento é a forma "abrasileirada" de designar o processo de digitalização da imagem. Vem da palavra inglesa scanner, nome do equipamento em que se realiza a digitalização.

O que é IMAGEM EM ALTA/BAIXA DEFINIÇÃO?
São os termos utilizados para a medida de pontos por polegada de uma imagem. Quanto maior o número de pontos por polegada (dpi), maior a definição da imagem.

O que é LAYOUT?
É a materialização da proposta visual dos elementos – tipologia, cores, estilo de ilustração etc – tudo que compõe o produto.

O que é MÍDIA?
É o "veículo" de disseminação da informação, como a mídia impressa (papel), mídia eletrônica (cd rom ou web) etc.

O que é ROUGH?
(lê-se "raf") É o traçado inicial de um layout, também conhecido como rascunho.

O que é TIPOLOGIA?
Tipologia (que significa "estudo dos tipos") é o conjunto de caracteres tipográficos, que também são conhecidos como fontes. Elas admitem algumas variações de estilos, tais como itálico, negrito, sublinhado, etc. Alguns exemplos de tipologia são a Times New Roman, Arial, Verdana, Garamond e Helvética.

O que é TRATAMENTO DE IMAGENS?
O tratamento de imagens é um processo realizado por meio de softwares gráficos (como o Photoshop) que visa a melhoria da qualidade da imagem para impressão ou edição. Nesse processo, podem ser corrigidas imperfeições da imagem.

Jogo Tipográfico

O estúdio brasileiro Ps.2 criou o jogo Typeface Memory Game para todos aqueles que que são amantes desse seguimento. O jogo faz com que você memorize 25 variações da letra “A”, em tipos famosos como: Garamond, Baskerville, Centaur, Akzidenz Grotesk, Helvetica Rockwell, Times New Roman e Univers entre outras.

O jogo custa US$ 19.49 na Amazon.com.

Vale a pena reunir sua turma para jogar, além se divertir você ainda conhece mais sobre tipografia.

Tradução de ferramentas

Na hora de fazer tutoriais, algumas pessoas encontram dificuldades ao tentar executá-los, pelo fato do seu PHOTOSHOP ser em inglês e o tutorial em portugues e vice-versa.
Então ai vai uma lista com todas as ferramentas traduzidas.

Filtros - Filters

Artístico -Artistic
Afresco - Fresco
Aquarela - Watercolor
Arestas Posterizadas - Poster Edges
Bastão de Borrar - Smudge Stick
Espátula - Cutout
Esponja - Sponge
Foto Granulada - Film Grain
Lápis de Cor - Coroled Pencil
Neon - Neon Glow
Pastel - Rough Pastels
Pincel a Seco - Dry Brush
Plastificação - Plastic Wrap
Recorte de Arestas - Palette Knife
Tinta-Base - Paint Daubs
Toques de Tinta - Underpainting
Desfoque - Blur
Desfoque de Movimento - Motion Blur
Desfoque Gaussiano - Gaussian Blur
Desfoque Inteligente - Smart Blur
Desfoque Maior - Blur More
Desfoque Radial - Radial Blur
Traçados de Pincel - Brush Strokes
Arestas Acentuadas - Accented Edges
Borrifo - Ink Outlines
Hachura - Spatter
Rastro da Tinta - Crosshatch
Sumi-e - Sumi-e
Traçado Angular - Angle Strokes
Traçado Borrifado - Sprayed Strokes
Traçado Escuro - Dark Strokes
Distorção - Distort
Brilho Difuso - Difuse Glow
Cisalhamento - Shear
Combinar - Displace
Coordenadas Polares - Polar Coordinates
Esferização - Sphrerize
Marola - Pinch
Ondas - Wave
Ondulação - Ripple
Redemoinho - Twirl
Sucção - Ocean Ripple
Vidro - Glass
Ziguezague - ZigZag
Ruído - Noise
Adicionar Ruído - Add Noise
Desfoque Seletivo - Despeckle
Mediana - Median
Sujeira e Rabiscos - Dust & Scratches
Pixelização - Pixelate
Cristalizar - Crystallize
Facetar - Facet
Fragmentar - Fragment
Meia-Tinta - Mezzotint
Meio-Tom em Cores - Color Halftone
Mosaico - Mosaic
Pontilhar - Pointillize
Acabamento - Render
Efeitos de Iluminação - Lighting Effects
Nuvens - Clouds
Nuvens por Diferença - Difference Clouds
Reflexo de Flash - Lighting Effects
Transformação 3D - 3D Transform
Nitidez Sharpen
Arestas Nítidas - Sharpen Edges
Máscara de Nitidez - Unsharpen Mask
Nitidez - Sharpen
Nitidez Maior - Sharpen More
Croqui - Sketch
Arestas Rasgadas - Torn Edges
Baixo Relevo - Bas Relief
Bico de Pena - Graphic Pen
Carvão - Charcoal
Crayon Conté - Conté Crayon
Cromo - Chrome
Estampa - Stamp
Fotocópia - Photocopy
Gesso - Plaster
Giz e Carvão - Chalk & Charcoal
Matriz de Meio-Tom - Halftone Pattern
Papel de Carta - Note Paper
Papel Molhado - Water Paper
Reticulação - Reticulation
Estilização - Stylize
Arestas Brilhantes - Glowing Edges
Difusão - Diffuse
Entalhe - Emboss
Extrusão - Extrude
Indicação de Arestas - Find Edges
Ladrinhos - Tiles
Solarização - Solarize
Traçado do Contorno - Trace Contour
Vento - Wind
Textura - Texture
Bordado - Patchwork
Craquelé - Craquelure
Granulado - Grain
Ladrilhos do Mosaico - Mosaic Tiles
Texturizador - Texturizer
Vitral - Stained Glass
Vídeo - Video
Cores NTSC - NTSC Colors
Desentrelaçamento - De-Interlace
Outros - Other
Alta Freqüência - High Pass
Deslocamento - Off Set
Máximo - Maximum
Mínimo - Minimum
Personalizar - Custom
Digimarc - Digimarc
Embutir marca d'água - Embed Watermark
Ler marca d'água - Read Watermark

Ferramentas

Ferramenta Marca de Seleção Retangular/Retangular Marquee Toll (M)
Ferramenta Marca de Seleção Elíptica/Elliptical Marquee Tool (M)
Ferramenta Marca de Seleção de Linha Única/Single Row Marquee Tool
Ferramenta Marca de Seleção de Coluna Única/Single Column Marquee Tool
Ferramenta Mover/Move Tool (V)
Ferramenta Laço/Lasso Tool (L)
Ferramenta Laço Poligonal/Polygonal Lasso Tool (L)
Ferramenta Laço Magnético/Magnectic Lasso Tool (L)
Ferramenta Varinha Mágica/Magic Wand Tool (W)
Ferramenta Corte Demarcado/Crop Tool (C)
Ferramenta Fatia/Slice Tool (K)
Ferramenta Seleção de Fatia/Slice Select Tool(K)
Recuperando Ferramenta Pincel/Healing Brush Tool(J)
Ferramenta Correção/Patch Tool (J)
Ferramenta Pincel/Paintbrush Tool (B)
Ferramenta Lápis/Pencil Tool (B)
Ferramenta Carimbo/Clone Stamp Tool(S)
Ferramenta Carimbo de Padrão/Pattern Stamp Tool(S)
Ferramenta Pincel do Histórico/History Brush Tool(Y)
Ferramenta Pincel História da Arte/Art History Brush (Y)
Ferramenta Borracha/Eraser Tool(E)
Ferramenta Borracha de Plano de Fundo/Background Eraser Tool(E)
Ferramenta Borracha Mágica/Magic Eraser Tool (E)
Ferramenta Degradê/Gradient Tool(G)
Ferramenta Lata de Tinta/Paint Bucket Tool(G)
Ferramenta Desfoque/Blur Tool (R)
Ferramenta Nitidez/Sharpen Tool(R)
Ferramenta Borrar/Smudge Tool (R)
Subexposicão/Dodge Tool (O)
Superexposição/Burn Tool (O)
Ferramenta Esponja/Sponge Tool (O)
Ferramenta Seleção de Demarcador/Path Component Selection Tool(A)
Ferramenta Seleção Direta/Direct Selection Tool(A)
Ferramenta Texto Horizontal/Horizontal Type Tool (T)
Ferramenta Texto Vertical/Vertical Type Tool (T)
Ferramenta Máscara de Texto Horizontal/Horizontal Type Mask Tool(T)
Ferramenta Máscara de Texto Vertical/Vertical Type Mask Tool(T)
Opções da Ferramenta Caneta/Pen Toool(P)
Ferramenta Caneta de Forma Livre/Freeform Pen Tool(P)
Ferramenta Adicionar Ponto de Ancoragem/Add Anchor Point Tool
Ferramenta Excluir Ponto de Ancoragem/Delete Anchor Point Tool
Ferramenta Converter Pontos/Convert-Point Tool
Ferramenta Retângulo/Rectangle Tool (U)
Ferramenta Retângulo Arredondado/Rounded Rectangle Tool (U)
Ferramenta Elipse/Ellipse Tool (U)
Ferramenta Polígono/Polygon Tool (U)
Ferramenta Linha/Line Tool (U)
Ferramenta Forma Personalizada/Custom Shape Tool (U)
Ferramenta Observações/Notes Tool (N)
Ferramenta Comentário de Audio/Audio Annotation Tool (N)
Ferramenta Conta-gotas/Eyedropper Tool (I)
Ferramenta Classificador de Cores/Color Sampler Tool (I)
Ferramenta Medir/Measure Tool (I)
Ferramenta Mão/Hand Tool(H)
Ferramenta Zoom/Zoom Tool (Z)

Tipologia e Design

O maior de todos os objetivos do designer gráfico é o bom senso e a criatividade bem aplicada. Ele precisa comunicar algo a alguém, e tem que chamar a atenção. A parte escrita é muito importante num projeto gráfico e saber utilizar de forma correta os tipos ou fontes é fundamental. Alguns passos São abordados na construção de uma página:

1. Contraste - É importante lembrar de algumas regras quando usar as fontes na composição: tamanho, peso, estrutura, forma, direção, cor.

2. Repetição - é o que cria uma identidade visual com o leitor, estabelecendo uma hierarquia.

3. Alinhamento – centralize ou justifique quando o tema do seu site e o texto for formal, caso contrário procure utilizar o texto de forma mais livre e disponha conforme a sua criatividade e o bom senso permitirem. Há cinco maneiras básicas de organizar as linhas de composição em uma página : justificada, não-justificada à direita, não-justificada à esquerda, centralizada e assimétrica.

4. Legibilidade - Talvez seja o ponto fundamental, é muito importante saber utilizar estilos de fontes em determinados casos, fontes desconstruídas e modernas se encaixam bem em sites modernos e jovens, fontes clássicas e manuscritas muitas vezes se encaixam bem em sites clássicos e sérios, fontes normais e sérias se encaixam perfeitamente em sites institucionais e moderados.  

Fonte: é o conjunto completo de caracteres sob o mesmo estilo e em todos os corpos: caixa alta e baixa, sinais de pontuação, acentos e numerais.

Família de tipos: são todas as variações de uma fonte: Helvética Narrow, Helvética Narrow Bold, Helvética Narrow Bold Oblique.

Classificação

serifa triangular - elzavir, ex.: Times New Roman
serifa linear - didot, ex.: Bodoni
serifa quadrada - egípcio, ex.: GeoSlab
ausência de serifa – antigo 
sem serifa, ex.: Helvética

semi sem serifa, ex.: Optima 

cursivas (manuscrita), ex.: Thelly Alegro BT 

fantasias, ex.: Kidnap

Para quê serve? Os tipos são usados não apenas para comunicar, mas também para traduzir idéias, sensações, emoções, enfim, para "falar" através da escrita. Existem tipos clássicos, divertidos, elegantes, pesados, leves, sérios, técnicos, instáveis, confusos, uma grande variedade de desenhos e estilos que se prestam para variadas formas de comunicação.

Fonte: baseado no material do professor de Design da Universidade Anhembi Morumbi - Andrej Grujic

Boteco Design

Entrou no ar oficialmente nesta segunda, dia 10 de novembro, o Boteco Design! Um blog no qual sua proposta é ser um local de novidades e discurssões a área de design e outros assuntos relacionados.

Show de bola!

Sistema de Leitura Visual

São técnicas visuais aplicadas que tem como finalidade ajudar na leitura visual e fornece subsídios para desenvolvimento de trabalhos e projetos. São várias as técnicas existentes, aqui vamos exemplificar algumas delas, como: superficialidade, sequencialidade, sobreposição e correção óptica.

1- Superficialidade: É uma técnica onde as formas vistas possuem representação bidimensional ou chapada, tem como característica a ausência de perspectiva.

 Apesar de o objeto ser evidentemente tridimensional, a figura se apresenta, predominantemente, chapada em função da posição lateral da fotografia.

 

Representação predominantemente chapada da figura que contém alguns pontos turísticos e fatores culturais de Macapá, como: Marco Zero do Equador, Fortaleza de São José de Macapá, Pedra do Guindaste, Marabaixo e Igreja de São José de Macapá. Porem, o que permite o efeito de bidimensionalidade é o fato da configuração ser delineada e preenchida totalmente pela cor preta.

 

2- Sequencialidade: Essa técnica diz respeito à ordenação de unidade ou elementos de modo contínuo e lógico. Essa sequência pode ser dar através de elementos como linhas, planos, volumes, cores, texturas e etc. 

  Nesta figura a sequencialidade é configurada pela continuidade de profundidade.

  Aqui a seqüencialidade também é proporcionada no sentido de profundidade.

3- Sobreposição: Essa técnica é formada pela organização de elementos uns em cima de outros, que podem ser opacos, translúcidos ou transparentes.

Uma imagem desordenada reforça a desarmonia da composição que dão um tom atraente na imagem como um todo.

  Na imagem há sobreposição de elementos em profundidade que são os pontos turísticos e a palavra “Macapá”. Existe também uma sobreposição proporcionada pelo efeito de transparência no fundo com a imagem de São José juntamente com os raios e o céu.

4- Correção Óptica: Essa técnica funciona com um tipo de correção ou de controle visual do objeto, principalmente nas linhas que contornam as organizações formais.

Nas duas figuras acima, as linhas se sobressaem e dão caracteristicas especiais para a aparência  do celular e do carro.