Escolar Documentos
Profissional Documentos
Cultura Documentos
PREPPES
Design Gráfico II
Curitiba:PREPPES,2018
130 p. il.
Impresso no Brasil
Printed in Brazil
2018
Por que aprender a usar o Photoshop? Muito simples, ele é o melhor programa para edição de
imagens. Usado por profissionais do mundo inteiro, sejam Fotógrafos, Designers Gráficos ou Web
Designers, todos tiram grande proveito desta que é sem dúvida a melhor ferramenta para o tratamento de
imagem.
Neste módulo você terá a oportunidade de trabalhar com as ferramentas mais úteis para poder
produzirumbomresultado,sejaparaummaterialimpressoouparaweb.Duranteosdoismesesquedura
o curso você será levado para o mundo maravilhoso e criativo do Photoshop.
Serão trabalhados desde os recursos mais simples como retirar uma espinha em uma foto, colocar
uma tatuagem que deseja (apenas na foto), poderá trocar a cor dos olhos e do cabelo até recursos mais
sofisticados como restaurar fotos com defeitos.
Este material não abrangerá os recursos avançados do programa, isso não quer dizer que serão
trabalhados só recursos básicos. Venham para este mundo criativo e colorido. Divirta-se com grandes
produções.
OAutor.
Sumário
AULA01-PrimeirosPassos 08
Objetivo do Curso 09
O que são softwares editores de imagens 09
Edição, criação e composição de imagens 10
Photoshop X Corel Draw 12
AULA02-Imagem 16
Oqueéimagem? 17
Imagens Bitmaps e Imagens Vetoriais 18
Imagem pictórica, estática e em movimento 20
O que é imagem digital? 22
Formatos de imagens 24
AULA03-Editoresdeimagens 28
Photoshop 29
Gimp 30
Pixrl 31
Photscape 31
Editores de imagens paraAndroid 32
AULA04-ConhecendooPhotoshop 36
Área de trabalho 37
Ferramentas e Caixas de Ferramentas 37
Foreground e Background 39
AULA05-CoreseCamadas 42
Teoria das Cores 43
CoresRGBeCMYK 45
Camadas 46
Trabalhando com camadas 47
AULA06-Editoraçãodeimagememontagens 50
O que é editoração de imagem? 51
O que é montagem? 52
Níveis de claridade em uma imagem 53
AULA07-TextoseImagens 58
O que são textos? 59
Harmonia entre textos e imagens 60
Oquesãomáscaras? 61
Como utilizar uma máscara 62
AULA10-Fotografia 78
O que é a fotografia? 79
Dicas de máquinas fotográficas 80
Dicas para fotografias de celulares 82
AULA11-FotografiaII 88
O que é uma composição fotográfica? 89
Ideias criativas para composições de imagens 90
Acessórios básicos para fotografia 93
AULA12-Monocromia 96
O que são imagens monocromáticas? 97
5 Razões para transformar em imagens monocromáticas 98
Técnicas para monocromia 99
Fotografias High Key e Low Key 102
AULA13-Publicidade 104
O que é a publicidade? 105
Tipos de publicidade 105
Branding 109
Áreas deAtuação 109
AULA14-Flyerdigital 112
O que é um Flyer Digital? 113
Dicas para um Flyer de sucesso 113
O processo criativo 115
AULA15-Layoutdeumsite 120
Diferença de site e hospedagem 121
Tipos de site 122
O Processo de Montagem Gráfica 124
Aula 1
PrimeirosPassos
• Objetivo do curso
• Oque são softwares editores de imagens
• Edição, criação e composição de imagens
• Photoshop x Corel Draw
ObjetivodoCurso
Com o Photoshop você poderá dar asas à sua imaginação. Veja a imagem da capa desta apostila,
com as ferramentas do programa e muita criatividade será possível produzir grandes trabalhos. Com os
recursos que serão trabalhados neste módulo com certeza o transformará em umgrandeprofissionalde
design, não serão apenas comandos que serão ensinados, mas sim uma lógica de design, um conceito
de tratamento de imagens. Leia os conteúdos e faça as tarefas sempre colocando sua criatividade e os
resultados aparecerão.
Oquesãosoftwareseditoresdeimagens
Softwares editores gráficos ou softwares editores de imagem são programas de computador que
tem como objetivo facilitar a alteração e criação de imagens digitais. Existem três tipos de editores para
cada necessidade. São eles:
• Raster - programas que geram pinturas digitais, ilustrações, editam ou retocam fotografias. As
imagens raster também são conhecidas como imagens de bitmap, essas são imagens que contém a
descrição de cada pixel. Dentre os mais populares estão: GIMP, Adobe Photoshop, Corel PhotoPaint,
PhotoScape,Pixia,Paint.NET,ArtRage;
• Vetoriais - programas que criam ilustrações por meio de cálculos matemáticos (vetores) e que
podem ser livremente modificados, tendo como base objetos e curvas, a estes podem ser aplicados
cores de contorno e preenchimento de acordo com o programa. Dentre os mais populares estão:
Inkscape, Corel Draw,Adobe Illustrator, Sodipodi, Macromedia Freehand;
9
Figura 2 - À esquerda, uma imagem vetorial. À direita, uma imagem Raster, perceba que a vetorial em comparação com a Raster não
possui nenhum pixel, ou seja, quando aumentá-la ela não ficará pixilizada ou distorcida.
•Tridimensionais-programasquemanipulamimagensemtrêsdimensõescomosólidossimples
(cubos, esferas, cilindros, prismas, pirâmides, etc) são usados em diversas áreas técnicas,bem como na
criação de comerciais e efeitos especiais em filmes. Dentre os mais populares estão: SketchUp, 3ds
Max,Blender,Cinema4D,Maya,AutodeskSoftimage.
Estes programas também possuem geralmente um vasto leque de filtros para exportação de
arquivos.Algunsdelessão:BMP,PNG,JPG,GIF,TIFF,TGA,XPM,SVG,PostScript.Veremosmaisdetalhes
na aula 02.
Edição,criaçãoecomposiçãodeimagens
Edição ou manipulação é a alteração ou manuseamento de determinado conteúdo tendo por
objetivo um uso determinado. O ato de editar determinado conteúdo chama-se editoração, e o sujeito
é o editor.
10
Figura 4- Restauração de Imagem.
A manipulação digital da imagem fotográfica não serve só para corrigir pequenos defeitos,
realizarrestauraçõesgrandesoumelhorarumafotoquejáéboa.Osrecursosdossoftwaresdeediçãode
imagens abriram uma porta para um novo mundo de possibilidades.Aalteração de cores, de contraste,
desaturação,asdistorçõesvariadas,asobreposiçãodeimagens,tudoissopossibilitaacriaçãodenovas
atmosferas para tornar incríveis imagens que poderiam ser banais.
Figura 5 - Restauração de Imagem
Criação de imagem agrega informações utilizando elementos comuns como os padrões relativos
às expressões corporais e o uso codificado das cores, apresenta uma proposta de sentido aos fatos que
se torna possível dentro de um prazo. Por vezes, tem como objetivo dar conta do espírito de um período
determinado, aprisionando a comunicação à captura do tempo.
Acomposiçãodeumaimagemnadamaiséqueaarrumaçãonateladoselementosemvistapara
que aquela imagem seja vista da forma que o editor a imaginou, respeitando os elementos
11
e forjando a relação entre eles: o assunto principal, o primeiro plano e os elementos secundários.
Deixando-a com uma qualidade estética que trabalhe textura, equilíbrios de formas e cores e outras
variáveis mais, que em sua combinação formam uma imagem comunicativa e bela.Acomposição não
depende quase nada do seu equipamento fotográfico e não pode ser “arrumada” no Photoshop depois,
a não ser quando deixa de ser fotografia e passa a ser manipulação digital.
PhotoshopXCorelDraw
O Adobe Photoshop é um software caracterizado como editor de imagens bidimensionais do tipo
Raster (possuindo ainda algumas capacidades de edição típicas dos editores vetoriais) desenvolvido pela
Adobe Systems. É considerado o líder no mercado dos editores de imagem profissionais.
Podemos perceber com as descrições acima de cada programa que o Adobe Photoshop é
voltado para a editoração de imagens e criação de imagens bitmaps, enquanto que o Corel Draw é um
programa para a criação de imagens vetoriais sendo possível a criação de trabalhos gráficos que
podem ter diferentes tamanhos sem a perda de qualidade.
12
Atividades
1 Encontre as palavras no caça-palavras.
• AdobePhotoshop
• Bitmap
• Blender
• Composição
• CorelDraw
• Criação
• Digital
• Editoração
• Imagem
• Manipulação
• Raster
• Restauração
• Tiff
• Tridimensional
• Vetorial
DesaFios
2 Dos formatos citados quais possibilitam a criação de imagens com plano de fundo
transparente? Marque um X nas respostas corretas.
( )JPG
( )PNG
( )GIF
( )TIFF
13
Atividades
3 Coloque V para a frase verdadeira e F para a frase falsa.
O formato JPG é o melhor formato para salvar uma imagem manipulada, pois ele tem
menos perda de qualidade após salvar.
O formato PNG é o melhor formato para salvar uma imagem manipulada, pois ele tem
menos perda de qualidade após salvar.
O formato TIFF possibilita que salvemos uma imagem animada com música.
4 Procure na internet exemplos de fotografias que necessitem de restauração, elas não precisam
ser antigas, e salve em seu pendrive, skydrive, Google drive, ou outro dispositivo.
5 Procure exemplos de imagens tridimensionais, salve as que você achar interessante em uma
pastaeselecioneamaisinteressante,deixeessaimagemcomoplanodefundonaáreaprincipal
do Windows (ou Linux).
14
Anotações
15
Aula 2
Imagem
• Oqueéimagem?
• Imagens Bitmaps e Imagens Vetoriais
• Imagempictórica, estática e emmovimento
• Oqueéimagemdigital?
• Formatodeimagens
Oqueéimagem?
Segundo o dicionárioAurélio “Imagem é a representação gráfica, plástica ou fotográfica de
pessoa ou de objeto; representação mental de um objeto, impressão, lembrança, recordação, etc”.
Imagens figurativas: são imagens representativas, elas contêm informações sobre os objetos,
situações, temas.
Imagensabstratas:sãoimagensnãorepresentativas,sãoaquelasquefacilitamapercepção,mas
não há percepção.
17
ImagensBitmapseImagensVetoriais
AsimagensBitmapssãoconstruídascomaformaçãodequadradosmuitopequenoschamadospixel.
Asimagensbitmaps,oumapadebits,sãoumacoleçãodebitsqueformamumaimagem.Aimagemconsiste
emumamatrizdepontosindividuais(oupixeis)emquecadaumtemasuaprópriacor.
Figura 3 - Imagem bitmap, construída com a formação de quadrados muito pequenos chamados pixel.
• Imagens Line-Art: apenas contém duas cores, normalmente o preto e o branco. Por vezes são
referidas como imagens bitmaps porque o computador tem que usar apenas 1 bit (on= preto e
off=branco) para poder definir cada pixel.
18
• Imagens Grayscale: contém várias graduações de cinzentos, também compostas por preto e
branco, a graduação é formada por sua máxima configuração de 256 linhas.
• Imagens Multitônicas: contém graduação de duas ou mais cores.As imagens Multitônicas mais
conhecidassãoasduotônicasquenormalmentesãocompostasporpretoeporumasegundacor direta,
normalmente uma Pantone.
• Imagensacores:ainformaçãodecorpodeserdescritausandodeterminadosespaçosdecores:
RGB(Red,GreeneBlue)ouCMYK(Ciano,Magenta,YelloweBlack),ondeveremosmaissobreessascores
na aula 05.
19
A imagem vetorial é criada a base de objetos, como por exemplo, retângulos e círculos e
possuem a capacidade de serem ampliadas indefinidamente sem perderem definição e detalhamento.
Figura 8 - À esquerda uma imagem vetorial. À direita uma imagem bitmap. Perceba que a imagem vetorial não possui pixel.
As curvas de Bézier são usadas para a manipulação dos pontos de um desenho. Cada linha
descrita em um desenho vetorial possui nós, e cada nó possui alças para manipular o segmento da reta
ligada a ele.
Alça de manipulação
Nó
Figura 9 - Curva de bézier, cada quadrado branco no início e fim de uma curva e o quadrado preto no centro chama-se nó, os
círculos pretos ligados por uma linha que atravessa os quadrados chamam-se alça de manipulação.
Por serem baseados em vetores, esses gráficos são mais leves, ocupam menos memória no
disco rígido, e não perdem qualidade ao serem ampliados.
Imagempictórica,estáticaeemmovimento
Imagem pictórica é produzida por ordenação de pigmentos (um exemplo desses pigmentos
podem ser as tintas) sobre algum suporte (um exemplo de suporte podem ser as telas utilizadas por
pintores) geralmente utilizando técnicas de fotografia, desenho, pintura, gravura e outrasArtes Visuais.
A imagem pictórica pode ser figurativa, ou seja, representar algo existente materialmente na natureza
ou supostamente existente, como no caso de figuras mitológicas, ou abstratas, se não se prender a
nenhuma representação material.
20
Figura 10 - Imagem Pictórica
Fotos documentais como a fotografia é uma ramificação das imagens pictóricas e se concentram
em uma ação natural. Elas são menos artificialmente compostas.
As imagens estáticas são armazenadas e exibidas como uma matriz, onde cada elemento da
matriz representa um ponto da imagem (pixel). Em cada pixel está codificado, de maneira binária,
intensidade ou cor.
Para a representação de uma imagem são necessários dois elementos: resolução e intensidade.
-Intensidade: é a quantidade de cores ou tons de cinza que um pixel pode exibir (quanto maior o
número de cores/tons de cinza por pixel, maior a variabilidade de tons e melhor impressão visual).
Figura 11 – Uma radiografia ou neste caso um ultrassom de uma mulher grávida é uma imagem estática, pois a imagem é formada por
resolução e intensidade gravado em cada pixel formando assim a imagem da criança dentro da barriga da mãe.
Acomposiçãodestesdoiselementos,resoluçãoeintensidadevaidefiniraquantidadedememória
necessária para armazenar as imagens, a qual depende do tamanho de uma determinada
21
imagem (largura x altura).
Imagens em movimento criam a ilusão de ótica de movimento. Pela disposição dos elementos,
acontece uma confusão no cérebro, o que faz com que a imagem pareça estar se movimentando, mas
na verdade é uma imagem estática.
Figura 12 - Ilusão de ótica, mandala em movimento. Fixe o olha no centro da imagem por alguns segundos, a imagem terá a impressão de
estar se movendo.
Figura 13 - Imagem de captura de movimento, a imagem passa a sensação de o ciclista estar em uma velocidade muito alta, pois todos os
elementos atrás dele estão desfocados.
Oqueéimagemdigital?
Uma imagem digital é a representação de uma imagem bidimensional usando números binários
codificados de modo a permitir seu armazenamento, transferência, impressão ou reprodução, e seu
22
processamento por meios eletrônicos. Há dois tipos fundamentais de imagem digital como já falado:
rastreio (Raster) e vetorial.
Imagemderastreioeimagemvetorial
Tipicamente, cada ponto de uma imagem é decomposto em uma tripla de cores e cada
proporção relativa é transformada em valores numéricos que permitem que eles sejam recuperados.
No modelo de cores RGB¹, por exemplo, a imagem é decomposta nas cores vermelho, verde e azul,
estabelecendo para cada uma dessas cores um valor entre o máximo possível de reprodução daquela
cor e o mínimo, ou seja, a ausência total dela. A soma dos três valores resulta num ponto colorido da
imagem final.
Curiosidade
A primeira imagem digital foi feita por Russell Kirsch, no NBS, agora conhecido como National
Institute of Standards and Technology (NIST).
Definiçãoeresoluçãodeimagensderastreio.
A qualidade de uma imagem digital se dará sobre dois aspectos, a quantidade de pixel por
polegada (resolução da imagem conhecida como PPI), e o número de pixels na horizontal e na vertical
(tamanho da imagem em centímetros).
Figura 15 - a imagem do Mario Bros foi aumentada de tal forma que a
resolução dela perdeu qualidade, esse efeito chama-se estouro de
pixel.
23
quantidade de pixels por polegada da imagem.
Para uma boa definição é preciso que a imagem tenha 300PPIs (pixels per inch, ou, pixels por
polegada), isso permite que se faça uma cópia de alta qualidade em papel fotográfico, o tamanho desta
cópia (10x15 - 15x18) vai depender de quantos pixels a imagem possui na vertical e quantos na
horizontal.
Curiosidade
AmaiorimagemdigitaldomundofoicriadapelaempresacanadenseAperiocriouumafotografia
digitalcomaqualidadedeumTerapixel,ouseja,comumtrilhãodepixels.Oarquivodeimagem
tem 143 GB e tem o formato BigTIFF, inventado pela companhia para a utilização em análises
de exames médicos.
A imagem vetorial é criada recorrendo a entidades de desenho como retas, pontos, curvas
polígonos simples, etc.
Figura 16 - À esquerda temos uma imagem criada a partir de vetores, à direita temos uma imagem Raster ou bitmap.Apesar de ambas
parecerem muito boas na imagem geral, quando aproximadas percebemos que a imagem vetorial não possui pixel.
O tamanho dos arquivos de desenho vetorial são relativamente menores que os arquivos de
desenho de rastreio.Aimagem vetorial é criada por objetos primários, mas a grande vantagem dela é
o fato de poder ser aumentada sem a perda de resolução, ou seja, sem o efeito de pixelização que é
conhecido como estou de pixel.
Formatosdeimagens
A maioria dos formatos de imagens digitais são precedidos por um cabeçalho que contém
atributos (dimensões da imagem, tipo de codificação, etc.), seguido dos dados da imagem em si.
JPEG- JointPhotographicExpertsGroup
Aextensão em DOS é “JPG”. É o formato mais utilizado e conhecido atualmente. Quase todas as
câmaras possuem esta opção para guardar as imagens. Formato de arquivo muito utilizado na
24
Interneteemmultimidia,porterumacompactaçãoexcelente,algofundamentalaomeio,eporsuportar
até 16.777.216 cores distintas.
Arquivo padrão para impressão industrial (offset, rotogravura, flexogravura); também muito
usado como opção nas câmaras fotográficas. O TIFF é capaz de armazenar imagens true color (24 ou
32 bits).
GIF-GraphicsInterchangeFormat
Criado para ser usado extensivamente na Internet. Suporta imagens animadas e 256 cores por
frame. Foi substituído pelo PNG.
BMP-WindowsBitmap
Normalmente usado pelos programas do Microsoft Windows. Não utiliza nenhum algoritmo de
compressão, daí esse formato apresentar as fotos com maior tamanho.
PNG-PortableNetworkGraphics
É um formato livre de dados utilizado para imagens, que surgiu em 1996 como substituto para
o formato GIF. Suporta canal alfa, não tem limitação da profundidade de cores, alta compressão.
Permite comprimir as imagens sem perda de qualidade, ao contrário de outros formatos, como o JPG.
PCD-KodakPhotoCD
Este é um formato proprietário lançado pela Kodak, em 1992 como parte um sistema de
digitalização e armazenamento de imagens para suprir a demanda no início da popularização das
imagens digitais. Dessa forma, um rolo de filme era capturado por um scanner em imagens com 36 bits
(12 bits por cor) e transformado em arquivos digitais por uma estação de tratamento chamada Photo
Imaging Workstation (PIW).
DWG-AutoCADdrawing
RAW refere-se à família de formatos de imagem RAW que são originados pela maioria das
câmeras digitais profissionais. O formato RAW não é padronizado nem documentado, e difere de
fabricante para fabricante.
25
Atividades
1 Qual a diferença de imagens Bitmaps e imagens Vetoriais?
a) ImagensSépiasãoimagens:
GraySacale
Multitônicas
A cores
b) Imagens Line-art:
DesaFios
Complete a palavra cruzada com as dicas abaixo:
3 1. Construídas com a formação de quadrados muito pequenos chamados pixel.
2. Usadas para manipulação dos pontos de um desenho.
3. Formato mais utilizado e conhecido atualmente.
4. Imagem que forma um raio-x ou um ultrassom.
5. Formato normalmente utilizado pelos programas da Microsoft.
6. Imagem que representa algo que existe materialmente na natureza ou supostamente
existe, como figuras mitológicas.
7. Possui a capacidade de ser ampliada indefinidamente sem perder qualidade.
8. Representação de uma imagem bidimensional usando números binários.
9. Contém graduação de duas ou mais cores.
10. Formato criado para ser usado na internet e suporta imagens animadas.
11. Imagem que nos dá a impressão de algo estar se movimentando.
12. Representação gráfica de pessoa ou objeto.
13. Formato que surgiu para substituir o formato GIF e suporta canal alfa.
14. Contém apenas duas cores, normalmente o preto e o branco.
15. Contém várias graduações de cinza.
26
Atividades
4 Com a ajuda de seu celular utilize a câmera dele para produzir fotos de imagens em movimento
e pictóricas, após selecione as melhores fotos e poste em seu Faceboook, marque seu professor
nas fotos selecionadas. Lembre-se, você pode produzir essas fotos no parque, na sala de aula,
emcasa,narua.
5 Procurenainternetimagensqueestejampixelizadas,ouseja,quetiveramestourodepixel,salve
algumas e analise as imagens tentando identificar quais as possibilidades das imagens serem
restauradas e qual programa deverá ser utilizado para isso: Photoshop ou Corel Draw?
6 Procure uma imagem na internet, salve-a no computador e abra-a no Photoshop. Com a ajuda
do seu professor mude a cor dessa imagem, salve-a novamente e divulgue no seu Facebook, se
desejar coloque no grupo da escola que você está.
27
Aula 3
Editoresdeimagens
• Photoshop
• Gimp
• Pixrl
• Photscape
• Editores de imagens paraAndroid
Photoshop
Adobe Photoshop é um software caracterizado como editor
de imagens bidimensionais do tipo Raster (possuindo ainda
algumas capacidades de edição típicas dos editores vetoriais)
desenvolvido pela Adobe Systems. É considerado o líder no
mercado dos editores de imagem profissionais, assim como o
programa de fato para edição profissional de imagens digitais e
trabalhos de pré-impressão. Pode ser rodado também no Linux,
através da camada de compatibilidade Wine.
Apesar de ter sido concebido para edição de imagens para impressão em papel, o Photoshop é
usadotambémparaproduzirimagensdestinadasàWorldWideWeb.Atéaversão9.0(CS2)oprograma,
o Adobe ImageReady, muito semelhante ao Photoshop, que era utilizado em conjunto para a edição e
criação de imagens e animações para a internet. A partir da versão 10 (CS3), os recursos do Adobe
ImageReady estão incluídos dentro do próprio Photoshop.
Figura 1 - É possível realizar muitas manipulações com o Photoshop, mas uma que é muito utilizada é a remoção de espinhas.
O Photoshop também suporta edição com outros tipos de programas da Adobe, especializados
emdeterminadasáreas:ojáreferidoAdobeImageReady(ediçãodeimagensparaaweb),AdobeInDesign
(edição de texto) Adobe Illustrator (edição de gráficos vectoriais), Adobe Premiere (edição de vídeo
não-linear), Adobe After Effects (edição de efeitos especiais em vídeo) e o Adobe Encore DVD (edição
destinadaaDVDs).OsformatosdearquivosnativosdoPhotoshop(PSDouPDD)podemserusadosentre
estes programas. A título de exemplo, o Photoshop CS permite fazer elementos da interface gráfica de
DVDs (menus e botões), desde que dispostos separadamente no ficheiro original
29
(PSDouPDD)porcamadas(layers)agrupadasporordemespecífica,deformaque,aoserimportadopelo
Adobe Encore DVD, este consiga criar a edição para DVD com esses elementos.
O uso das camadas não é um recurso novo inventado pelos desenvolvedores do Photoshop, ele
foi desenvolvido há muito tempo pelos ilustradores. Portanto, é mais um recurso existente no mundo
real que foi aproveitado pela ferramenta Photoshop para facilitar o trabalho de seus usuários, assim
como certos efeitos que reproduzem técnicas de pintura, máscaras, uma técnica muito utilizada em
gráficas e impressão offset.
Figura 2 - Podemos utilizar o Photoshop para fazer maquiagem digital e deixar uma fotografia mais atraente.
O Photoshop não suporta nativamente muitos dos algoritmos de imagem (ImageArithmetics) que
o Corel Paint Shop Pro e outros editores de bitmaps utilizam. No entanto, esse problema pode ser
contornado através do Filter Factory, um plugin gratuito disponível nos discos de instalação do
Photoshop, após a versão 3.0.
Gimp
GIMP(GNU Image Manipulation Program) é um programa de código aberto voltado principalmente
para criação e edição de imagens Raster, e em menor escala também para desenho vetorial.
30
O projeto foi criado em 1995 por Spencer Kimball e Peter Mattis, quando
desenvolveram o mesmo como um projeto para a faculdade. Atualmente, ele é
mantido por um grupo de voluntários e licenciado sob a GNU General Public License.
O GIMP foi criado pelos estudantes como uma alternativa livre ao Adobe
Photoshop. Foi um projeto universitário que amadureceu bastante e hoje alcança
expressiva popularidade, sendo utilizado por hobbistas e profissionais.
Asigla GIMPoriginalmente significava General Image Manipulation Program; em 1997, foi mudado
para GNU Image ManipulationProgram. Ele é integrante oficial do Projeto GNU.
O GIMP possui os recursos para ser utilizado na criação ou manipulação de imagens e fotografias.
Seus usos incluem criar gráficos, logotipos, redimensionar fotos, alterar cores, combinar imagens
utilizando camadas, remover partes indesejadas e converter arquivos entre diferentes formatos de
imagem digital.
Pixrl
O Pixrl é um editor de imagens online, também conhecido
como Photoshop online, que é capaz de produzir os mesmos
resultados que as aplicações que você pode instalar em seu
computador. Apesar do seu enorme leque de recursos, o Pixlr é
muito fácil de usar e extremamente intuitivo.
Destaca-se bastante pela sua profundidade e pela amplitude de recurso que estiveram na base da
sua concepção. Permite a edição de imagem com ferramentas e recursos avançados, combinando
características de alta qualidade que se tornaram usuais em programas de edição de imagem de desktop.
O Pixlr também inclui ferramentas para criar camadas com as características básicas, deixando
aos usuários liberdade para criar movimento, sobrepor e interpolar imagens, rodareremovercamadas.
Photscape
O PhotoScape é um programa editor de imagens. Sua principal
característica é a facilidade de uso e os recursos que ele oferece. A interface
principal contém 12 ícones e cada um possui uma função especifica. As
opções que se destacam são as edições de imagens, o editor de várias
imagens ao mesmo tempo, converter imagens RAW em JPEG e a função de
formarumasóimagemcomváriasfotos.OprogramatambémcriaGIFssimples.
31
EditoresdeimagensparaAndroid
Hoje é possível gravar vídeos em Full HD direto do celular, tirar fotos em ambientes com pouca
iluminaçãoediversasoutrosítens.Contudo,àsvezesomelhorhardwarenãoésuficienteevocêprecisa
usar alguns aplicativos extras para editar as imagens e deixá-las ainda mais profissionais.
Seja para recortar imagens, remover olhos vermelhos, alterar a cor, iluminação etc, você
definitivamente precisará de um aplicativo de edição de imagens. Entretanto, devido à facilidade de se
criar programas paraAndroid, diversos deles não alcançam o padrão desejado.
PicSay
Com ele você pode adicionar balões de texto, título, desenhos e alguns outros
itens às suas fotos. Ele também lhe dá a possibilidade de fazer melhorias na imagem,
colocando efeitos bem interessantes.
O usuário pode levar algum tempo até se acostumar à interface do aplicativo, contudo nenhum
conhecimento avançado é necessário.Apenas “brincando” com o PicSay, facilmente qualquer pessoa
se adaptará ao programa. Entretanto, caso haja alguma dificuldade, o aplicativo oferece uma sessão de
ajuda, dando dicas da melhor maneira de utilizá-lo.
Por fim, depois de editar a imagem, o programa ainda oferece diversas opções de exportação. É
possível enviar a foto diretamente para o Facebook ou Twitter, salvá-la no cartão de memória ou
usá-la como papel de parede do aparelho.
PhotoshopExpress
A interface inicial automaticamente cria miniaturas das fotos da sua câmera, o que facilita
bastante na hora de escolher a imagem a ser editada. Após selecioná-la, você será levado à tela de
edição de imagens.
Infelizmente,apesardonome,asfunçõesdoaplicativosãoumpoucolimitadas,afinaleranatural
esperarmos mais do Photoshop.
32
O melhor do aplicativo é que depois de editar as fotos, você pode também enviá-las com
facilidade para o Facebook, TwitPic ou para o Photoshop.com.
RetroCamera
O que o programa faz é na verdade simular um modelo de câmera antiga, seguindo todos os
detalhes que eram peculiares a cada modelo. Dessa forma, as fotos ficam com um tom nostálgico
muito bem aplicado.
Devido à maneira automática que o programa aplica os filtros às imagens, as fotos tem certo
atraso, portanto o ideal é usar o aplicativo para modificar imagens estáticas. Por fim as imagens ainda
podem ser compartilhadas com o Facebook, Twitter ou e-mail, em forma de um cartão postal.
33
Atividades
1 Observe as imagens abaixo, elas foram criadas no Pixrl, utilize sua criatividade e crie imagens
interessantes como as abaixo, você pode utilizar o Pixrl Editor, Pixrl Express ou Pixrl-o-matic.
34
Atividades
35
Aula 4
ConhecendooPhotoshop
• Área de trabalho
• Ferramentas e Caixas de Ferramentas
• Foreground e Background
Área de trabalho
Aárea de trabalho do Photoshop é fácil de utilizar, você pode criar e manipular documentos
e arquivos usando vários elementos que iremos conhecer neste capítulo.
A- Área deTrabalho – nessa área as imagens e arquivos ficam abertos em janelas ou abas.
B - Barra de Menus – barra de menus do Photoshop.
C –Alterador da área de trabalho – painel que possibilita alterar a visualização da área
de trabalho.
D – Barra de Ferramentas – painel que exibe as ferramentas utilizadas no Photoshop.
E –Painel de Controle de Cores –painel que possibilita a alteração de cor de formas e
imagens. F – Painel deAjustes de Imagens e Controle de Máscara – Painel que possibilita a
navegação e ajustes de imagens.
G – Painel de controle de camadas, canais de imagens e caminhos -painel que possibilita a
navegação entre camadas e controle de canais de cores de uma imagem.
H – Painel de Opções – nele estão contidas algumas opções de alteração de imagens.
FerramentaseCaixasdeFerramentas
As ferramentas no Photoshop são utilizadas para criação e composição de imagens, assim
como para auxiliar na edição rápida de algumas imagens.
37
FerramentaMoveTool
Ferramentaparaauxiliarnamovimentaçãodeimagensemumadeterminadacamada.
FerramentaMarqueeTool
FerramentaLassoTool
FerramentaVarinha
Quick Selection Tool: permite que você selecione uma área completa arrastando a varinha pela
área.
Magic Wand Tool: permite que você selecione vários pontos dispersos de uma imagem
agregando-os ou desagregando-os de uma área selecionada.
FerramentadeCorte
FerramentadeInformação
Color Sample Tool – possibilita descobrir informações referente a cor de até quatro pontos
específicos de uma imagem.
38
Ruler Tool – possibilita descobrir o tamanho de uma determinada área selecionada.
FerramentaHealing
FerramentaPincel
Ferramentaquepossibilitaacriaçãodeformaslivres.
FerramentaCarimbo
ForegroundeBackground
As cores de primeiro plano (Foreground), ou cor primária e as cores de segundo plano
(Background), ou cor secundária são utilizadas em conjunto com a camada de fundo. Quando você
selecionarqualquerferramentadeformabásicaoudesenho(pincel,caneta)acordepreenchimentoa ser
utilizada será a cor vigente no quadro de primeiro plano, por isso muitas vezes é conhecido como cor
ativa.
Acor de segundo plano serve para várias funções a mais importante é para instruir o Photoshop
acomosecomportarquandoumacamadadefundoéapagadacomaferramentaborracha,poisquando
se utiliza a ferramenta borrada em cima de uma camada qualquer, os pixels da imagem por padrão ficam
transparentes,masacamadadefundonãopodeserapagadaporseracamadadebase,acamadainicial.
Com isso quando se utiliza a ferramenta borracha para apagar a camada de fundo ela não fica
transparente, mas fica colorida com a cor especificada no quadro de Background.
39
Atividades
1 Encontre as palavras abaixo no caça-palavras:
• ÁreadeTrabalho
• BarradeMenus
• BarradeFerramentas
• Camadas
• Cores
• Foreground
• Background
40
Atividades
2 Relacione a colunaAcom as respostas corretas na coluna B.
ColunaA ColunaB
41
Aula 5
CoreseCamadas
• Teoria das Cores
• CoresRGBeCMYK
• Camadas
• Trabalhando comcamadas
TeoriadasCores
TeoriadasCoreséoestudoeexperimentorelacionadocomaassociaçãoentrealuzeanatureza
das cores, realizado por Leonardo Da Vinci, Isaac Newton, Goethe, entre outros.
Leonardo Da Vinci, em suas pesquisas e formulações retratadas no livro “Tratado da Pintura eda
Paisagem – Sombra e Luz”, afirmava que a cor era uma propriedade da luz e não dos objetos.
Mais tarde, o físico inglês Isaac Newton, nos seus experimentos estudou a influência da luz do
sol na formação das cores. Newton estudou o fenômeno da difração, que consistia na decomposição
da luz solar em várias cores quando atravessava um prisma, e denominou o conjunto de cores como
espectro.
O espectro é formado pela união das cores vermelho, laranja, amarelo, verde, azul, anil e violeta.
As sete cores que compõem a luz do sol e que formam o arco-íris.
O círculo cromático contém 12 diferentes cores, que ajudam a visualizar as cores primárias,
secundárias e terciárias que formam o espectro visível.
Figura 1 - Segundo Leonardo da Vinci a cor é uma propriedade da luz e não dos objetos.
O branco e o preto (convencionalmente designados por cores) são apenas resultado da presença
ou ausência de luz.Acor branca é a luz pura, em que há uma reflexão total das sete cores; a cor preta é
ausência total de luz, pois as cores não se refletem, elas são absorvidas.
43
Quando a luz do sol incide em um objeto branco, este reflete os raios solares enquanto um
objeto preto absorve todos os raios solares.
Os estudos realizados pelo escritor alemão Goethe influenciaram a percepção subjetiva das
cores e a relação entre as cores e a Psicologia e Fisiologia.
Significadosdascores
São atribuídos vários significados às diferentes cores. Por exemplo, flores de diferentes cores
costumam ser oferecidas em ocasiões distintas para transmitir mensagens específicas. Deste modo, o
vermelho está relacionado com o amor e paixão, o amarelo corresponde à inveja e o azul é associado
à fidelidade.
As cores quentes são aquelas que transmitem uma sensação de calor, como o vermelho e o
laranja, que dão também uma sensação de proximidade. Por outro lado, as cores frias como o azul e
violeta dão uma impressão de profundidade.
Figura2-Naimagemàesquerdasãoutilizadascoresquentes,dandoasensaçãodaimagemestarmaisiluminada,passandoaimpressãode
termaisemoçõescomooamor.Naimagemàdireitaforamutilizadascoresfrias,passandoasensaçãodetristezaparaodesenho.
As cores são divididas em primárias, secundárias, terciárias e neutras.As cores primárias são o
vermelho, amarelo e azul, as cores secundárias são formadas pela mistura de duas cores primárias, o
verde, o roxo e o laranja, as cores terciárias são formadas pela mistura de uma cor primaria com
uma ou duas cores secundárias; as terciárias são todas as outras cores.As cores neutras tem pouco
reflexo, elas são mais usadas como complemento de outra cor. Entre as neutras temos os tons cinza e
os marrons que nos tons mais claros são chamados de bege.
A cor branca é luz isenta de cor e o preto é a ausência de cor. Se rodarmos o disco das cores
com veemência veremos que as cores desaparecerão e ele aparecerá totalmente branco.
44
Figura 3 - Círculo Cromático.
• Cores primárias:cores que podem ser combinadas para criar outras cores.
• Cores análogas: cores da mesma família com tom diferente
• Cores quentes: transmitem-nos a sensação de calor.
• Cores frias: transmitem-nos a sensação de frio.
• Cores intermediárias: resultam da mistura de cores primárias e cores secundárias
• Cores secundárias: resultam da mistura de duas cores primárias.
• Cores complementares: duas cores que oferecem contraste entre si.
• Cores complementares decompostas: três cores que oferecem contraste entre si.
CoresRGBeCMYK
CMYK é um sistema de cores cuja sigla é formada pelas cores Cyan (Ciano), Magenta (Magenta),
Yellow (Amarelo) e blacK (Preto). O CMYK (também chamado de cor-pigmento) é um sistema muito
utilizado na indústria gráfica.
Além das cores primárias: ciano, magenta e amarelo, também é utilizada a cor preta, considerada
como a “cor chave” por ser essencial para definir os detalhes de uma imagem (para alguns, o “K” que faz
parte da sigla seria da palavra inglesa “Key”, que significa “chave”).
O sistema CMYK é utilizado para impressão em cores com tinta, com o objetivo de ocultar
algumas cores, quando o fundo é branco, para diminuir a luminosidade e ressaltar a combinação das
quatro cores. O CMYK pode reproduzir todas as principais gama de cores existentes. O CMYK funciona
através de impressoras e fotocopiadoras para reproduzir uma grande parte das cores do espectro
visível.
EnquantooCMYKéacor-pigmento,osistemaRGB(vermelho,verdeeazul)édefinidocomoa cor-
luz, sendo utilizado nos objetos que emitem luz (na televisão, por exemplo).
Além do CMYK e do RGB, existem outros padrões de cores, como o Pantone, uma biblioteca que
possuiumaimensagamadecorescatalogadas.
RGB é a sigla do sistema de cores aditivas formada pelas iniciais das cores em inglês Red,
45
Green e Blue, que significa em português, respectivamente, vermelho, verde e azul.
O sistema de cores luminosas RGB (também designado por cor-luz) é usado nos objetos que
emitemluzcomo,porexemplo,osmonitoresdecomputadoretelevisão,ascâmerasdigitais,oscanner,
entre outros.
Já nas impressoras é utilizado o padrão de cores subtrativas denominado CMYK, formado pelos
pigmentos primários Cyan (Ciano), Magenta(Magenta) e Yellow (Amarelo) e ainda, o blacK (Preto).
As cores são obtidas através das misturas das três cores primárias, em quantidades
determinadas. Cada uma das cores obtidas estão enquadradas numa escala que varia de 0 a 255.
Quando a mistura das três cores está no valor mínimo (0, 0, 0), o resultado é a cor preta. Quanto está
no máximo (255, 255, 255), resulta na cor branca.
A variação entre valores mínimos corresponde a tons escuros e entre os valores máximos, os
tons são mais intensos, mais claros.
Camadas
As camadas são como folhas de acetato empilhado. Através das áreas transparentes de uma
camada é possível ver as camadas de baixo. Você move uma camada para posicionar o conteúdo na
camada, como se estivesse deslizando uma folha de acetato em uma pilha.Também é possível alterar a
opacidade de uma camada para tornar o conteúdo parcialmente transparente.
As áreas transparentes de uma camada permitem que você veja as camadas de baixo.
As camadas são usadas para realizar tarefas como a composição de várias imagens, adição de
texto emuma imagemou adiçãodeformasdevetoresgráficos.Vocêpodeaplicarumestilodecamada
para adicionar um efeito especial como uma sombra projetada ou um brilho.
Camadasparaaediçãonãodestrutiva
Às vezes, as camadas não contêm nenhum conteúdo aparente. Por exemplo, uma camada de
ajuste mantém ajustes de cores e tons que afetam as camadas abaixo dela. Em vez de editar os pixels
da imagem diretamente, é possível editar uma camada de ajuste e deixar os pixels da imagem
46
original inalterados.
Trabalhandocomcamadas
O painel Camadas relaciona todas as camadas, grupos e efeitos de camada em uma imagem.
Esse painel pode ser usado para mostrar e ocultar camadas, criar novas camadas e trabalhar com
grupos de camadas. No menu do painel Camadas pode-se acessar comandos e opções adicionais.
Figura5-PainelCamadasdoPhotoshop.
47
Atividades
Observe a imagem abaixo e responda as questões abaixo:
Quantas camadas você consegue identificar que foram utilizadas nesta imagem?
3
Olhando as cores da imagem identificamos quantas cores primárias? E quais são elas?
4
Olhando a imagem conseguimos identificar quantas cores no total? Quais são elas?
5
48
Atividades
6 Observando a imagem, assinale a resposta correta:
Anotações
49
Aula 6
Editoraçãode
imagememontagens
• Oqueéeditoraçãodeimagem?
• Oqueémontagem?
• Níveisdeclaridadeemumaimagem
Oqueéeditoraçãodeimagem?
Muitas vezes uma imagem capturada por uma câmera não representa o que os olhos do
fotógrafo capturaram no mesmo momento, seja por uma luz ou por uma cor, que para o fotógrafo
estejam faltando ou em demasia.
Aedição de uma imagem sempre existiu junto com a fotografia, para escurecer ou clarear uma
imagem.Hojeemdiaaediçãodeimagemsetornoumuitomaisfácilcomautilizaçãodesoftwaresque
auxiliam nessa tarefa.
Figura 1 - Imagem do Neymar com edição de imagem, à esquerda a imagem original, e à direita a imagem após a edição.
Editar uma imagem é realizar a alteração, ou seja, o manuseio de seus pixels com o objetivo de
um uso determinado para aquela imagem, podendo ser realizada a inclusão de uma pequena área
51
ou até mesmo a exclusão de uma pequena área.As imagens exibidas nesta aula são exemplos de uma
ediçãodeimagem.
Figura 2 - Foto da Juliana Paes com edição de imagem, à esquerda imagem original e à direita imagem após a edição.
Oqueémontagem?
Montagem de fotos é a combinação de vários elementos para realizar uma composição. Uma
montagem pode ser uma combinação de formas básicas, imagens, textos, efeitos de luzes, texturas.
52
A montagem pode ser feita com vários intuitos, desde a satirizarão de uma imagem como um
trabalho gráfico composto.
Níveisdeclaridadeemumaimagem
Quandoumafotografiaficaprontaemalgunscasosénecessáriomudarobalançodebranco,que
nada mais é que o processo de remoção de cores não reais, ou seja, tornar branco os objetos que aos
nossos olhos parecem brancos.
Figura 5 - À esquerda, imagem com balanço de branco incorreto, à direita imagem com balanço de branco ajustado.
Para que o balanço de branco seja eficiente, deve-se levar em consideração a “temperatura das
cores” (cores quentes e frias). Quando o balanço de branco está incorreto gera cores com tonalidades
verdes, azuis ou alaranjadas.
53
Figura 6 - No centro imagem com balanço de cores ajustados.
Emalgunscasospodemosterimagenscomluzmista,ondepodehaverumaáreacomluzartificial
e uma área com luz natural. Para o balanço de branco nessas ocasiões deve-se depender de onde
você deseja ter a fidelidade da cor.
Figura 7 - Luz fidelizando o balanço de branco da luz Figura 8 - Luz do prédio foi considerada a principal para
natural da lua. Desse modo dá a impressão de que o obalançodebranco.Dessemodoaimpressãoquesetem
prédio é mais quente e o céu é mais frio. é de uma imagem fria com um céu mais frio.
Ambas as imagens provocam diferentes sensações, isso deve ser a busca para o retoque da
imagem, para que o balanço de branco seja perfeito, a sensação que queremos provocar nas pessoas
deve ser provocada.
54
Atividades
1 Indique V para as afirmações verdadeiras e F para as afirmações falsas:
Aedição de imagem serve para realizar correções em determinadas áreas ou até mesmo
em uma imagem completa.
Quando uma fotografia fica pronta você nunca precisará mudar o balanço de branco,
pois sempre sai de forma perfeita.
Montagem de fotos é a combinação de vários elementos para realizar uma composição.
Editar uma imagem é realizar a alteração, ou seja, é você deixá-la como está e somente
editar o nome.
2 Procure uma imagem na internet que o balanço de branco não esteja em boas condições, altere
até que esteja de forma aceitável, como nos exemplos exibidos nessa aula.
Na fotografia A, a imagem da mulher foi posta na televisão, portanto você deve procurar uma
imagem de uma televisão e colocar a cena de um filme como se ela estivesse ligada.
Na fotografia B, as espinhas foram apagadas, a pele e o sorriso foram clareados, e o cabelo foi
alterado, encontre uma imagem na internet que precise de retoques e deixe mais atraente.
Como exemplo e inspiração veja a fotografia C.
Fotografia A
55
Atividades
Fotografia B
Fotografia C
56
Atividades
4 Jogo dos 5 erros
Agora é a sua vez, crie sua imagem com 5 diferenças e divulgue no Facebook, incentive
seus amigos a tentarem achar as diferenças que você criou.
57
Aula 7
TextoseImagens
• Oque são textos?
• Harmonia entre textos e imagens
• Oque são máscaras?
• Como utilizar uma máscara?
Oquesãotextos?
Segundo o site significados.com.br, “texto é o conjunto de palavras e frases encadeadas que
permitem interpretação e transmite uma mensagem”. De forma geral, textos são manifestações gráficas
e linguísticas das ideias do autor, que serão interpretadas por um leitor de acordo com seus
conhecimentos culturais e linguísticos.
Quando falamos de textos nas ilustrações, esta é a matéria escrita que cria a oposição com os
desenhos e formas. Sendo possível codificar um texto formando códigos que impedem sua leitura.¹
Figura 1 - Capas de revistas são ótimos exemplos de como os textos e figuras gráficas podem compor uma imagem.
Um texto pode ter o tamanho e a fonte variados, ou seja, um texto pode ser escrito com uma
determinada letra em um tamanho de 12 pontos, enquanto que outro pode ser escrito com outra fonte
totalmente diferente com um tamanho de 24 pontos.
Existem dois tipos de textos, os literários que são os poemas, os romances, as novelas. E os não-
literários. Este segundo possui um caráter informativo, ele busca explicar ao leitor determinada
informação, como exemplos têm os noticiários, as reportagens em revistas e jornais, textos científicos
e de livros didáticos.
59
Harmoniaentretextoseimagens
“Para que serve um livro sem figuras nem diálogos?”, perguntou-se Alice, entediada, pouco
antes de decidir seguir o Coelho Branco até o País das Maravilhas. (Alice no país das maravilhas,
Lewis Carroll ,1865).
Com essas palavras nos perguntamos: “para que servem propagandas sem imagens? ”. A
importância da ilustração em projetos gráficos e literários se faz para um apoio de aprendizagem e
entendimento rápido de uma determinada informação, a ilustração consegue atingir um dos três
estilos de aprendizagem: o visual.
Não é fácil incorporar um texto a uma imagem sem que haja um contraste distinto entre os
elementos que causam o incômodo visual, a esse efeito damos o nome de poluição visual.
Figura 2 - Exemplo de propagando com muitas imagens e textos, criando um efeito visualmente incômodo.
Para que esse efeito visual incômodo seja quebrado, precisamos utilizar de técnicas que
relacionam escalas tonais ou texturas, ou ainda o alinhamento das imagens com o texto afim de criar
uma conexão visual entre elas.
Figura 3 - Ambas as imagens fazem referência ao mesmo anúncio, a única diferença é que o texto foi disposto de forma diferente,
seguindo o alinhamento da imagem.
60
Uma regra básica é que o texto deve completar a imagem em um todo harmônico, uma técnica é
fazer essa harmonia pela interação quase ativa das letras com a imagem, assim como há nas imagens
acima. Repare que partes do corpo quase entrelaçam com algumas letras. O texto faz parte da imagem
e sem ele parece que a modelo cairia, dando a impressão de funcionar como suporte. Os elementos se
atravessam criando um espaço com planos e profundidades inseparáveis. Nessa técnica o contraste
dos elementos é muito bem utilizado, agregando interesse à peça.²
Figura 4 - Outra forma de mesclar imagem com texto, nesse exemplo o texto simplesmente segue o mesmo alinhamento da
imagem, mas não se mistura à imagem principal.
Oquesãomáscaras?
A máscara no Photoshop é uma ferramenta muito importante e interessante para criar
composiçõesdeimagensricas,elasservemparaisolareprotegerumaáreadeumaimagem,alémdisso,
ela permite que você utilize efeitos, filtros, mudanças de cor. Ela funciona como uma película protetora
que é colocada sobre a camada que se pretende trabalhar. Ela permite que você faça a aplicação de
filtros e texturas e visualize como sua imagem irá ficar caso você decida aplicar a máscaranaimagem.
Figura 5 - Imagem ilustrativa de como funciona uma máscara, ela é posta por cima da imagem, todas as alterações são feitas na
máscara e após visualizar as alterações elas podem ou não serem aplicadas à imagem.
² NA: Como curiosidade, a ilustradora e designer Tricia Kleinot consegue um ótimo resultado com textos mesclados nas imagens
61
Como utilizar uma máscara
Abra a imagem que você gostaria de editar no Photoshop, repare que na janela de camadas no
canto inferior esquerdo da sua tela há o botão de camadas conforme mostra a imagem A. Uma
máscara foi adicionada a sua camada. Ela estará vinculada a esta parte da sua imagem, a não ser que
você clique no ícone das correntes para desvinculá-las, como mostra a imagem B.
Agora que a sua máscara já está criada, é hora de decidir o que você quer fazer com ela.
Selecione a camada que tem a máscara inserida e clique no botão da ferramenta Marcação Elíptica ou
Eliptical MarqueeTool (imagemA). Faça um contorno na área que deseja alterar (imagem B).
Figura 9 - Imagem B
Figura 8 - ImagemA
Com a ferramenta Gradiente ou Gradient Tool (imagem A), faça o efeito que você gostaria de
colocaremsuamáscara(imagemB).
62
Figura 10 - ImagemA Figura 11 - Imagem B
Após na janela de camadas, clique em cima da camada com a sua imagem principal (imagem
A)utilizeoatalhoCtrl+dparaqueaáreaselecionadadeixedeestarselecionadaeaprecieseuresultado
(imagem B).
Figura 12 - ImagemA
Figura 13 - Imagem B
Este somente foi um exemplo de como utilizar a ferramenta máscara para realizar vários
trabalhos, um exemplo é a montagem abaixo, onde ambas araras pertenciam a outra imagem.
63
Atividades
1 Observe a imagem abaixo e utilizando as técnicas apresentadas nessa aula crie uma
montagem parecida.
2 Marque um X na resposta correta. O que são máscaras e para que são utilizadas?
3 Crie uma imagem onde elementos textuais e imagens estejam presentes. Cuide para que seu
trabalho mantenha a harmonia entre textos e imagens.
64
Anotações
65
Aula 8
Texturas e Formas
• Oque são texturas?
• Texturas naturais
• Textura gráfica
• Formas básicas
Oque são texturas?
Texturas são os elementos
visuais que podem substituir o tato. O
ser humano é capaz de reconhecer
umatextura tanto pelo tato quanto pela
visão, ou por ambos. Algumas texturas
não apresentam qualidades táteis, ou
seja, não se identificam pelo tato,
somente pela visão. Podemos entender
que a textura é a “pele” de uma forma,
pois será a união dela com a forma que poderemos identificar um objeto mais facilmente.
Texturas Naturais
67
Textura gráfica
As texturas gráficas são conhecidas como texturas artificiais, e elas podem ser criadas a partir
do uso de diversos materiais, como: gesso, pincéis, massa corrida, grafite, softwares gráficos.
Figura 36 - Texturas artificiais. À esquerda textura simulando madeira, ao centro textura de ladrilhos e à direita textura simulando pedra.
Formasbásicas
A linguagem visual através dos elementos gráficos pode se decompor em algumas entidades
básicas, onde cada uma tem um significado próprio, enquanto que unidas essas formas podem formar
elementos comunicativos.
Formas básicas do design gráfico: ponto, linha, contorno. Cada uma delas possui um conjunto
de características próprias, entre as quais se destacam:
Forma: definida por disposição geométrica. Vários pontos próximos formam uma linha, várias
linhas juntas formam um objeto real ou imaginário.
68
Figura 38 - formas básicas, linhas, pontos, quadrado, círculo, triângulo, hexágono.
Direção:aprojeçãoplanaouespacialdeumaformasendoacontinuaçãoimagináriadelamesmo
depois de sua finalização física. Pode ser horizontal, vertical ou inclinada em diferentes graus.
Cor: pode imprimir um forte caráter e dinamismo aos elementos aos que se aplica. Toda forma
terá em geral duas cores diferentes, o de seu contorno e o de sua parte interna, podendo se aplicar tanto
cores puras como degrades de cores.
Figura 41 - Representação de escala dos objetos, havendo vários círculos com tamanhos diferenciados.
69
Dimensão: capacidade tridimensional de um elemento. A dimensão só existe no espaço real
tridimensional, porém se pode simular em uma composição gráfica plana mediante técnicas de
perspectiva, sombreado ou sobreposição.
Movimento: passa a ideia de dinamismo e força. Nas obras gráficas puras não existe movimento
real, porém encontra-se implícito em certos elementos e se pode conseguir com certas técnicas que
enganam ao olho humano (design cinético, pintura cinética) ou representando elementos que realmente
existem no mundo real.
70
Atividades
1 Utilizando a propriedade Layer Style ou Estilo da Camada crie imagens com
sombreamento e com textura personalizada. Observe as imagens abaixo.
2 Crie uma montagem utilizando imagens, formas, texturas, e outros elementos gráficos.
71
Aula 9
Clonagem,
Restauração,Colorir,
Filtros • Oqueéaclonagememumaimagem?
• Oqueéumarestauraçãoemumaimagem?
• Por que colorir uma imagem?
• Oque são os filtros?
Oqueéaclonagememumaimagem?
Quando desejamos uniformizar uma área em uma imagem, ou seja, quando precisamos duplicar
uma área em uma imagem para deixá-la única, utilizamos uma técnica que atualmente se transformou
em uma ferramenta nos programas de edição de imagem como o gimp ou o Photoshop: a clonagem.
Essa técnica nos ajuda a chegar ao objetivo de deixar uma imagem com áreas clonadas para
esconder ou inserir um elemento em uma imagem. A clonagem em uma imagem não é perfeita, pois
um pixel em uma grande área pode não ser igual ao outro, o que causa uma leve diferença na cor ou
textura de uma imagem, que para nós pode passar despercebida.
Figura 2 - Ferramenta clone utilizada para retirar a mulher da imagem e deixar somente o cascalho.
73
Oqueéumarestauraçãoemumaimagem?
Fotos impressas tendem a sofrer os efeitos do tempo, podem ser amassadas por alguém
descuidado, podem ficar amareladas, manchadas ou cheias de riscos. Perder essas fotos, para algumas
pessoas, significa perder lembranças e ficar com a fotografia estragada também não é uma opção
agradável. Para corrigir essa ação do tempo podemos restaurar uma fotografia.
Figura 3 - imagem restaurada no Photoshop, retirado os sinais do tempo como amarelado, riscos e marcas de dobraduras na imagem.
O processo de restauração ao contrário do que parece, necessita de uma sensibilidade por parte
do designer que irá realizar essa função, pois além de conhecer o programa a ser utilizado ele precisa
ter um conhecimento de cores e luz para poder equilibrar a restauração e dar o senso estético que a
imagem necessita.
A arte de colorir uma fotografia é muito delicada, pois é necessário o conhecimento de sombra
e luz nas cores, para que não fique esteticamente feia ou com a aparência de sobrecarregada.
74
Oque são os filtros?
Os filtros são o conjunto de técnicas compactadas em uma ferramenta diferente para cada
técnica, a isso damos o nome de filtro. É possível utilizar os filtros para retocar, limpar, aplicar efeitos
artísticos, efeitos de iluminação ou distorção em uma determinada imagem ou até mesmo simular uma
textura natural.
Os filtros podem ser utilizados em várias imagens com exceção do modo index color ou bitmap.
• Artistic (Artísticos): Simulam efeitos de tipo de material utilizado para criar a pintura.
Figura 5 - à esquerda a imagem original, à direita a imagem com o filtro simulando traços de giz pastel.
• Distort (Distorção): Aplica efeitos de distorção de imagem, como se a imagem estivesse sendo
visualizada através de um vidro por exemplo.
75
• Noise (Ruído): Adiciona interferência na imagem.
Figura 8 - da direita para a esquerda: foto original, fotografia com baixa quantia de granulação, fotografia com alta quantia de granulação.
• Pixelate (Pixelar): Altera os pixels da imagem, agrupando-os em células maiores por cor,
criando efeitos de recortes poligonais.
76
Atividades
1 Encontre uma imagem em preto e branco e faça a colorização dela.
2 Após colorir sua imagem aplique alguns filtros, para deixá-la mais atual ou com um
aspecto de pintura.
DesaFio
3 Encontre uma imagem antiga na internet ou em casa e faça a restauração. Mostreo resultado
para seu professor.
77
Aula10
Fotografia
• Oque é fotografia?
• Dicas de máquinas fotográficas
• Dicas para fotografias de celulares
Oque é a fotografia?
Fotografia significa desenhar com a luz e contraste, do grego fotos – luz e grafis – estilo, pincel.A
fotografia é a criação de imagens por exposição à luz, fixando-as em uma superfície sensível.
Aprimeira fotografia reconhecida foi produzida pelo francês Joseph Nicéphore Niépce, em 1826,
onde ele produziu a imagem com uma câmera deixando exposta durante oito horas no sol, nessa
câmera estava uma placa de estanho coberta com um material fotossensível derivado do petróleo
chamado Betume da Judéia. Esse processo foi chamado de “heliografia”.
Afotografiadigitalmudouparadigmasdomundodafotografia,ondeanteseranecessárioumrolo
de filme para registrar os momentos, hoje não se faz mais necessário. Custos foram minimizados,
etapas reduzidas, processos acelerados.
• Fotografia preto e branco (PB): fotografias que ficam somente na tonalidade preto e branco,
utilizam menos sombra e luz;
• Fotografia meio tom: fotografias que conseguem manter-se entre PB e colorido, atualmente os
mais conhecidos são os tons de sépia ou os tons de cinza utilizando sombra e luz;
79
• Fotografia colorida: refere-se a uma imagem que pode ser sensibilizada pelas cores RGB;
Dicasdemáquinasfotográficas
Quando se fala em Photoshop, geralmente estamos falando de fotografias, e fotografias são
obtidas com câmeras fotográficas.Atualmente as câmeras fotográficas estão cada dia melhores e mais
baratas,podendovariardeumasimplescâmeradecelularatéumacâmeraparafotografiasprofissionais.
Para que você possa saber qual a melhor câmera para você, primeiramente devemos entender
para qual objetivo ela será utilizada, antes de comprar uma câmera pense para qual finalidade você a
quer: somente para tirar fotos dos momentos e postar no Facebook? Para tirar fotos dos momentos em
família em vários ambientes, ou você pretende trabalhar com fotografias?
As câmeras fotográficas podem variar de R$169,00 (cento e sessenta e nove reais) até
R$30.000,00 (trinta mil reais).
Celulares com câmera são as melhores opções, afinal de contas você poderá levá-lo para onde
você vai, mesmo que a intenção não é a impressão da imagem, mas sim registrar o momento
80
e mostrá-lo na sua rede social favorita.
Figura 5 - Celulares com câmera é o mais comum, e muitos estão evoluindo trazendo mais megapixel às imagens capturadas.
Existemmodelosdecelularesecâmerascompactasqueoferecemaltaresoluçãonafotografiatirada.
Dica2–Paraquemquerfotografarmomentosemfamíliaeatémesmofazeraimpressão
dessasimagens.
As câmeras compactas hoje em dia são muito completas, possuem zoom óptico e zoom digital,
função macro para fotografias próximas ao objeto, além de possuírem uma série de filtros para ajudarna
hora de fotografar, tem câmera que previne olhos vermelhos, câmera com estabilizador óptico (diminui o
tremor natural das mãos evitando assim fotografias tremidas), câmera que trava o flashquandoidentifica
luz suficiente, enfim, essas câmeras compactas hoje são uma grande ajuda para quem somente quer
fotografar os momentos mais importantes e guardá-los seja de forma impressa ou de forma digital.
As câmeras compactas em sua grande maioria garantem fotografias de qualidade de 300 dpis
para impressão.
81
Figura 7 -Molduras mostrando o tamanho de fotografias de câmeras compactas até 14 megapixels - 15x20cm e 24x30cm.
AsfamosascâmerasSLRs(SingleLensReflex)quesão
as semiprofissionais e as profissionais são mais
recomendadas para quem procura trabalhar com fotografia
ou tenha grande paixão por esse hobbie e esteja disposto a
desembolsar grandes quantias em dinheiro.
A diferença entre uma câmera compacta e uma SLR é o poder de troca de lentes, podendo
assim nas SLRs colocar lentes especiais para conseguir mais zoom do que é oferecido pela câmera e
conseguir assim uma maior proximidade de uma determinada cena enquanto que nas compactas isso
não é possível.
Dica4–Atençãoaozoomópticoezoomdigital.
Há uma grande diferença entre o zoom óptico e o zoom digital. Não podemos nos enganar e
nem acreditar que um é o mesmo que o outro.
O zoom óptico também chamado de zoom real é a aproximação da imagem pela lente.Alente
da câmera busca a ampliação. Algumas máquinas compactas oferecem esse recurso, mas não são
tão amplos quanto aos das SLRs, que podem ter lentes específicas para essa função.
O zoom digital é uma simulação do zoom óptico, ele se dá por um software existente nas
câmeras, tanto nas compactas quanto nas SLR, esse software simula a aproximação da imagem,
quandonarealidadeeleestápreenchendoaimagemcompixeispróximosaostomdeondeestásendo
buscado o zoom. Essa técnica faz com que a imagem perca a qualidade se muito utilizada podendo
desfocar uma imagem capturada.
82
ORIGINAL 10x OPTICAL 10x DIGITAL
Figura 9 - à esquerda a imagem original, ao centro a imagem com o zoom óptico, à direita a imagem com zoom digital.
Atecnologia avança, mas o segredo para tirar uma boa fotografia, seja com o celular, seja com uma
câmeraprofissional,continuamosmesmos.Apeçaprincipalparaumaboafotografiaestánofotógrafo.
Antes de tirar fotografias seja com qual aparelho você esteja: um celular ou uma câmera, antes
de tudo você deve conhecer sua ferramenta. Entender como a câmera do celular funciona e estar
familiarizado com as limitações da mesma pode lhe render ótimas fotografias. Fora isso alguns
aplicativos podem ajudar a melhorar a qualidade da fotografia.
A exposição sempre deve ser lembrada, isto é, saber usar a luz que você tem no ambiente é
importantíssimo, lembrando que muitos celulares não possuem o flash embutido, então saber se
posicionar, utilizar a luz ambiente ou até mesmo criar um ponto de luz pode favorecer sua imagem.
Figura 10 - Imagem com ponto de luz muito forte, utilizada somente a luz natural para iluminação.
83
A composição da imagem é algo que deve ser reconhecido e você somente irá reconhecer se
treinar seu olhar, deixar o celular no nível, ou seja, saber onde está a linha do horizonte, não centralizar
sempreoassuntoaserfotografado,usarlinhasecurvasconvergentesdaimagem,saberutilizarascores
que o ambiente proporciona, são técnicas que ajudam a enriquecer suas fotografias.
Alinha do horizonte é uma linha imaginária que divide a imagem em duas, nos passando assim a
noção de profundidade em uma fotografia ou imagem desenhada. Uma regra básica para deixar suas
fotografias mais interessantes sem que percamos o foco na linha do horizonte é deixar o assunto
principal ocupando o espaço de 2/3 da imagem.
Figura 12 - Fotografia após filtro e recorte para que o objeto principal ocupe 2/3 da imagem não nos distraindo com outros elementos da
fotografia.
CUIDADO com o plano de fundo, postes saindo da cabeça das pessoas, linhas cortando as
pessoas ao meio podem arruinar uma fotografia que poderia ter sido a melhor de sua vida. Flash em
espelho também podem estragar sua fotografia já que o espelho irá refletir a luz, da mesma forma que
flash em ambiente muito iluminado pode criar um efeito esbranquiçado na imagem perdendo assim a
identidade da fotografia.
O enquadramento das fotografias é um elemento importante, você pode brincar com isso, desde
que perceba que a composição ficará interessante. Com isso, podemos então mudar a perspectiva, as
imagens não precisam ser sempre na mesma posição.
84
Fotografiaspretoebrancopodeserumaboapedidaquandosequerdeixaraimagemmaisromântica ou
nostálgica, utilize acessórios para compor suas fotografias eles podem enriquecer a imagem.
85
Atividades
Complete a palavra-cruzada seguindo as dicasao lado:
1
86
Atividades
Horizontal
Vertical
Baixe uma imagem da internet e modifique suas cores para preto e branco e meio tom, verifique
2 se a imagem está com a linha do horizonte bem definida, caso não esteja, utilize as ferramentas
disponíveis no Photoshop para enquadrar melhor a linha do horizonte.
87
Aula11
Fotografia II
• Oque é uma composição fotográfica?
• Ideias criativas para composições de imagens
• Acessórios básicos para fotografia
Oqueéumacomposiçãofotográfica?
Acomposição fotográfica é o elemento mais importante que um fotógrafo pode ter, é ela que irá
diferenciar suas fotografias das de outros profissionais, será a composição fotográfica que carregará
sua identidade e sua assinatura.
Figura 1 - Regra dos terços, os quatro pontos vermelhos indicam a melhor posição para enquadrar o objeto a ser fotografado.
Outro ponto muito importante em uma fotografia, mas que se deve ter cuidado ao ser trabalhado
são os espaços negativos, grandes espaços que ocupam as fotografias geralmente nas laterais. Esses
espaços nos transmitem a sensação de solidão, isolamento ou calma à imagem. Portanto para a
utilização dessa técnica é necessário muito cuidado com a mensagem a ser transferida.
Figura 2 - Espaço negativo: o objeto principal foi fotografado com um grande espaço negativo ao seu redor, dando a impressão de solidão
e grandiosidade da montanha e dos trilhos.
89
Atécnica de frente e fundo é uma técnica amplamente utilizada nos cinemas, ela realça o ponto
a ser fotografado, somente deixando em foco o objeto fotografado desfocando qualquer outra área.
Figura 3- à esquerda uma imagem demonstrando o desfoque de segundo plano. À direita uma imagem demonstrando um desfoque
no primeiro plano dando foco ao objeto de segundo plano.
Ideiascriativasparacomposiçõesdeimagens
Enquadramentoemenquadramentos
Figura 4- Enquadramento em enquadramento, nesta cena a sensação que se tem é de observar a paisagem de dentro da casa, tendo
como foco principal a cerca.
90
Composiçãosimétrica
Composiçãoradial
Reflexos
Algumas superfícies provocam reflexos interessantes, criando assim uma nova imagem. Água,
vidro, metal pode provocar esse efeito e ao capturar essa imagem em fotografia você pode estar
mostrando um novo foco sobre o assunto causando a curiosidade no observador.
91
Figura7-aimagemapresentaoreflexodamontanhanolago,aguçaacuriosidadedoespectadoreprendesuaatençãoparaacomposição.
Levitação
A fotografia pode ser elevada a outro patamar fazendo o objeto fotografado levitar (quando
humana ou animal). Esse efeito pode ser conseguido fazendo o modelo dar um leve pulinho no
momento em que a fotografia será registrada ou com um truque de edição no Photoshop.
Figura 8 - o efeito de levitação pode ser obtido com um pulo ou neste caso com uma edição no Photoshop.
Simplifique o trabalho e concentre-se em uma cor, a partir daí fotografe somente objetos
daquela cor, fotografe vários assuntos utilizando a macro ou o zoom de sua câmera. Outra proposta é
selecionar alguns objetos do dia a dia que parecem triviais, e encontrar diferentes maneiras de
92
representá-los de forma que pareçam quase inexistentes daquela forma.
2–Cartõesdememóriasextras
3–Filtrodedensidadeneutra
Quando você vai tirar uma fotografia da natureza principalmente de uma cachoeira você
fica exposto a muita luz, e dar o efeito de névoa na água em plena luz do dia fica mais complicado.
Para situações como essa você pode colocar um filtro de densidade na frente
93
da lente da câmera, ele reduz a quantia de luz que
chega ao sensor da câmera sem afetar o equilíbrio
de cores. Ele pode ser encontrado em qualquer loja
de fotografia e o preço varia.
4–Tripésoumonopé
Dica:Paraquemestácomagranacurtaenãoconseguecomprarumtripé,
que tal fazer o seu próprio tripé?
94
Atividades
1 Relacione a colunaAcom a coluna B:
ColunaA ColunaB
Consisteemdividir aimagememtrêspartesimaginárias
tanto verticalmente quanto horizontalmente.
2 Você já tem bastante conhecimento em Photoshop, crie uma composição dando a impressão
que o objeto principal está flutuando.
DesaFio
3 Escolha qualquer uma das ideias apresentadas e crie uma composiçãodessas imagens:
enquadramento em enquadramento, composição radial, reflexo.
Tire fotografias dessas composições e apresente em sala de aula.
95
Aula12
Monocromia
• Oque são imagens monocromáticas?
• 5 Razões para t ransformar emimagens monocromáticas
• Técnicas para monocromia
• Fotografias High Key e Low Key
Oquesãoimagensmonocromáticas?
Monocromia é a radiação produzida por apenas uma cor não necessariamente sendo o preto
(ausênciadecor)ouobranco(somadetodasascores).Imagensmonocromáticassãoconseguidaspor
apenas uma cor e seus diferentes tons, frequentemente a cor mais utilizada para imagens
monocromáticas é o preto, mas pode ser utilizado o marrom para dar a tonalidade sépia.
As imagens monocromáticas podem ser utilizadas com diferentes razões, criam um efeito antigo
em fotografias, uma imagem romântica, assim como auxilia na hora de chamar a atenção de um detalhe,
onde somente o detalhe pode ter uma cor diferente enquanto todo o resto fica monocromático.
Figura 2 - Imagem monocromática na cor azul utilizada para dar destaque à imagem do homem sentado, imagens que puxam o focopara
determinado assunto geralmente provocam reflexões nos observadores.
97
Amonocromia pode ser conseguida através de formas naturais, onde umadeterminada
incidência de luz cria uma paisagem monocromática ou através do tratamento de imagens.
Razão02–Atemporalidade
Um retrato em preto e branco tem um visual clássico muito difícil de ser imitado com uma
fotografia colorida.
Razão 03 – Textura
Em vez dos diversos matizes abundantes em uma cena colorida, a gama de texturas é
trazida ao primeiro plano.
Razão05–Organizaçãodasformas
98
As formas ficam mais aparentes em preto e branco. Você pode usar sombras para criar novas
formas dentro da cena.
Figura 4 - Imagem monocromática, o que a expressão desse homem lhe passa? Quais as texturas de sua pele, roupas, cabelos?
Técnicasparamonocromia
Na mesma revista referenciada acima algumas técnicas para uma boa foto preto e branco (P/B)
são revelados, iremos agora destacar algumas delas.
Inicialmenteantesdefotografardevemostreinarnossocérebroapensarempretoebranco,para
queassimpossamosdarvidaaosretratos,algumaspessoas,dizemquesonhamempretoebranco,isso
tem uma relação muito forte com o que estamos em contato ou conforme enxergam o mundo, veja o
exemplo dos daltônicos severos que somente enxergam o mundo em preto e branco. Para que nossos
retratos em P/B tenham sentimento ou vida precisamos começar a pensar em P/B.
Figura 5 - Esta imagem representa o começar a pensar em P/B, mostra uma onça bebendo água, e toda a imagem está em P/B.
99
Uma dica que a revista nos deixa é que retratos P/B são ótimos para modelos masculinos,
permitindo a eles adotar um ar distinto de autoridade tranquila, da mesma forma que são ótimas para
crianças trazendo a criança para o foco da imagem.
Figura 6 - Crianças e homens tem a tendência de ficarem melhores em retratos preto e branco.
Atécnica do Chiaroscuro, palavra vinda do italiano que se refere à apresentação simultânea de luz
e sombra. Ela consiste em mostrar a interação entre as áreas iluminadas e não iluminadas criando uma
imagemvisualmenteagradável,reproduzindoaatmosferaqueseesperariadeumailuminaçãonãoelétrica
em um ambiente interno. Isso evidencia um aspecto clássico ou vintage de um retrato P/B.
Figura 7 - Chiaroscuro, essa técnica pode ser uma das que melhor ajuda a reproduzir cenas dramáticas em P/B.
100
Canaisdecores
Vermelho –Quando utilizados os canais de cores vermelhos, os tons de pele ficam mais claros e
uniformes.
Verde – Quando utilizados os canais de cores verdes, os tons de pele não ficam mais bonitos, em
contra partida, para modelos masculinos o efeito produzido por esse canal possa ser mais apropriado.
Azul – Quando utilizados os canais de cores azuis, o efeito produzido é o menos agradável de
todos, porém se a ideia for deixar em evidência a textura da pele de um modelo mais velho, esse é o
canal ideal.
101
FotografiasHighKeyeLowKey
Fotografias High Key utilizam tons muito claros e possui quase nada de sombras, não confundir
comoerrodeexposição,elassãoclaras,poissuailuminaçãoébemdistribuída,assombraspraticamente
não existem e os elementos das fotografias também são de tons claros.
Figura 11 - Imagem em High Key, detalhes mais escuros no fone de ouvidos e olhos.
Low Key é o nome do estilo formado por fotografias de tons mais escuros, a Low key é composta
principalmente de sombras, nela poucos detalhes são claros, a intenção é dar foco no assunto principal
fotografado.
102
Atividades
1 Utilizando técnicas passadas em sala de aula pesquise na internet uma fotografia e deixe-a
monocromática em diferentes tons como o sépia, o azul, o lilás, o preto e branco e o
vermelho.
2 Utilizandotécnicaspassadasemsaladeaula,busqueumaimagemedeixeumobjetocolorido
e o resto da imagem monocromática, como mostra o exemplo abaixo.
DesaFio
3 Procure uma imagem na internet e deixe-a High Key e Low Key.
103
Aula13
Publicidade
• Oqueéapublicidade?
• Tipos de publicidade
• Branding
• Áreas deAtuação
Oqueéapublicidade?
Genericamente, publicidade significa: tornar público um fato ou uma ideia. A palavra publicidade
deriva do latim “publicus”, público em português.
Cartazes, imagens, música ou textos podem ser utilizados como ferramentas para a publicidade.A
publicidade chega ao público alvo através de diversos veículos de comunicação como televisão, revistas,
rádio, jornais, outdoor, cinema, internet, cartas, cartazes, etc.
Tiposdepublicidade
As linguagens dos anúncios publicitários adaptam-se ao perfil do público alvo, para chegar a esse
fim, os publicitários utilizam muitos recursos da língua portuguesa como: metáforas, prosopopeias,
onomatopeias,ambiguidade,gírias,linguagemtécnica,variaçãográficadasletras,recursossonoros,ironia,
imagens, entre outros recursos.
O anúncio publicitário pode ser realizado de forma verbal e não verbal. E nele temos:
105
produto criando a necessidade do consumo.
Perfil dos interlocutores: este é seu público alvo. Leitor de revista, usuário de internet, ouvinte
de rádio.
Suporte ou veículo: se seu público alvo é um leitor de revista seu veículo será uma revista. Para
que uma campanha de propaganda possa existir alguns elementos devem existir, esses
são chamados de peças publicitárias, os mais comuns são:
PublicidadeInstitucional
Apublicidadeinstitucionaltem,comoobjetivo,favorecerainteraçãodaempresacomoseupúblico
alvo, contribuindo para o seu desenvolvimento relacional com a comunidade onde se insere.
Caracterizam-se por argumentações racionais e/ou demonstrações visuais, apoiada, algumas vezes, por
testemunhosdepessoasoupersonagensreconhecidas,essapráticaéconhecidacomo endorsement.
106
Figura 2 - Publicidade de uma empresa fornecedora de televisão a cabo utilizando o HomemAranha.
PublicidadeSocial
Este tipo de mensagem visa incitar o público a agir de determinada maneira, influenciando
comportamentos e atitudes. De um modo geral, alerta para os problemas da sociedade, protege e
incentiva a defesa dos direitos: dos menores, da terceira idade, das minorias e da forma como são
tratadas as pessoas, para doenças e promoção de hábitos.
PublicidadePersuasiva
O papel da publicidade persuasiva consiste em provocar convicções no consumidor através de
argumentos racionais ligados ao conhecimento, ou seja, fatos, demonstrações e provas, geralmente
107
utilizadas em épocas eleitorais e pelos órgãos públicos.
PublicidadeEmotiva
O enfoque deste tipo de mensagem está nos atributos imaginários, sonhos ou emoções
agradáveis que tornam uma marca desejável aos olhos dos consumidores, despertando a parte
hedonista de cada um.
Figura 5 - “Pense Diferente”. Publicidade da Mac, o sonho de ter um Mac ou um IPhone e mostrar que pensa diferente.
PublicidadeHumorística
108
É esta simpatia que faz falta a muitas marcas e produtos. É esta simpatia que faz falta a muitos
anúncios e campanhas. Os anúncios cômicos não são mais do que uma estratégia de associação de
uma marca, um produto ou serviço, à criatividade.
A mensagem publicitária, sob a forma humorística, tem a vantagem de ter uma elevada
percentagem de recordação e voltar a ser repetida, em contexto social criando virais.
Branding
Branding pode ser considerado como o trabalho de construção e gerenciamento de uma marca
junto ao mercado. A construção de uma marca forte para um produto, uma linha de produtos ou
serviços é consequência de um relacionamento satisfatório com o mercado-alvo. Quando esta
identificação positiva se torna forte o bastante, a marca passa a valer mais do que o próprio produto
oferecido. Branding é como é chamado o conjunto de práticas e técnicas que visam a construção e o
fortalecimento de uma marca.
Objetivo do branding é entre outros aumentarem o valor monetário da marca e assim aumentar
o valor da empresa em si.
ÁreasdeAtuação
Os profissionais de publicidade podem atuar nas seguintes áreas:
109
• Comunicação digital
• Promoção de vendas
Atividadesdoiníciodecarreira
110
Atividades
1 Dos tipos de publicidades apresentadas nesta aula: institucional, social, persuasiva,
emotiva, humorística. Escolha uma e monte uma peça publicitária sobre um dos temas
abaixo:
• McDonalds
• Queimadas
• Marco da Internet
• Bolsa Família
• Colgate
• Prada
• Burger King
2
Envie sua peça publicitária para seu professor.
111
Aula14
Flyer digital
• Oque é um Flyer Digital?
• Dicas para um Flyer de sucesso
• Oprocesso criativo
OqueéumFlyerDigital?
Antes de entender o que é um Flyer Digital, precisamos entender o que é um Flyer. Segundo o
dicionário Michaelis Online: “Flyer: voador, pessoa ou coisa que voa”, ou seja, Flyer é um prospecto
feito para voar, para passar de mão em mão. Geralmente feito nos tamanhosA5,A6 ouA7.
OFlyerpodeconterfotografias,formasgeométricas,logotipos,ícones,eoutroselementosdedesign.
Um Flyer digital tem a mesma ideia base, pode ser a mesma arte utilizada para o Flyer impresso
com o diferencial de ser somente uma imagem JPG ou PNG com o intuito da divulgação online, muito
divulgado nas redes sociais e nos e-mails marketing.
DicasparaumFlyerdesucesso
Chamada
Lembre-se que você somente terá uma chance para chamar a atenção do seu público, por isso
uma frase curta e de impacto é indispensável. Pode-se utilizar uma fonte grande e colorida, desde
113
que não perca a estética do prospecto.
Texto
O texto do seu Flyer deve ser conciso e fácil de ler. O objetivo é divulgar um serviço ou um
produto que uma empresa queira divulgar.Além disso, os textos devem fornecer informações de como
entrar em contato com a empresa ou de como chegar a um determinado evento.
PromoçãoouDesconto
Imagem
Flyercompostoapenascomtextopodesetornardesinteressante,aspessoasemgrandemaioria
não gostam de ler ou não tem tempo para longas leituras de divulgação, por isso imagens podem
auxiliar para chamar a atenção e prender a atenção do público alvo.
Aparência
Número de fontes diferentes: cuidado ao utilizar estilos de fontes diferentes, utilize no máximo
duas para que a simetria da arte não seja prejudicada.
Cores: cuidado ao utilizar muitas cores, as cores devem estar alinhadas com a mensagem a ser
passada assim como com as cores da empresa.
Gramática: Erros gramaticais ou ortográficos não podem ser cometidos em Flyer, cuidado, pois
alguns erros podem virar piada.
114
Figura 3 - Exemplo de erro gramatical.
Marca: tente manter o mesmo layout para todos os Flyers, isso facilitará no reconhecimento
da marca pelos clientes.
Oprocesso criativo
O processo criativo segundo psicólogos possui quatro etapas: preparação, incubação, devaneio
eiluminação.Oprocessodepreparaçãoéquandomergulhamosnoproblemaeinvestigamostudoque
possa ser relevante e possa nos ajudar a criar uma ideia sobre um determinado assunto.
Nesse processo a imaginação voa livre, nesse momento nos deixamos abertos para todas as
possibilidades e ideias, esse processo também é chamado de BraimStorm, onde uma tempestade de
ideias podem surgir conforme você passa a conhecer o assunto a ser trabalhado.
Figura 4 - Exemplo de brainstorm, nele todas as ideias são possíveis, desenhos podem ser implantados no brainstorm.
115
Nessa primeira etapa podemos encontrar duas armadilhas mentais: fixidez funcional, onde a
formadeverascoisassempredamesmaforma,ouseja,sempreprocurandoaformaóbviadeencarar
os problemas, devemos buscar inovação e formas novas de como resolver problemas. A segunda
armadilhaéaautocensura,essaarmadilhadeveserevitadacomumatécnicamuitosimples,nãolimitar
os pensamentos, assumindo que os pensamentos mais tolos podem ser os melhores.
Na incubação utilizamos o subconsciente para trabalhar os dados coletados, essa etapa ocorre
automaticamente, onde as ideias começam a fluir com mais intensidade sem que tenhamos total
conhecimento sobre elas. A mente inconsciente ou o subconsciente é mais criativo que a mente
consciente justamente por estar livre da autocensura.
No devaneio as ideias começam a criar formas e ser apresentada à nossa mente, nessa etapa
nossa mente é capaz de revelar novos padrões e novos paradigmas.
Ailuminaçãoéafasequemerecetodaaatenção,esseéomomentoconhecidocomo“Eureca”,
é nessa etapa que a ideia final surge com toda a força, como se tivesse nascido.
Após essas etapas as ideias devem ser implementadas, ou seja, devem ser realizadas.
Briefing
Não há regras estabelecidas para criar um briefing, inicialmente temos dois tipos de brienfing:
preliminar, que visa buscar informações preliminares e o complementar, que visa complementar as
informações que você já tem sobre seu cliente.
Obrienfingpreliminarpodeserfeitocomaajudadainternet,éumlevantamentoondevocêbusca:
116
• Mercado, onde se define os produtos concorrentes, quais os pontos fortes de cada produto.
• Produção, nesse momento se define quais os processos necessários para a produção do
produto final.
Figura 5 - Um briefing é uma ferramenta utilizada para que um produto passe a existir.
Piloto
Um projeto piloto é a aplicação prática que visa servir de primeira experiência para se verificar a
eficácia de um produto ou serviço. Também conhecido como prospecto alfa ou versão alfa. Ele
geralmente é apresentado para o cliente antes do projeto final para que o mesmo possa fazer suas
considerações finais sobre o Flyer.
Layout
O layout é o design padrão que deve ser seguido, nesse momento o layout é o desenvolvimento
do piloto, onde ele mostrará como um mapa as cores a serem utilizadas, as formas, imagens, figuras,
117
letras e fontes.
Figura 7 - o Layout seguido pelos flyers apresentados é o mesmo, no topo há uma imagem, as informações são apresentadas
nas áreas coloridas e informações adicionais são apresentadas na área branca na parte inferior.
118
Atividades
1 Projeto: vamos iniciar uma campanha, você deverá montar um Flyer digital seguindo todas as
dicas apresentadas nessa aula. Escolha um dos temas abaixo e antes de criar seu Flyer realize
as etapas de criação, ou seja, monte seu brainstorm, depois faça seu brienfing, projeto piloto e
finalmente um layout final para seus Flyer digital.Após compartilhe em sua rede social favorita
como um de seus trabalhos visuais iniciando assim um álbum, também conhecido como
portifólio.
• EscolaCedaspy
• Perfume Feminino
• PetShop
• Biblioteca Municipal
Projeto piloto é um curso oferecido pela aeronáutica para a formação de pilotos no Brasil.
Projeto piloto é conhecido como projeto alfa ou prospecto alfa pois é a primeira versão
de um projeto.
No projeto piloto o cliente não pode opinar e somente tem que acatar a decisão do
designer.
119
Aula15
Layout de um site
• Diferença de site e hospedagem
• Tipos de site
• OProcesso de Montagem Gráfica
Diferençadesiteehospedagem
“Um website [lê-se: uébsaite] ou site [lê-se: sáit] (sítio eletrônico ou sítio, sítio eletrônico/web/ da
internet) é um conjunto de páginas web, isto é, de hipertextos acessíveis geralmente pelo protocolo
HTTP na internet. O conjunto de todos os sites públicos existentes compõe a World Wide Web. As
páginas num site são organizadas a partir de um URL básico, ou sítio, onde fica a página principal, e
geralmente residem no mesmo diretório de um servidor. As páginas são organizadas dentro do site
numa hierarquia observável no URL, embora as hiperligações entre elas controlem o modo como o
leitor se apercebe da estrutura global, modo esse que pode ter pouco a ver com a estrutura
hierárquica dos arquivos do site.”
Com essa definição então concluímos que os sites são formados por um conjunto de páginas
HTMLque são unidas por links.
121
Como analogia, vamos imaginar que seu site é seu filho, e ele precisa viajar do seu computador
(sua casa) para a internet. Você deixaria seu filho viajar sozinho para qualquer país que fosse sem que
vocêsoubesseohotelemqueelevaificar?Lógicoquenão,vocêiriaprocurarumhotelconhecidopara
que ele pudesse ficar hospedado.As hospedagens são esses hotéis, onde nosso site fica hospedado
quando ele viaja para a internet.
Tiposdesite
Hoje existem vários tipos de sites, como: sites institucionais, sites midiáticos, sites aplicativos,
sites banco de dados, sites comunitários e sites portais.
Sites institucionais
Sites institucionais geralmente são feitos para instituições comerciais ou instituições não
governamentais. O objetivo de um site institucional é apresentar a instituição como um todo, mostrando
nele os objetivos da instituição, a forma com que ela trabalha apresentando a missão, visão e valores,
possibilitando o contato fácil com a empresa.
Sitesmidiáticos
122
Sites aplicativos
Um site aplicativo é uma ferramenta on-line que pode ser utilizada diretamente pelo usuário com
aplicativos que por muitas vezes podem substituir (na maioria das vezes são melhores) os aplicativos
instalados no seu computador.
Sitesbancodedados
Um site banco de dados é na verdade um catálogo de registros e é mais comum se usar na forma
de motores de busca como o site do Google ou o Bing.
Sitescomunitários
Os sites comunitários são muito conhecidos das pessoas, mas não com esse nome, as pessoas
conhecem os sites comunitários como Redes sociais.
123
Sites portais
Os sites portais são os mais completos, pois podem trazer várias características dos outros sites
citados. Eles conseguem unir um site midiático a um site banco de dados, pode ter uma área para os
clientes, onde eles possam realizar pedidos de informações ou até mesmo ter uma rede social para os
assinantes do site. Um exemplo é o site da G1, onde há a possibilidade de um serviço mais amplo
somente para os assinantes.
OProcessodeMontagemGráfica
Agora que sabemos quais os tipos de sites existentes e seus modelos, podemos pensar no
processo de montagem gráfica de um site. Não podemos deixar de fora os processos que vimos nas
aulas anteriores, como Briefing, o BrainStorm, e o projeto piloto.
Essas etapas são importantíssimas em todos os processos de criação gráfica, seja o layout de
um site ou o layout de um Flyer.
OBriefingserviráparaconheceroclienteeoqueoclienteesperacomumsite,nessemomento
devemos colher todas as informações possíveis, também devemos nos preocupar em pegar
referências de outros sites, sites que os clientes já viram e gostaram.
O BrainStorm nos ajudará no processo de criação do layout, onde iremos utilizar todas as
informações passadas pelo cliente no briefing e então criar um layout, gerando assim nosso projeto
piloto, onde esse será enviado e mostrado ao cliente para possíveis alterações.
124
Todo site possui duas áreas imutáveis, onde elas sempre existirão independentes do layout,
essas áreas serão utilizadas independentes do layout: Topo e Rodapé.
Topo do site
Área de conteúdo, o
conteúdo do site será
apresentadonessaárea.
Rodapé
Topo do site
Área de conteúdo, o
conteúdo do site será
apresentadonessaárea.
Rodapé
125
Topo
Área de
conteúd
o extra
Área de
conteúdo
Rodapé
Vimos três modelos de layout, e percebemos que o Topo e o Rodapé sempre existirão. Essas
áreas são imutáveis, a área de conteúdo pode ser quebrada em várias áreas, para um site com uma
visualização mais clean, ou seja, mais limpa.
DICA
Quando for criar um site, imagine ele sempre em camadas, isso facilitará na hora de
desenvolver o layout, pois ficará natural a criação dele em camadas no Photoshop.
126
Atividades
1 Desenvolva um layout para um site, onde deve haver o Brainstorm e o projeto piloto para
os temas abaixo:
• EmpresadeHotDog
• RedeSocial
• Evento Musical
• Revista Online
2 Desenvolva o layout de um site baseado no projeto da aula passada. Onde ele irá divulgar o
conteúdo do Flyer.
3 Desenvolva um novo layout para o site do Facebook. Como você acha que ficaria melhor?
127