Impresso Acabamento

Editora Mona Ltda - ME

Rua Jos Bajerki, 271 Curitiba/ PR Cep: 82.220-320
Fone (41) 3068-9009 Pabx (41) 3068-9008
www.graficamonalisa.com.br

PREPPES
Photoshop
Curitiba: PREPPES, 2014
132p. il.

Ttulo. Srie

Impresso no Brasil
Printed in Brazil
2014

Av. Marechal Deodoro, 320 - Centro - Curitiba/PR

Telefone: (41) 3112-1250
 APRESENTAO

Por que aprender a usar o Photoshop? Muito simples, ele o melhor programa para edio
de imagens. Usado por profissionais do mundo inteiro, sejam Fotgrafos, Designers Grficos ou
Web Designers, todos tiram grande proveito desta que sem dvida a melhor ferramenta para o
tratamento de imagem.

Neste mdulo voc ter a oportunidade de trabalhar com as ferramentas mais teis para poder
produzir um bom resultado, seja para um material impresso ou para web. Durante os dois meses que
dura o curso voc ser levado para o mundo maravilhoso e criativo do Photoshop.

Sero 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 no abranger os recursos avanados do programa, isso no quer dizer que
sero trabalhados s recursos bsicos. Venham para este mundo criativo e colorido. Divirta-se com
grandes produes.

O Autor.
 Sumrio

AULA 01 - Primeiros Passos 10

Objetivo do Curso 11
O que so softwares editores de imagens 11
Edio, criao e composio de imagens 12
Photoshop X Corel Draw 14

AULA 02 - Imagem 18
O que imagem? 19
Imagens Bitmaps e Imagens Vetoriais 20
Imagem pictrica, esttica e em movimento 22
O que imagem digital? 24
Formatos de imagens 26

AULA 03 - Editores de imagens 30

Photoshop 31
Gimp 32
Pixrl 33
Photscape 33
Editores de imagens para Android 34

AULA 04 - Conhecendo o Photoshop 38

rea de trabalho 39
Ferramentas e Caixas de Ferramentas 39
Foreground e Background 41

AULA 05 - Cores e Camadas 44

Teoria das Cores 45
Cores RGB e CMYK 47
Camadas 48
Trabalhando com camadas 49

AULA 06 - Editorao de imagem e montagens 52

O que editorao de imagem? 53
O que montagem? 54
Nveis de claridade em uma imagem 55

AULA 07 - Textos e Imagens 60

O que so textos? 61
Harmonia entre textos e imagens 62
O que so mscaras? 63
Como utilizar uma mscara 64

AULA 08 - Texturas e Formas 68

O que so texturas? 69
Texturas Naturais 69
Textura grfica 70
Formas bsicas 70

AULA 09 - Clonagem, Restaurao, Colorir, Filtros 74

O que a clonagem em uma imagem? 75
O que uma restaurao em uma imagem? 76
Por que colorir uma imagem? 76
O que so os filtros? 77

AULA 10 - Fotografia 80
O que a fotografia? 81
Dicas de mquinas fotogrficas 82
Dicas para fotografias de celulares 85
AULA 11 - Fotografia II 90
O que uma composio fotogrfica? 91
Ideias criativas para composies de imagens 92
Acessrios bsicos para fotografia 95

AULA 12 - Monocromia 98
O que so imagens monocromticas? 99
5 Razes para transformar em imagens monocromticas 100
Tcnicas para monocromia 101
Fotografias High Key e Low Key 104

AULA 13 - Publicidade 106

O que a publicidade? 107
Tipos de publicidade 107
Branding 111
reas de Atuao 111

AULA 14 - Flyer digital 114

O que um Flyer Digital? 115
Dicas para um Flyer de sucesso 115
O processo criativo 117

AULA 15 - Layout de um site 122

Diferena de site e hospedagem 123
Tipos de site 124
O Processo de Montagem Grfica 126
Aula 1

Primeiros Passos
Objetivo do curso
O que so softwares editores de imagens
Edio, criao e composio de imagens
Photoshop x Corel Draw
 Objetivo do Curso
Com o Photoshop voc poder dar asas sua imaginao. Veja a imagem da capa desta
apostila, com as ferramentas do programa e muita criatividade ser possvel produzir grandes
trabalhos. Com os recursos que sero trabalhados neste mdulo com certeza o transformar em
um grande profissional de design, no sero apenas comandos que sero ensinados, mas sim uma
lgica de design, um conceito de tratamento de imagens. Leia os contedos e faa as tarefas sempre
colocando sua criatividade e os resultados aparecero.

O que so softwares editores de imagens

Softwares editores grficos ou softwares editores de imagem so programas de computador
que tem como objetivo facilitar a alterao e criao de imagens digitais. Existem trs tipos de
editores para cada necessidade. So eles:

Raster - programas que geram pinturas digitais, ilustraes, editam ou retocam fotografias. As
imagens raster tambm so conhecidas como imagens de bitmap, essas so imagens que contm a
descrio de cada pixel. Dentre os mais populares esto: GIMP, Adobe Photoshop, Corel PhotoPaint,
PhotoScape, Pixia, Paint.NET, ArtRage;

Figura 1 - Imagem Raster, elas so formadas por pixel

Vetoriais - programas que criam ilustraes por meio de clculos matemticos (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
esto: Inkscape, Corel Draw, Adobe Illustrator, Sodipodi, Macromedia Freehand;

11
 Figura 2 - esquerda, uma imagem vetorial. direita, uma imagem Raster, perceba que a vetorial em comparao com a Raster no
possui nenhum pixel, ou seja, quando aument-la ela no ficar pixilizada ou distorcida.

Tridimensionais - programas que manipulam imagens em trs dimenses como slidos

simples (cubos, esferas, cilindros, prismas, pirmides, etc) so usados em diversas reas tcnicas,
bem como na criao de comerciais e efeitos especiais em filmes. Dentre os mais populares esto:
SketchUp, 3ds Max, Blender, Cinema 4D, Maya, Autodesk Softimage.

Figura 3 - Imagem tridimensional.

Estes programas tambm possuem geralmente um vasto leque de filtros para exportao
de arquivos. Alguns deles so: BMP,PNG, JPG, GIF, TIFF, TGA, XPM, SVG, PostScript. Veremos mais
detalhes na aula 02.

Edio, criao e composio de imagens
Edio ou manipulao a alterao ou manuseamento de determinado contedo tendo por
objetivo um uso determinado. O ato de editar determinado contedo chama-se editorao, e o sujeito
o editor.

12
 Figura 4- Restaurao de Imagem.

A manipulao digital da imagem fotogrfica no serve s para corrigir pequenos defeitos,

realizar restauraes grandes ou melhorar uma foto que j boa. Os recursos dos softwares de
edio de imagens abriram uma porta para um novo mundo de possibilidades. A alterao de cores,
de contraste, de saturao, as distores variadas, a sobreposio de imagens, tudo isso possibilita a
criao de novas atmosferas para tornar incrveis imagens que poderiam ser banais.
Figura 5 - Restaurao de Imagem

Criao de imagem agrega informaes utilizando elementos comuns como os padres relativos
s expresses corporais e o uso codificado das cores, apresenta uma proposta de sentido aos fatos
que se torna possvel dentro de um prazo. Por vezes, tem como objetivo dar conta do esprito de um
perodo determinado, aprisionando a comunicao captura do tempo.

A composio de uma imagem nada mais que a arrumao na tela dos elementos em vista
para que aquela imagem seja vista da forma que o editor a imaginou, respeitando os elementos

13
 e forjando a relao entre eles: o assunto principal, o primeiro plano e os elementos secundrios.
Deixando-a com uma qualidade esttica que trabalhe textura, equilbrios de formas e cores e outras
variveis mais, que em sua combinao formam uma imagem comunicativa e bela. A composio
no depende quase nada do seu equipamento fotogrfico e no pode ser arrumada no Photoshop
depois, a no ser quando deixa de ser fotografia e passa a ser manipulao digital.

Figura 6 - Composio de Imagens

Photoshop X Corel Draw

O Adobe Photoshop um software caracterizado como editor de imagens bidimensionais do
tipo Raster (possuindo ainda algumas capacidades de edio tpicas dos editores vetoriais) desenvolvido
pela Adobe Systems. considerado o lder no mercado dos editores de imagem profissionais.

O Corel DRAW um programa de desenho vetorial bidimensional para design grfico

desenvolvido pela Corel Corporation. um aplicativo de ilustrao vetorial e layout de pgina que
possibilita a criao e a manipulao de vrios produtos, como por exemplo: desenhos artsticos,
publicitrios, logotipos, capas de revistas, livros, CDs, imagens de objetos para aplicao nas pginas
de internet (botes, cones, animaes grficas, etc), confeco de cartazes.

Podemos perceber com as descries acima de cada programa que o Adobe Photoshop
voltado para a editorao de imagens e criao de imagens bitmaps, enquanto que o Corel Draw
um programa para a criao de imagens vetoriais sendo possvel a criao de trabalhos grficos que
podem ter diferentes tamanhos sem a perda de qualidade.

14
 Atividades
1 Encontre as palavras no caa-palavras.

Adobe Photoshop
Bitmap
Blender
Composio
CorelDraw
Criao
Digital
Editorao
Imagem
Manipulao
Raster
Restaurao
Tiff
Tridimensional
Vetorial

DesaFios

2 Dos formatos citados quais possibilitam a criao de imagens com plano de fundo transparente?
Marque um X nas respostas corretas.

( ) JPG
( ) PNG
( ) GIF
( )TIFF

15
 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 aps salvar.

O formato PNG o melhor formato para salvar uma imagem manipulada, pois ele tem
menos perda de qualidade aps salvar.

O formato PNG possibilita que salvemos uma imagem animada.

O formato GIF possibilita que salvemos uma imagem animada.

O formato TIFF possibilita que salvemos uma imagem animada com msica.

O formato TIFF o formato que as cmeras profissionais e semiprofissionais geralmente

salvam as imagens.

O formato JPG o formato que as cmeras profissionais e semiprofissionais geralmente

salvam as imagens.

O formato GIF o formato que as cmeras profissionais e semiprofissionais geralmente

salvam as imagens.

4 Procure na internet exemplos de fotografias que necessitem de restaurao, elas no 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
pasta e selecione a mais interessante, deixe essa imagem como plano de fundo na rea
principal do Windows (ou Linux).

16
Anotaes

17
Aula 2

Imagem
O que imagem?
Imagens Bitmaps e Imagens Vetoriais
Imagem pictrica, esttica e em movimento
O que imagem digital?
Formato de imagens
 O que imagem?
Segundo o dicionrio Aurlio Imagem a representao grfica, plstica ou fotogrfica de
pessoa ou de objeto; representao mental de um objeto, impresso, lembrana, recordao, etc.

Imagens figurativas: so imagens representativas, elas contm informaes sobre os objetos,

situaes, temas.

Figura 1 - Imagem figurativa, geralmente representam objetos com formas definidas.

Imagens abstratas: so imagens no representativas, so aquelas que facilitam a percepo,
mas no h percepo.

Figura 2 - Imagem abstrata geralmente representa nenhuma forma definida.

19
 Imagens Bitmaps e Imagens Vetoriais
As imagens Bitmaps so construdas com a formao de quadrados muito pequenos chamados
pixel. As imagens bitmaps, ou mapa de bits, so uma coleo de bits que formam uma imagem. A imagem
consiste em uma matriz de pontos individuais (ou pixeis) em que cada um tem a sua prpria cor.

Quando tentamos alargar ou aumentar em escala ou aleatoriamente o bitmap, um problema

acontece, o arquivo com o tamanho modificado em tamanho somente alarga o pixel, o que resulta
em efeito de pixelizao da imagem.

Figura 3 - Imagem bitmap, construda com a formao de quadrados muito pequenos chamados pixel.

As imagens bitmaps podem ser classificadas em quatro possveis tipos:

Imagens Line-Art: apenas contm duas cores, normalmente o preto e o branco. Por vezes
so referidas como imagens bitmaps porque o computador tem que usar apenas 1 bit (on= preto e
off=branco) para poder definir cada pixel.

Figura 4 - Imagem Line-Art.

20
 Imagens Grayscale: contm vrias graduaes de cinzentos, tambm compostas por preto e
branco, a graduao formada por sua mxima configurao de 256 linhas.

Figura 5 - Imagem Grayscale.

Imagens Multitnicas: contm graduao de duas ou mais cores. As imagens Multitnicas
mais conhecidas so as duotnicas que normalmente so compostas por preto e por uma segunda
cor direta, normalmente uma Pantone.

Figura 6 - Imagem Multitnica.

Imagens a cores: a informao de cor pode ser descrita usando determinados espaos de
cores: RGB (Red, Green e Blue) ou CMYK (Ciano, Magenta, Yellow e Black), onde veremos mais sobre
essas cores na aula 05.

Figura 7 - Imagem a cores.

21
 A imagem vetorial criada a base de objetos, como por exemplo, retngulos e crculos e
possuem a capacidade de serem ampliadas indefinidamente sem perderem definio e detalhamento.

Figura 8 - esquerda uma imagem vetorial. direita uma imagem bitmap. Perceba que a imagem vetorial no possui pixel.

As curvas de Bzier so usadas para a manipulao dos pontos de um desenho. Cada linha
descrita em um desenho vetorial possui ns, e cada n possui alas para manipular o segmento da
reta ligada a ele.

Ala de manipulao

Figura 9 - Curva de bzier, cada quadrado branco no incio e fim de uma curva e o quadrado preto no centro chama-se n,
os crculos pretos ligados por uma linha que atravessa os quadrados chamam-se ala de manipulao.

Por serem baseados em vetores, esses grficos so mais leves, ocupam menos memria no
disco rgido, e no perdem qualidade ao serem ampliados.

Imagem pictrica, esttica e em movimento

Imagem pictrica produzida por ordenao 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 tcnicas de fotografia, desenho, pintura, gravura e outras Artes Visuais.
A imagem pictrica pode ser figurativa, ou seja, representar algo existente materialmente na natureza
ou supostamente existente, como no caso de figuras mitolgicas, ou abstratas, se no se prender a
nenhuma representao material.

22
 Figura 10 - Imagem Pictrica

Fotos documentais como a fotografia uma ramificao das imagens pictricas e se concentram
em uma ao natural. Elas so menos artificialmente compostas.

As imagens estticas so armazenadas e exibidas como uma matriz, onde cada elemento da
matriz representa um ponto da imagem (pixel). Em cada pixel est codificado, de maneira binria,
intensidade ou cor.

Para a representao de uma imagem so necessrios dois elementos: resoluo e intensidade.

-Resoluo: o nmero de pixels que compem a imagem (quanto maior o nmero de

pixels, menor a distncia entre eles e portanto melhor definio visual) que varia de acordo com a
capacidade da fonte geradora.

-Intensidade: a quantidade de cores ou tons de cinza que um pixel pode exibir (quanto maior
o nmero de cores/tons de cinza por pixel, maior a variabilidade de tons e melhor impresso visual).

Figura 11 Uma radiografia ou neste caso um ultrassom de uma mulher grvida uma imagem esttica, pois a imagem formada
por resoluo e intensidade gravado em cada pixel formando assim a imagem da criana dentro da barriga da me.

A composio destes dois elementos, resoluo e intensidade vai definir a quantidade de

memria necessria para armazenar as imagens, a qual depende do tamanho de uma determinada

23
 imagem (largura x altura).

Imagens em movimento criam a iluso de tica de movimento. Pela disposio dos elementos,
acontece uma confuso no crebro, o que faz com que a imagem parea estar se movimentando,
mas na verdade uma imagem esttica.

Figura 12 - Iluso de tica, mandala em movimento. Fixe o olha no centro da imagem por alguns segundos, a imagem ter a impresso
de estar se movendo.

As imagens em movimento tambm podem exibir a movimentao de uma paisagem, assim

como filmes so produzidos por uma srie de imagens que quando dispostas em sequncias passadas
a uma determinada velocidade transmite a sensao de movimento.

Figura 13 - Imagem de captura de movimento, a imagem passa a sensao de o ciclista estar em uma velocidade muito alta, pois
todos os elementos atrs dele esto desfocados.

O que imagem digital?

Uma imagem digital a representao de uma imagem bidimensional usando nmeros binrios
codificados de modo a permitir seu armazenamento, transferncia, impresso ou reproduo, e seu

24
processamento por meios eletrnicos. H dois tipos fundamentais de imagem digital como j falado:
rastreio (Raster) e vetorial.

Imagem de rastreio e imagem vetorial

A imagem de rastreio, ou Raster, a representao em duas dimenses de uma imagem como

um conjunto finito de pontos definidos por valores numricos, formando uma matriz matemtica ou
malha de pontos, onde cada ponto um pixel.

Tipicamente, cada ponto de uma imagem decomposto em uma tripla de cores e cada
proporo relativa transformada em valores numricos 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 mximo possvel de reproduo
daquela cor e o mnimo, ou seja, a ausncia total dela. A soma dos trs valores resulta num ponto
colorido da imagem final.

Figura 14 - Imagem Raster. Composta por vrios pixeis.

Curiosidade

A primeira imagem digital foi feita por Russell Kirsch, no NBS, agora conhecido como National
Institute of Standards and Technology (NIST).

Definio e resoluo de imagens de rastreio.

A imagem de rastreio ao se aumentar as dimenses da imagem, os pixels vo-se distribuir por

uma rea maior, logo tornando a imagem mais indefinida.

A qualidade de uma imagem digital se dar sobre dois aspectos, a quantidade de pixel por
polegada (resoluo da imagem conhecida como PPI), e o nmero de pixels na horizontal e na vertical
(tamanho da imagem em centmetros).
Figura 15 - a imagem do Mario Bros foi aumentada de tal forma que
a resoluo dela perdeu qualidade, esse efeito chama-se estouro de
pixel.

Por exemplo: Se uma imagem possui 1.000

pixels x 1.000 pixels, significa dizer que possui um
milho de pixels, ou 1M como mais comum nas
propagandas de mquinas digitais, mas isso no
necessariamente quer dizer que esta imagem de
alta qualidade, porque ainda falta a relao com a

N.A.: maiores detalhes sobre o modelo de cores RGB na aula 05

25
 quantidade de pixels por polegada da imagem.

Para uma boa definio preciso que a imagem tenha 300PPIs (pixels per inch, ou, pixels por
polegada), isso permite que se faa uma cpia de alta qualidade em papel fotogrfico, o tamanho
desta cpia (10x15 - 15x18) vai depender de quantos pixels a imagem possui na vertical e quantos
na horizontal.

Curiosidade

A maior imagem digital do mundo foi criada pela empresa canadense Aperio criou uma
fotografia digital com a qualidade de um Terapixel, ou seja, com um trilho de pixels. O arquivo
de imagem tem 143 GB e tem o formato BigTIFF, inventado pela companhia para a utilizao
em anlises de exames mdicos.

A imagem vetorial criada recorrendo a entidades de desenho como retas, pontos, curvas
polgonos 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 no possui pixel.

O tamanho dos arquivos de desenho vetorial so relativamente menores que os arquivos de

desenho de rastreio. A imagem vetorial criada por objetos primrios, mas a grande vantagem dela
o fato de poder ser aumentada sem a perda de resoluo, ou seja, sem o efeito de pixelizao que
conhecido como estou de pixel.

Formatos de imagens
A maioria dos formatos de imagens digitais so precedidos por um cabealho que contm
atributos (dimenses da imagem, tipo de codificao, etc.), seguido dos dados da imagem em si.

JPEG - Joint Photographic Experts Group

A extenso em DOS JPG. o formato mais utilizado e conhecido atualmente. Quase todas
as cmaras possuem esta opo para guardar as imagens. Formato de arquivo muito utilizado na

26
Internet e em multimidia, por ter uma compactao excelente, algo fundamental ao meio, e por
suportar at 16.777.216 cores distintas.

TIFF - Tagged Image File Format

Arquivo padro para impresso industrial (offset, rotogravura, flexogravura); tambm muito
usado como opo nas cmaras fotogrficas. O TIFF capaz de armazenar imagens true color (24
ou 32 bits).

GIF - Graphics Interchange Format

Criado para ser usado extensivamente na Internet. Suporta imagens animadas e 256 cores por
frame. Foi substitudo pelo PNG.

BMP - Windows Bitmap

Normalmente usado pelos programas do Microsoft Windows. No utiliza nenhum algoritmo de

compresso, da esse formato apresentar as fotos com maior tamanho.

SVG - Scalable Vector Graphics

um formato vetorial, criado e desenvolvido pelo World Wide Web Consortium.

PNG - Portable Network Graphics

um formato livre de dados utilizado para imagens, que surgiu em 1996 como substituto
para o formato GIF. Suporta canal alfa, no tem limitao da profundidade de cores, alta compresso.
Permite comprimir as imagens sem perda de qualidade, ao contrrio de outros formatos, como o JPG.

PCD - Kodak Photo CD

Este um formato proprietrio lanado pela Kodak, em 1992 como parte um sistema de
digitalizao e armazenamento de imagens para suprir a demanda no incio da popularizao 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 estao de tratamento chamada
Photo Imaging Workstation (PIW).

DWG - AutoCAD drawing

Arquivos de texto no padro ASCII utilizados para armazenar dados de programas CAD.

RAW - Famlia de formatos de arquivo RAW

RAW refere-se famlia de formatos de imagem RAW que so originados pela maioria das
cmeras digitais profissionais. O formato RAW no padronizado nem documentado, e difere de
fabricante para fabricante.

27
 Atividades
1 Qual a diferena de imagens Bitmaps e imagens Vetoriais?

2 Marque com um X a resposta correta:

a) Imagens Spia so imagens:

GraySacale
Multitnicas
A cores

b) Imagens Line-art:

Possuem apenas duas cores preto e branco;

Contm vrias gradaes de cinzentos;
Contm gradao de duas ou mais cores;

DesaFios

3 Complete a palavra cruzada com as dicas abaixo:

1. Construdas com a formao de quadrados muito pequenos chamados pixel.

2. Usadas para manipulao 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 mitolgicas.
7. Possui a capacidade de ser ampliada indefinidamente sem perder qualidade.
8. Representao de uma imagem bidimensional usando nmeros binrios.
9. Contm graduao de duas ou mais cores.
10. Formato criado para ser usado na internet e suporta imagens animadas.
11. Imagem que nos d a impresso de algo estar se movimentando.
12. Representao grfica de pessoa ou objeto.
13. Formato que surgiu para substituir o formato GIF e suporta canal alfa.
14. Contm apenas duas cores, normalmente o preto e o branco.
15. Contm vrias graduaes de cinza.

28
 Atividades

4 Com a ajuda de seu celular utilize a cmera dele para produzir fotos de imagens em movimento
e pictricas, aps 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, em casa, na rua.

5 Procure na internet imagens que estejam pixelizadas, ou seja, que tiveram estouro de pixel,
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.

29
Aula 3

Editores de imagens
Photoshop
Gimp
Pixrl
Photscape
Editores de imagens para Android
 Photoshop
Adobe Photoshop um software caracterizado como
editor de imagens bidimensionais do tipo Raster (possuindo ainda
algumas capacidades de edio tpicas dos editores vetoriais)
desenvolvido pela Adobe Systems. considerado o lder no
mercado dos editores de imagem profissionais, assim como o
programa de fato para edio profissional de imagens digitais e
trabalhos de pr-impresso. Pode ser rodado tambm no Linux,
atravs da camada de compatibilidade Wine.

Apesar de ter sido concebido para edio de imagens para impresso em papel, o Photoshop
usado tambm para produzir imagens destinadas World Wide Web. At a verso 9.0 (CS2) o
programa, o Adobe ImageReady, muito semelhante ao Photoshop, que era utilizado em conjunto para
a edio e criao de imagens e animaes para a internet. A partir da verso 10 (CS3), os recursos
do Adobe ImageReady esto includos dentro do prprio Photoshop.

Figura 1 - possvel realizar muitas manipulaes com o Photoshop, mas uma que muito utilizada a remoo de espinhas.

O Photoshop tambm suporta edio com outros tipos de programas da Adobe, especializados
em determinadas reas: o j referido Adobe ImageReady (edio de imagens para a web), Adobe
InDesign (edio de texto) Adobe Illustrator (edio de grficos vectoriais), Adobe Premiere (edio
de vdeo no-linear), Adobe After Effects (edio de efeitos especiais em vdeo) e o Adobe Encore
DVD (edio destinada a DVDs). Os formatos de arquivos nativos do Photoshop (PSD ou PDD) podem
ser usados entre estes programas. A ttulo de exemplo, o Photoshop CS permite fazer elementos da
interface grfica de DVDs (menus e botes), desde que dispostos separadamente no ficheiro original

31
 (PSD ou PDD) por camadas (layers) agrupadas por ordem especfica, de forma que, ao ser importado
pelo Adobe Encore DVD, este consiga criar a edio para DVD com esses elementos.

O uso das camadas no 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 usurios,
assim como certos efeitos que reproduzem tcnicas de pintura, mscaras, uma tcnica muito utilizada
em grficas e impresso offset.

Figura 2 - Podemos utilizar o Photoshop para fazer maquiagem digital e deixar uma fotografia mais atraente.

Os formatos de arquivos nativos podem ser importados de programas da concorrncia, como

o Corel Photo-Paint, Pixel32, WinImages, GIMP, Corel Paint Shop Pro, etc.

O Photoshop suporta vrios espaos de cor (color spaces):

sRGB (ponto branco=D65) - RGB no Photoshop

Lab (ponto branco=D50)
CMYK
Escala de cinza (Grayscale)

O Photoshop no suporta nativamente muitos dos algoritmos de imagem (Image Arithmetics)

que o Corel Paint Shop Pro e outros editores de bitmaps utilizam. No entanto, esse problema pode
ser contornado atravs do Filter Factory, um plugin gratuito disponvel nos discos de instalao do
Photoshop, aps a verso 3.0.

Gimp
GIMP (GNU Image Manipulation Program) um programa de cdigo aberto voltado principalmente
para criao e edio de imagens Raster, e em menor escala tambm para desenho vetorial.

32
 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 voluntrios e licenciado sob a
GNU General Public License.

O GIMP foi criado pelos estudantes como uma alternativa livre ao

Adobe Photoshop. Foi um projeto universitrio que amadureceu bastante
e hoje alcana expressiva popularidade, sendo utilizado por hobbistas e
profissionais.

A sigla GIMP originalmente 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 criao ou manipulao de imagens e fotografias.
Seus usos incluem criar grficos, 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, tambm conhecido
como Photoshop online, que capaz de produzir os mesmos
resultados que as aplicaes que voc pode instalar em seu
computador. Apesar do seu enorme leque de recursos, o Pixlr
muito fcil de usar e extremamente intuitivo.

Destaca-se bastante pela sua profundidade e pela amplitude de recurso que estiveram na base
da sua concepo. Permite a edio de imagem com ferramentas e recursos avanados, combinando
caractersticas de alta qualidade que se tornaram usuais em programas de edio de imagem de
desktop.

O Pixlr tambm inclui ferramentas para criar camadas com as caractersticas bsicas, deixando
aos usurios liberdade para criar movimento, sobrepor e interpolar imagens, rodar e remover
camadas.

Photscape
O PhotoScape um programa editor de imagens. Sua principal
caracterstica a facilidade de uso e os recursos que ele oferece. A
interface principal contm 12 cones e cada um possui uma funo
especifica. As opes que se destacam so as edies de imagens, o
editor de vrias imagens ao mesmo tempo, converter imagens RAW em
JPEG e a funo de formar uma s imagem com vrias fotos. O programa
tambm cria GIFs simples.

33
 Editores de imagens para Android
Hoje possvel gravar vdeos em Full HD direto do celular, tirar fotos em ambientes com pouca
iluminao e diversas outros tens. Contudo, s vezes o melhor hardware no suficiente e voc
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, iluminao etc, voc
definitivamente precisar de um aplicativo de edio de imagens. Entretanto, devido facilidade de
se criar programas para Android, diversos deles no alcanam o padro desejado.

PicSay

Com ele voc pode adicionar bales de texto, ttulo, desenhos e alguns outros
itens s suas fotos. Ele tambm lhe d a possibilidade de fazer melhorias na imagem,
colocando efeitos bem interessantes.

O usurio pode levar algum tempo at se acostumar interface do aplicativo, contudo nenhum
conhecimento avanado necessrio. Apenas brincando com o PicSay, facilmente qualquer pessoa
se adaptar ao programa. Entretanto, caso haja alguma dificuldade, o aplicativo oferece uma sesso
de ajuda, dando dicas da melhor maneira de utiliz-lo.

Por fim, depois de editar a imagem, o programa ainda oferece diversas opes de exportao.
possvel enviar a foto diretamente para o Facebook ou Twitter, salv-la no carto de memria ou
us-la como papel de parede do aparelho.

Photoshop Express

O Photoshop Express instalado no seu aparelho lhe proporciona a sensao de

carregar o editor de imagens do PC com voc a todo o momento. Com a vantagem
de ser porttil e ser mais fcil de usar.

A interface inicial automaticamente cria miniaturas das fotos da sua cmera, o que facilita
bastante na hora de escolher a imagem a ser editada. Aps selecion-la, voc ser levado tela de
edio de imagens.

Infelizmente, apesar do nome, as funes do aplicativo so um pouco limitadas, afinal era

natural esperarmos mais do Photoshop.

34
 O melhor do aplicativo que depois de editar as fotos, voc pode tambm envi-las com
facilidade para o Facebook, TwitPic ou para o Photoshop.com.

Retro Camera

Seguindo um conceito diferente de edio de fotos, o aplicativo Retro Camera

no lhe permite efetuar edies manualmente nas fotos, o prprio software aplica o
filtro de forma automtica.

O que o programa faz na verdade simular um modelo de cmera antiga, seguindo todos os
detalhes que eram peculiares a cada modelo. Dessa forma, as fotos ficam com um tom nostlgico
muito bem aplicado.

Devido maneira automtica que o programa aplica os filtros s imagens, as fotos tem certo
atraso, portanto o ideal usar o aplicativo para modificar imagens estticas. Por fim as imagens ainda
podem ser compartilhadas com o Facebook, Twitter ou e-mail, em forma de um carto postal.

35
 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.

36
Atividades

37
Aula 4

Conhecendo o Photoshop
rea de trabalho
Ferramentas e Caixas de Ferramentas
Foreground e Background
 rea de trabalho
A rea de trabalho do Photoshop fcil de utilizar, voc pode criar e manipular documentos
e arquivos usando vrios elementos que iremos conhecer neste captulo.

A - rea de Trabalho 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 visualizao 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 alterao de cor de formas e imagens.
F Painel de Ajustes de Imagens e Controle de Mscara Painel que possibilita a navegao
e ajustes de imagens.
G Painel de controle de camadas, canais de imagens e caminhos - painel que possibilita a
navegao entre camadas e controle de canais de cores de uma imagem.
H Painel de Opes nele esto contidas algumas opes de alterao de imagens.

Ferramentas e Caixas de Ferramentas
As ferramentas no Photoshop so utilizadas para criao e composio de imagens, assim
como para auxiliar na edio rpida de algumas imagens.

39
 Ferramenta Move Tool

Ferramenta para auxiliar na movimentao de imagens em uma determinada camada.

Ferramenta Marquee Tool

Ferramenta lao, ela auxilia na marcao de uma

determinada rea. Essa marcao pode ser feita de forma
poligonal, mo livre ou com lao magntico.

Ferramenta Lasso Tool

Ferramenta lao, ela auxilia na marcao de uma

determinada rea. Essa marcao pode ser feita de forma
poligonal, mo livre ou com lao magntico.

Ferramenta Varinha

Ferramenta varinha, ela auxilia na marcao de uma

determinada rea. Essa ferramenta possui dois tipos de
varinha: a Quick Selection Tool e a Magic Wand Tool.

Quick Selection Tool: permite que voc selecione uma rea completa arrastando a varinha
pela rea.

Magic Wand Tool: permite que voc selecione vrios pontos dispersos de uma imagem
agregando-os ou desagregando-os de uma rea selecionada.

Ferramenta de Corte

A ferramenta de corte possibilita que voc faa

cortes em uma imagem, diminuindo e excluindo uma rea
da imagem.

Ferramenta de Informao

A ferramenta de informao possui um conjunto

de sub-ferramentas que auxiliam na descoberta de uma
informao determinada.

Eyedropper Tool captura a cor desejada e coloca-a no Foreground do seu Photoshop.

Color Sample Tool possibilita descobrir informaes referente a cor de at quatro pontos
especficos de uma imagem.

40
 Ruler Tool possibilita descobrir o tamanho de uma determinada rea selecionada.

Note Tool possibilita criar notas para uma imagem.

Ferramenta Healing

Ferramenta que possibilita unir uma pequena rea

mal elaborada com outra. Calcula automaticamente a
rea a ser corrigida.

Ferramenta Pincel

Ferramenta que possibilita a criao de formas livres.

Ferramenta Carimbo

A ferramenta carimbo auxilia na correo de

reas danificadas com a clonagem de reas prximas
que no estejam danificadas.

Foreground e Background
As cores de primeiro plano (Foreground), ou cor primria e as cores de segundo plano
(Background), ou cor secundria so utilizadas em conjunto com a camada de fundo. Quando voc
selecionar qualquer ferramenta de forma bsica ou desenho (pincel, caneta) a cor de preenchimento
a ser utilizada ser a cor vigente no quadro de primeiro plano, por isso muitas vezes conhecido
como cor ativa.

A cor de segundo plano serve para vrias funes a mais importante para instruir o Photoshop
a como se comportar quando uma camada de fundo apagada com a ferramenta borracha, pois
quando se utiliza a ferramenta borrada em cima de uma camada qualquer, os pixels da imagem por
padro ficam transparentes, mas a camada de fundo no pode ser apagada por ser a camada de
base, a camada inicial.

Com isso quando se utiliza a ferramenta borracha para apagar a camada de fundo ela no fica
transparente, mas fica colorida com a cor especificada no quadro de Background.

Figura 8 - Caixa de cores Foreground e Background, elas ficam na

barra de ferramentas principal do Photoshop, geralmente no canto
inferior esquerdo.

41
 Atividades
1 Encontre as palavras abaixo no caa-palavras:

rea de Trabalho
Barra de Menus
Barra de Ferramentas
Camadas
Cores
Foreground
Background

42
 Atividades
2 Relacione a coluna A com as respostas corretas na coluna B.

Coluna A Coluna B

Ferramenta Carimbo Possibilita que voc faa cortes em uma imagem,

diminuindo e excluindo uma rea da imagem.
Ferramenta de corte
Auxilia na marcao de uma determinada rea
Ferramenta Lasso
Possibilita a alterao de cor de formas e imagens
Painel de controle de cores
Auxilia na correo de reas danificadas com a
clonagem de reas prximas que no estejam
danificadas.

43
Aula 5

Cores e Camadas
Teoria das Cores
Cores RGB e CMYK
Camadas
Trabalhando com camadas
 Teoria das Cores
Teoria das Cores o estudo e experimento relacionado com a associao entre a luz e a
natureza das cores, realizado por Leonardo Da Vinci, Isaac Newton, Goethe, entre outros.

Leonardo Da Vinci, em suas pesquisas e formulaes retratadas no livro Tratado da Pintura

e da Paisagem Sombra e Luz, afirmava que a cor era uma propriedade da luz e no dos objetos.

Mais tarde, o fsico ingls Isaac Newton, nos seus experimentos estudou a influncia da
luz do sol na formao das cores. Newton estudou o fenmeno da difrao, que consistia na
decomposio da luz solar em vrias cores quando atravessava um prisma, e denominou o
conjunto de cores como espectro.

O espectro formado pela unio das cores vermelho, laranja, amarelo, verde, azul, anil e
violeta. As sete cores que compem a luz do sol e que formam o arco-ris.

O crculo cromtico contm 12 diferentes cores, que ajudam a visualizar as cores primrias,
secundrias e tercirias que formam o espectro visvel.

Figura 1 - Segundo Leonardo da Vinci a cor uma propriedade da luz e no dos objetos.

O branco e o preto (convencionalmente designados por cores) so apenas resultado da presena

ou ausncia de luz. A cor branca a luz pura, em que h uma reflexo total das sete cores; a cor
preta ausncia total de luz, pois as cores no se refletem, elas so absorvidas.

45
 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 alemo Goethe influenciaram a percepo subjetiva das
cores e a relao entre as cores e a Psicologia e Fisiologia.

Significados das cores

So atribudos vrios significados s diferentes cores. Por exemplo, flores de diferentes cores
costumam ser oferecidas em ocasies distintas para transmitir mensagens especficas. Deste modo,
o vermelho est relacionado com o amor e paixo, o amarelo corresponde inveja e o azul
associado fidelidade.

Cores quentes e frias

As cores quentes so aquelas que transmitem uma sensao de calor, como o vermelho e o
laranja, que do tambm uma sensao de proximidade. Por outro lado, as cores frias como o azul
e violeta do uma impresso de profundidade.

Figura 2 - Na imagem esquerda so utilizadas cores quentes, dando a sensao da imagem estar mais iluminada, passando a impresso
de ter mais emoes como o amor. Na imagem direita foram utilizadas cores frias, passando a sensao de tristeza para o desenho.

Cores primrias, secundrias e tercirias

As cores so divididas em primrias, secundrias, tercirias e neutras. As cores primrias so o

vermelho, amarelo e azul, as cores secundrias so formadas pela mistura de duas cores primrias,
o verde, o roxo e o laranja, as cores tercirias so formadas pela mistura de uma cor primaria com
uma ou duas cores secundrias; as tercirias so todas as outras cores. As cores neutras tem pouco
reflexo, elas so mais usadas como complemento de outra cor. Entre as neutras temos os tons cinza
e os marrons que nos tons mais claros so chamados de bege.

A cor branca luz isenta de cor e o preto a ausncia de cor. Se rodarmos o disco das cores
com veemncia veremos que as cores desaparecero e ele aparecer totalmente branco.

46
 Figura 3 - Crculo Cromtico.

Cores primrias:cores que podem ser combinadas para criar outras cores.
Cores anlogas: cores da mesma famlia com tom diferente
Cores quentes: transmitem-nos a sensao de calor.
Cores frias: transmitem-nos a sensao de frio.
Cores intermedirias: resultam da mistura de cores primrias e cores secundrias
Cores secundrias: resultam da mistura de duas cores primrias.
Cores complementares: duas cores que oferecem contraste entre si.
Cores complementares decompostas: trs cores que oferecem contraste entre si.

Cores RGB e CMYK

CMYK um sistema de cores cuja sigla formada pelas cores Cyan (Ciano), Magenta (Magenta),
Yellow (Amarelo) e blacK (Preto). O CMYK (tambm chamado de cor-pigmento) um sistema muito
utilizado na indstria grfica.

Alm das cores primrias: ciano, magenta e amarelo, tambm 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 impresso em cores com tinta, com o objetivo de ocultar
algumas cores, quando o fundo branco, para diminuir a luminosidade e ressaltar a combinao
das quatro cores. O CMYK pode reproduzir todas as principais gama de cores existentes. O CMYK
funciona atravs de impressoras e fotocopiadoras para reproduzir uma grande parte das cores do
espectro visvel.

Enquanto o CMYK a cor-pigmento, o sistema RGB (vermelho, verde e azul) definido como
a cor-luz, sendo utilizado nos objetos que emitem luz (na televiso, por exemplo).
Alm do CMYK e do RGB, existem outros padres de cores, como o Pantone, uma biblioteca
que possui uma imensa gama de cores catalogadas.

RGB a sigla do sistema de cores aditivas formada pelas iniciais das cores em ingls Red,

47
 Green e Blue, que significa em portugus, respectivamente, vermelho, verde e azul.

O sistema de cores luminosas RGB (tambm designado por cor-luz) usado nos objetos que
emitem luz como, por exemplo, os monitores de computador e televiso, as cmeras digitais, o
scanner, entre outros.

J nas impressoras utilizado o padro de cores subtrativas denominado CMYK, formado

pelos pigmentos primrios Cyan (Ciano), Magenta(Magenta) e Yellow (Amarelo) e ainda, o blacK (Preto).

As cores so obtidas atravs das misturas das trs cores primrias, em quantidades
determinadas. Cada uma das cores obtidas esto enquadradas numa escala que varia de 0 a 255.
Quando a mistura das trs cores est no valor mnimo (0, 0, 0), o resultado a cor preta. Quanto
est no mximo (255, 255, 255), resulta na cor branca.

A variao entre valores mnimos corresponde a tons escuros e entre os valores mximos, os
tons so mais intensos, mais claros.

Camadas
As camadas so como folhas de acetato empilhado. Atravs das reas transparentes de uma
camada possvel ver as camadas de baixo. Voc move uma camada para posicionar o contedo
na camada, como se estivesse deslizando uma folha de acetato em uma pilha. Tambm possvel
alterar a opacidade de uma camada para tornar o contedo parcialmente transparente.

Figura 4 - Viso de camadas.

As reas transparentes de uma camada permitem que voc veja as camadas de baixo.

As camadas so usadas para realizar tarefas como a composio de vrias imagens, adio
de texto em uma imagem ou adio de formas de vetores grficos. Voc pode aplicar um estilo de
camada para adicionar um efeito especial como uma sombra projetada ou um brilho.

Camadas para a edio no destrutiva

s vezes, as camadas no contm nenhum contedo aparente. Por exemplo, uma camada de
ajuste mantm ajustes de cores e tons que afetam as camadas abaixo dela. Em vez de editar os
pixels da imagem diretamente, possvel editar uma camada de ajuste e deixar os pixels da imagem

48
original inalterados.

Trabalhando com camadas

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 opes adicionais.

Figura 5 - Painel Camadas do Photoshop.

A - Menu do painel Camadas

B - Grupo de camadas
C - Camada
D - Expandir/recolher efeitos da camada
E - Efeito da camada
F - Miniatura da camada

49
 Atividades
Observe a imagem abaixo e responda as questes abaixo:

1 Marque com um X a resposta correta:

Existem duas formas bsicas

Existem trs formas bsicas
Existe uma forma bsica

2 Marque com um X a resposta correta.

As formas que existem na imagem so: crculo e quadrado

As formas que existem na imagem so: crculo e reta
As formas que existem na imagem so: crculo e retngulo
As formas que existem na imagem so: crculo e tringulo

3 Quantas camadas voc consegue identificar que foram utilizadas nesta imagem?

4 Olhando as cores da imagem identificamos quantas cores primrias? E quais so elas?

5 Olhando a imagem conseguimos identificar quantas cores no total? Quais so elas?

50
 Atividades
6 Observando a imagem, assinale a resposta correta:

As cores so primrias
As cores so anlogas
As cores so intermedirias
As cores so secundrias

7 Reproduza a imagem acima no Photoshop.

Anotaes

51
Aula 6

Editorao de
imagem e montagens
O que editorao de imagem?
O que montagem?
Nveis de claridade em uma imagem
 O que editorao de imagem?
Muitas vezes uma imagem capturada por uma cmera no representa o que os olhos do
fotgrafo capturaram no mesmo momento, seja por uma luz ou por uma cor, que para o fotgrafo
estejam faltando ou em demasia.

A edio de uma imagem sempre existiu junto com a fotografia, para escurecer ou clarear uma
imagem. Hoje em dia a edio de imagem se tornou muito mais fcil com a utilizao de softwares
que auxiliam nessa tarefa.

Figura 1 - Imagem do Neymar com edio de imagem, esquerda a imagem original, e direita a imagem aps a edio.

Muitos designers e fotgrafos utilizam a edio de imagens para realizar correes em

determinadas reas ou at mesmo em uma imagem completa. Isso se d pelo perfeccionismo desses
profissionais ou at mesmo pelo perfeccionismo de seus clientes, pois a imagem precisa retratar a
ideia e no a realidade.

Editar uma imagem realizar a alterao, ou seja, o manuseio de seus pixels com o objetivo
de um uso determinado para aquela imagem, podendo ser realizada a incluso de uma pequena rea

53
 ou at mesmo a excluso de uma pequena rea. As imagens exibidas nesta aula so exemplos de
uma edio de imagem.
Figura 2 - Foto da Juliana Paes com edio de imagem, esquerda imagem original e direita imagem aps a edio.

O que montagem?
Montagem de fotos a combinao de vrios elementos para realizar uma composio. Uma
montagem pode ser uma combinao de formas bsicas, imagens, textos, efeitos de luzes, texturas.

Figura 3 - Montagem incluindo imagem na televiso.

54
 A montagem pode ser feita com vrios intuitos, desde a satirizaro de uma imagem como um
trabalho grfico composto.

Figura 4 - Imagem satrica.

Nveis de claridade em uma imagem

Quando uma fotografia fica pronta em alguns casos necessrio mudar o balano de branco,
que nada mais que o processo de remoo de cores no reais, ou seja, tornar branco os objetos
que aos nossos olhos parecem brancos.

Figura 5 - esquerda, imagem com balano de branco incorreto, direita imagem com balano de branco ajustado.

Para que o balano de branco seja eficiente, deve-se levar em considerao a temperatura
das cores (cores quentes e frias). Quando o balano de branco est incorreto gera cores com
tonalidades verdes, azuis ou alaranjadas.

55
 Figura 6 - No centro imagem com balano de cores ajustados.

Em alguns casos podemos ter imagens com luz mista, onde pode haver uma rea com luz
artificial e uma rea com luz natural. Para o balano de branco nessas ocasies deve-se depender
de onde voc deseja ter a fidelidade da cor.

Figura 7 - Luz fidelizando o balano de branco da luz Figura 8 - Luz do prdio foi considerada a principal para
natural da lua. Desse modo d a impresso de que o o balano de branco. Desse modo a impresso que se
prdio mais quente e o cu mais frio. tem de uma imagem fria com um cu mais frio.

Ambas as imagens provocam diferentes sensaes, isso deve ser a busca para o retoque da
imagem, para que o balano de branco seja perfeito, a sensao que queremos provocar nas pessoas
deve ser provocada.

56
 Atividades
1 Indique V para as afirmaes verdadeiras e F para as afirmaes falsas:

A edio de imagem serve para realizar correes em determinadas reas ou at

mesmo em uma imagem completa.
Quando uma fotografia fica pronta voc nunca precisar mudar o balano de branco,
pois sempre sai de forma perfeita.
Montagem de fotos a combinao de vrios elementos para realizar uma composio.
Editar uma imagem realizar a alterao, ou seja, voc deix-la como est e somente
editar o nome.

2 Procure uma imagem na internet que o balano de branco no esteja em boas condies,
altere at que esteja de forma aceitvel, como nos exemplos exibidos nessa aula.

3 Observe as imagens abaixo e realize montagens e edies parecidas:

Na fotografia A, a imagem da mulher foi posta na televiso, portanto voc deve procurar uma
imagem de uma televiso 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 inspirao veja a fotografia C.

Fotografia A

57
 Atividades
Fotografia B

Fotografia C

58
 Atividades
4 Jogo dos 5 erros

Ache as 5 diferenas entre as imagens abaixo:

Agora a sua vez, crie sua imagem com 5 diferenas e divulgue no Facebook, incentive seus
amigos a tentarem achar as diferenas que voc criou.

59
Aula 7

Textos e Imagens
O que so textos?
Harmonia entre textos e imagens
O que so mscaras?
Como utilizar uma mscara?
 O que so textos?
Segundo o site significados.com.br, texto o conjunto de palavras e frases encadeadas que
permitem interpretao e transmite uma mensagem. De forma geral, textos so manifestaes
grficas e lingusticas das ideias do autor, que sero interpretadas por um leitor de acordo com seus
conhecimentos culturais e lingusticos.

Quando falamos de textos nas ilustraes, esta a matria escrita que cria a oposio com os
desenhos e formas. Sendo possvel codificar um texto formando cdigos que impedem sua leitura.

Figura 1 - Capas de revistas so timos exemplos de como os textos e figuras grficas 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 literrios que so os poemas, os romances, as novelas. E os

no-literrios. Este segundo possui um carter informativo, ele busca explicar ao leitor determinada
informao, como exemplos tm os noticirios, as reportagens em revistas e jornais, textos cientficos
e de livros didticos.

O ato de codificar um texto transformando-o ilegvel tem o nome de criptografia.

61
 Harmonia entre textos e imagens
Para que serve um livro sem figuras nem dilogos?, perguntou-se Alice, entediada, pouco
antes de decidir seguir o Coelho Branco at o Pas das Maravilhas. (Alice no pas das maravilhas,
Lewis Carroll ,1865).

Com essas palavras nos perguntamos: para que servem propagandas sem imagens? . A
importncia da ilustrao em projetos grficos e literrios se faz para um apoio de aprendizagem
e entendimento rpido de uma determinada informao, a ilustrao consegue atingir um dos trs
estilos de aprendizagem: o visual.

No fcil incorporar um texto a uma imagem sem que haja um contraste distinto entre os
elementos que causam o incmodo visual, a esse efeito damos o nome de poluio visual.

Figura 2 - Exemplo de propagando com muitas imagens e textos, criando um efeito visualmente incmodo.

Para que esse efeito visual incmodo seja quebrado, precisamos utilizar de tcnicas que
relacionam escalas tonais ou texturas, ou ainda o alinhamento das imagens com o texto afim de criar
uma conexo visual entre elas.

Figura 3 - Ambas as imagens fazem referncia ao mesmo anncio, a nica diferena que o texto foi disposto de forma diferente,
seguindo o alinhamento da imagem.

62
 Uma regra bsica que o texto deve completar a imagem em um todo harmnico, uma tcnica
fazer essa harmonia pela interao quase ativa das letras com a imagem, assim como h nas
imagens acima. Repare que partes do corpo quase entrelaam com algumas letras. O texto faz parte
da imagem e sem ele parece que a modelo cairia, dando a impresso de funcionar como suporte. Os
elementos se atravessam criando um espao com planos e profundidades inseparveis. Nessa tcnica
o contraste dos elementos muito bem utilizado, agregando interesse pea.

Figura 4 - Outra forma de mesclar imagem com texto, nesse exemplo o texto simplesmente segue o mesmo alinhamento da
imagem, mas no se mistura imagem principal.

O que so mscaras?
A mscara no Photoshop uma ferramenta muito importante e interessante para criar
composies de imagens ricas, elas servem para isolar e proteger uma rea de uma imagem, alm
disso, ela permite que voc utilize efeitos, filtros, mudanas de cor. Ela funciona como uma pelcula
protetora que colocada sobre a camada que se pretende trabalhar. Ela permite que voc faa a
aplicao de filtros e texturas e visualize como sua imagem ir ficar caso voc decida aplicar a
mscara na imagem.

Figura 5 - Imagem ilustrativa de como funciona uma mscara, ela posta por cima da imagem, todas as alteraes so feitas na
mscara e aps visualizar as alteraes elas podem ou no serem aplicadas imagem.

NA: Como curiosidade, a ilustradora e designer Tricia Kleinot consegue um timo resultado com textos mesclados nas imagens

63
 Como utilizar uma mscara
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 boto de camadas conforme mostra a imagem A. Uma
mscara foi adicionada a sua camada. Ela estar vinculada a esta parte da sua imagem, a no ser que
voc clique no cone das correntes para desvincul-las, como mostra a imagem B.

Figura 6 - Imagem B Figura 7 - Imagem A

Agora que a sua mscara j est criada, hora de decidir o que voc quer fazer com ela.
Selecione a camada que tem a mscara inserida e clique no boto da ferramenta Marcao Elptica
ou Eliptical Marquee Tool (imagem A). Faa um contorno na rea que deseja alterar (imagem B).

Figura 9 - Imagem B
Figura 8 - Imagem A

Com a ferramenta Gradiente ou Gradient Tool (imagem A), faa o efeito que voc gostaria de
colocar em sua mscara (imagem B).

64
 Figura 10 - Imagem A Figura 11 - Imagem B

Aps na janela de camadas, clique em cima da camada com a sua imagem principal (imagem
A) utilize o atalho Ctrl + d para que a rea selecionada deixe de estar selecionada e aprecie seu
resultado (imagem B).

Figura 12 - Imagem A

Figura 13 - Imagem B
Este somente foi um exemplo de como utilizar a ferramenta mscara para realizar vrios
trabalhos, um exemplo a montagem abaixo, onde ambas araras pertenciam a outra imagem.

Figura 14 - Exemplo de montagem utilizando mscara.

65
 Atividades
1 Observe a imagem abaixo e utilizando as tcnicas apresentadas nessa aula crie uma
montagem parecida.

2 Marque um X na resposta correta. O que so mscaras e para que so utilizadas?

Mascara uma ferramenta muito importante e interessante para criar composies de

imagens ricas e servem para auxiliar na alterao do tamanho da imagem.
Mscara uma ferramenta muito importante e interessante para criar composies de
imagens ricas, elas servem para isolar e proteger uma rea de uma imagem.
Mscara um filtro muito importante, talvez o mais importante do Photoshop, ele serve
para criar composies de imagens ricas e para isolar e proteger uma rea de uma imagem.
Nenhuma das respostas acima.

3 Crie uma imagem onde elementos textuais e imagens estejam presentes. Cuide para que seu
trabalho mantenha a harmonia entre textos e imagens.

66
Anotaes

67
Aula 8

Texturas e Formas
O que so texturas?
Texturas naturais
Textura grfica
Formas bsicas
 O que so texturas?
Texturas so os elementos visuais
que podem substituir o tato. O ser
humano capaz de reconhecer uma
textura tanto pelo tato quanto pela viso,
ou por ambos. Algumas texturas no
apresentam qualidades tteis, ou seja,
no se identificam pelo tato, somente
pela viso. Podemos entender que a
textura a pele de uma forma, pois
ser a unio dela com a forma que
poderemos identificar um objeto mais
facilmente.

Quando tocamos um objeto

sentimos sua superfcie e por ela Figura 34 - Essa textura visual, ttil, natural (pelas pedras).
conseguimos identificar se rugosa, lisa, macia, spera ou ondulada. As texturas podem estar dentro
de 4 categorias: Natural, Artificial, ptica ou Ttil. Essas categorias podem estar isoladas ou em
combinao.

As texturas podem ser classificadas em Texturas Naturais ou Texturas Grficas.

Texturas Naturais

A textura natural aquela que

resulta da interveno natural do meio
ambiente ou que forma o aspecto
exterior dos elementos existentes na
natureza, como: tronco de rvore,
folhas, rochas.

Figura 35 - Exemplo de textura natural.

69
 Textura grfica
As texturas grficas so conhecidas como texturas artificiais, e elas podem ser criadas a partir
do uso de diversos materiais, como: gesso, pincis, massa corrida, grafite, softwares grficos.

Figura 36 - Texturas artificiais. esquerda textura simulando madeira, ao centro textura de ladrilhos e direita textura simulando pedra.

Para que as texturas existam, utilizar os seguintes

processos: frico, decalque, impresso, entre outros.
Quando vemos uma superfcie diferente de outra podemos
dizer que utilizam texturas diferentes, sendo assim, uma
explicao tcnica dizer que textura grfica formada
pela linha e volume que sensibiliza uma superfcie
deixando mar
cas nessa superfcie. Para criar uma textura
utilizamos pontos, linhas, formas repetidas.

Figura 37 - textura formada por pontos, linhas e formas.

Formas bsicas
A linguagem visual atravs dos elementos grficos pode se decompor em algumas entidades
bsicas, onde cada uma tem um significado prprio, enquanto que unidas essas formas podem
formar elementos comunicativos.

Formas bsicas do design grfico: ponto, linha, contorno. Cada uma delas possui um conjunto
de caractersticas prprias, entre as quais se destacam:

Forma: definida por disposio geomtrica. Vrios pontos prximos formam uma linha, vrias
linhas juntas formam um objeto real ou imaginrio.

70
 Figura 38 - formas bsicas, linhas, pontos, quadrado, crculo, tringulo, hexgono.

Direo: a projeo plana ou espacial de uma forma sendo a continuao imaginria dela
mesmo depois de sua finalizao fsica. Pode ser horizontal, vertical ou inclinada em diferentes graus.

Figura 39 - Representao de direo que um elemento pode ser criado.

Cor: pode imprimir um forte carter 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 40 - Representao de cor dos objetos.

Escala: Os diferentes tamanhos das diferentes formas modificam e definem as propriedades

de cada uma delas.

Figura 41 - Representao de escala dos objetos, havendo vrios crculos com tamanhos diferenciados.

71
 Dimenso: capacidade tridimensional de um elemento. A dimenso s existe no espao real
tridimensional, porm se pode simular em uma composio grfica plana mediante tcnicas de
perspectiva, sombreado ou sobreposio.

Figura 42 - Representao de dimenses, conseguida por efeito de luz e sombreamento.

Movimento: passa a ideia de dinamismo e fora. Nas obras grficas puras no existe movimento
real, porm encontra-se implcito em certos elementos e se pode conseguir com certas tcnicas
que enganam ao olho humano (design cintico, pintura cintica) ou representando elementos que
realmente existem no mundo real.

Figura 43 - Representao de movimento.

72
 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 grficos.

73
Aula 9

Clonagem, Restaurao,
Colorir, Filtros
O que a clonagem em uma imagem?
O que uma restaurao em uma imagem?
Por que colorir uma imagem?
O que so os filtros?
 O que a clonagem em uma imagem?
Quando desejamos uniformizar uma rea em uma imagem, ou seja, quando precisamos duplicar
uma rea em uma imagem para deix-la nica, utilizamos uma tcnica que atualmente se transformou
em uma ferramenta nos programas de edio de imagem como o gimp ou o Photoshop: a clonagem.

Essa tcnica 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 no perfeita, pois
um pixel em uma grande rea pode no ser igual ao outro, o que causa uma leve diferena na cor
ou textura de uma imagem, que para ns pode passar despercebida.

Figura 1 - Imagem manipulada no Photoshop para retirar as espinhas.

Essa tcnica ampla utilizada quando desejamos realizar montagens em duplicidade ou

correes de falhas na pele, como um exemplo a remoo de espinhas.

Figura 2 - Ferramenta clone utilizada para retirar a mulher da imagem e deixar somente o cascalho.

75
 O que uma restaurao em uma imagem?
Fotos impressas tendem a sofrer os efeitos do tempo, podem ser amassadas por algum
descuidado, podem ficar amareladas, manchadas ou cheias de riscos. Perder essas fotos, para algumas
pessoas, significa perder lembranas e ficar com a fotografia estragada tambm no uma opo
agradvel. Para corrigir essa ao 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 restaurao ao contrrio do que parece, necessita de uma sensibilidade por

parte do designer que ir realizar essa funo, pois alm de conhecer o programa a ser utilizado
ele precisa ter um conhecimento de cores e luz para poder equilibrar a restaurao e dar o senso
esttico que a imagem necessita.

Por que colorir uma imagem?

Em alguns momentos as imagens em preto e branco comeam a despertar a curiosidade de
como seriam coloridas, e no somente isso, mas em alguns casos as imagens precisam ser retocadas
ou alteradas a tonalidade de determinada rea para um trabalho em especfico.

Figura 4 - fotografia antiga foi inteiramente colorida.

A arte de colorir uma fotografia muito delicada, pois necessrio o conhecimento de sombra
e luz nas cores, para que no fique esteticamente feia ou com a aparncia de sobrecarregada.

76
 O que so os filtros?
Os filtros so o conjunto de tcnicas compactadas em uma ferramenta diferente para cada
tcnica, a isso damos o nome de filtro. possvel utilizar os filtros para retocar, limpar, aplicar efeitos
artsticos, efeitos de iluminao ou distoro em uma determinada imagem ou at mesmo simular
uma textura natural.

Os filtros podem ser utilizados em vrias imagens com exceo do modo index color ou bitmap.

Alguns tipos de filtros nativos do Photoshop:

Artistic (Artsticos): Simulam efeitos de tipo de material utilizado para criar a pintura.

Figura 5 - esquerda a imagem original, direita a imagem com o filtro simulando traos de giz pastel.

Blur (Desfoque): Simulam efeitos de desfoque da imagem.

Figura 6 - esquerda a imagem original, direita o filtro de Desfoque

Distort (Distoro): Aplica efeitos de distoro de imagem, como se a imagem estivesse

sendo visualizada atravs de um vidro por exemplo.

Figura 7 - filtro distorcer utilizado na imagem

77
 Noise (Rudo): Adiciona interferncia na imagem.

Figura 8 - da direita para a esquerda: foto original, fotografia com baixa quantia de granulao, fotografia com alta quantia de granulao.

Pixelate (Pixelar): Altera os pixels da imagem, agrupando-os em clulas maiores por cor,
criando efeitos de recortes poligonais.

Figura 9 - esquerda, imagem original. direita, imagem com o filtro.

Sharpen (Foco): Melhora o foco de imagens sem foco.

Figura 10 - esquerda imagem original. direita, imagem com o filtro.

Digimarc: Aplica marca dgua para garantir o Copyright da imagem.

78
 Atividades
1 Encontre uma imagem em preto e branco e faa a colorizao dela.

2 Aps 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 faa a restaurao. Mostre o
resultado para seu professor.

79
Aula 10

Fotografia
O que fotografia?
Dicas de mquinas fotogrficas
Dicas para fotografias de celulares
 O que a fotografia?
Fotografia significa desenhar com a luz e contraste, do grego fotos luz e grafis estilo, pincel.
A fotografia a criao de imagens por exposio luz, fixando-as em uma superfcie sensvel.

A primeira fotografia reconhecida foi produzida pelo francs Joseph Nicphore Nipce, em
1826, onde ele produziu a imagem com uma cmera deixando exposta durante oito horas no sol,
nessa cmera estava uma placa de estanho coberta com um material fotossensvel derivado do
petrleo chamado Betume da Judia. Esse processo foi chamado de heliografia.

A fotografia digital mudou paradigmas do mundo da fotografia, onde antes era necessrio um
rolo de filme para registrar os momentos, hoje no se faz mais necessrio. Custos foram minimizados,
etapas reduzidas, processos acelerados.

Nos processos fotogrficos temos:

Fotografia preto e branco (PB): fotografias que ficam somente na tonalidade preto e branco,
utilizam menos sombra e luz;

Figura 1 - fotografia em PB (Preto e Branco)

Fotografia meio tom: fotografias que conseguem manter-se entre PB e colorido, atualmente
os mais conhecidos so os tons de spia ou os tons de cinza utilizando sombra e luz;

Figura 2 - Fotografia em meio tom, para

olhos bem treinados algumas cores se
fazem presente.

81
 Fotografia colorida: refere-se a uma imagem que pode ser sensibilizada pelas cores RGB;

Figura 3- Fotografia Colorida

Fotografia panormica: refere-se a uma vista inteira de uma rea circunvizinha.

Figura 4 - Fotografia Panormica

Dicas de mquinas fotogrficas

Quando se fala em Photoshop, geralmente estamos falando de fotografias, e fotografias so
obtidas com cmeras fotogrficas. Atualmente as cmeras fotogrficas esto cada dia melhores e
mais baratas, podendo variar de uma simples cmera de celular at uma cmera para fotografias
profissionais.

Para que voc possa saber qual a melhor cmera para voc, primeiramente devemos entender
para qual objetivo ela ser utilizada, antes de comprar uma cmera pense para qual finalidade voc a
quer: somente para tirar fotos dos momentos e postar no Facebook? Para tirar fotos dos momentos
em famlia em vrios ambientes, ou voc pretende trabalhar com fotografias?

As cmeras fotogrficas podem variar de R$169,00 (cento e sessenta e nove reais) at

R$30.000,00 (trinta mil reais).

Dica 1: Para quem quer tirar fotografias dos momentos e postar no Facebook:

Celulares com cmera so as melhores opes, afinal de contas voc poder lev-lo para
onde voc vai, mesmo que a inteno no a impresso da imagem, mas sim registrar o momento

82
e mostr-lo na sua rede social favorita.

Figura 5 - Celulares com cmera o mais comum, e muitos esto evoluindo trazendo mais megapixel s imagens capturadas.

Existem modelos de celulares e cmeras compactas que oferecem alta resoluo na fotografia tirada.

Dica 2 Para quem quer fotografar momentos em famlia e at mesmo fazer a impresso
dessas imagens.

As cmeras compactas hoje em dia so muito completas, possuem zoom ptico e zoom
digital, funo macro para fotografias prximas ao objeto, alm de possurem uma srie de filtros para
ajudar na hora de fotografar, tem cmera que previne olhos vermelhos, cmera com estabilizador
ptico (diminui o tremor natural das mos evitando assim fotografias tremidas), cmera que trava o
flash quando identifica luz suficiente, enfim, essas cmeras compactas hoje so uma grande ajuda
para quem somente quer fotografar os momentos mais importantes e guard-los seja de forma
impressa ou de forma digital.

Figura 6 - cmeras compactas, hoje existem uma variedade de modelos no mercado.

As cmeras compactas em sua grande maioria garantem fotografias de qualidade de 300 dpis
para impresso.

83
 Figura 7 -Molduras mostrando o tamanho de fotografias de cmeras compactas at 14 megapixels - 15x20cm e 24x30cm.

Dica 3 Para quem pretende trabalhar com fotografia

As famosas cmeras SLRs (Single Lens Reflex) que so

as semiprofissionais e as profissionais so mais recomendadas
para quem procura trabalhar com fotografia ou tenha grande
paixo por esse hobbie e esteja disposto a desembolsar
grandes quantias em dinheiro.

Os kits para essas cmeras podem variar de R$3.000,00

(trs mil reais) at R$30.000,00 (trinta mil reais). Pois para
uma melhor qualidade da fotografia se faz necessrio um kit
muito bom e o kit se forma por: cmera, lentes, flash. Figura 8- Cmera semiprofissional da marca Nikon.

A diferena entre uma cmera 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 cmera
e conseguir assim uma maior proximidade de uma determinada cena enquanto que nas compactas
isso no possvel.

Dica 4 Ateno ao zoom ptico e zoom digital.

H uma grande diferena entre o zoom ptico e o zoom digital. No podemos nos enganar e
nem acreditar que um o mesmo que o outro.

O zoom ptico tambm chamado de zoom real a aproximao da imagem pela lente. A lente
da cmera busca a ampliao. Algumas mquinas compactas oferecem esse recurso, mas no so
to amplos quanto aos das SLRs, que podem ter lentes especficas para essa funo.

O zoom digital uma simulao do zoom ptico, ele se d por um software existente nas
cmeras, tanto nas compactas quanto nas SLR, esse software simula a aproximao da imagem,
quando na realidade ele est preenchendo a imagem com pixeis prximos aos tom de onde est
sendo buscado o zoom. Essa tcnica faz com que a imagem perca a qualidade se muito utilizada
podendo desfocar uma imagem capturada.

84
 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.

Dicas para fotografias de celulares

Atualmente todo celular possui uma cmera fotogrfica embutida, h alguns anos atrs isso era
praticamente impensado, era difcil algum ter um celular quanto mais pensar que o celular poderia tirar
fotos que voc poderia visualizar no mesmo momento e ainda por cima guardar no prprio aparelho.

A tecnologia avana, mas o segredo para tirar uma boa fotografia, seja com o celular, seja com uma
cmera profissional, continuam os mesmos. A pea principal para uma boa fotografia est no fotgrafo.

Antes de tirar fotografias seja com qual aparelho voc esteja: um celular ou uma cmera,
antes de tudo voc deve conhecer sua ferramenta. Entender como a cmera do celular funciona e
estar familiarizado com as limitaes da mesma pode lhe render timas fotografias. Fora isso alguns
aplicativos podem ajudar a melhorar a qualidade da fotografia.

A exposio sempre deve ser lembrada, isto , saber usar a luz que voc tem no ambiente
importantssimo, lembrando que muitos celulares no possuem o flash embutido, ento 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 iluminao.

85
 A composio da imagem algo que deve ser reconhecido e voc somente ir reconhecer
se treinar seu olhar, deixar o celular no nvel, ou seja, saber onde est a linha do horizonte, no
centralizar sempre o assunto a ser fotografado, usar linhas e curvas convergentes da imagem, saber
utilizar as cores que o ambiente proporciona, so tcnicas que ajudam a enriquecer suas fotografias.

Figura 11 - LH: Linha do horizonte

A linha do horizonte uma linha imaginria que divide a imagem em duas, nos passando
assim a noo de profundidade em uma fotografia ou imagem desenhada. Uma regra bsica para
deixar suas fotografias mais interessantes sem que percamos o foco na linha do horizonte deixar
o assunto principal ocupando o espao de 2/3 da imagem.

Figura 12 - Fotografia aps filtro e recorte para que o objeto principal ocupe 2/3 da imagem no nos distraindo com outros elementos
da fotografia.

CUIDADO com o plano de fundo, postes saindo da cabea das pessoas, linhas cortando as
pessoas ao meio podem arruinar uma fotografia que poderia ter sido a melhor de sua vida. Flash em
espelho tambm 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 esbranquiado 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 composio ficar interessante. Com isso, podemos ento mudar a perspectiva, as
imagens no precisam ser sempre na mesma posio.

86
 Fotografias preto e branco pode ser uma boa pedida quando se quer deixar a imagem mais
romntica ou nostlgica, utilize acessrios para compor suas fotografias eles podem enriquecer a imagem.

Figura 13 - Fotografia tirada pelo celular dos protestos ocorridos em 2013.

87
 Atividades
1 Complete a palavra-cruzada seguindo as dicasao lado:

88
 Atividades
Horizontal

2. Simulao do zoom ptico, ele se d por um software existente nas cmeras.

3. Hoje em dia so muito completas, possuem zoom ptico e zoom digital, funo macro para
fotografias prximas ao objeto e muitos outros filtros.
4. Refere-se a uma imagem que pode ser sensibilizada pelas cores RGB.
6. Mudou paradigma do mundo da fotografia.
8. Fotografias que conseguem manter-se entre PB e colorido.
9. So as semiprofissionais e as profissionais so mais recomendadas para quem procura trabalhar
com fotografia.
10. Refere-se a uma vista inteira de uma rea circunvizinha.
11. Tambm chamado de zoom real a aproximao da imagem pela lente.

Vertical

1. Fotografias que ficam somente na tonalidade preto e branco.

5. Luz artificial geralmente embutida nas cmeras fotogrficas.
7. Desenhar com a luz.

2 Baixe uma imagem da internet e modifique suas cores para preto e branco e meio tom, verifique
se a imagem est com a linha do horizonte bem definida, caso no esteja, utilize as ferramentas
disponveis no Photoshop para enquadrar melhor a linha do horizonte.

89
Aula 11

Fotografia II
O que uma composio fotogrfica?
Ideias criativas para composies de imagens
Acessrios bsicos para fotografia
 O que uma composio fotogrfica?
A composio fotogrfica o elemento mais importante que um fotgrafo pode ter, ela
que ir diferenciar suas fotografias das de outros profissionais, ser a composio fotogrfica que
carregar sua identidade e sua assinatura.

Tecnicamente, a composio fotogrfica o enquadramento do assunto principal na fotografia,

tudo que ir compor a fotografia como linha do horizonte, cores, ponto de vista, a disposio do
objeto principal e a disposio dos objetos secundrios fazem parte da composio fotogrfica.

Para uma boa composio existem algumas regras

que podem ser seguidas, como a regra dos teros que
consiste em dividir a imagem em trs partes imaginrias
tanto verticalmente quanto horizontalmente. Os quatro
pontos de interseco das linhas mostram os pontos
adequados para enquadrar o objeto a ser fotografado.

Figura 1 - Regra dos teros, os quatro pontos vermelhos indicam a melhor posio para enquadrar o objeto a ser fotografado.

Outro ponto muito importante em uma fotografia, mas que se deve ter cuidado ao ser trabalhado
so os espaos negativos, grandes espaos que ocupam as fotografias geralmente nas laterais. Esses
espaos nos transmitem a sensao de solido, isolamento ou calma imagem. Portanto para a
utilizao dessa tcnica necessrio muito cuidado com a mensagem a ser transferida.

Figura 2 - Espao negativo: o objeto principal foi fotografado com um grande espao negativo ao seu redor, dando a impresso de
solido e grandiosidade da montanha e dos trilhos.

91
 A tcnica de frente e fundo uma tcnica amplamente utilizada nos cinemas, ela reala 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.

Ideias criativas para composies de imagens

Enquadramento em enquadramentos

Fazer o enquadramento do objeto em outro enquadramento concentra a ateno de quem ir

observar no objeto principal dando profundidade na cena.

Figura 4- Enquadramento em enquadramento, nesta cena a sensao que se tem de observar a paisagem de dentro da casa, tendo
como foco principal a cerca.

92
Composio simtrica

A composio simtrica d a ideia de estabilidade e organizao imagem e aos detalhes.

Mostra os elementos com simplicidade, causando uma boa sensao visual.

Figura 5 - composio simtrica.

Composio radial

Nesta composio os objetos se organizam em crculo a partir do meio da imagem.

Figura 6 - a imagem se organiza em crculo desde o centro da imagem.

Reflexos

Algumas superfcies 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.

93
 Figura 7 - a imagem apresenta o reflexo da montanha no lago, agua a curiosidade do espectador e prende sua ateno para a composio.

Levitao

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 edio no Photoshop.

Figura 8 - o efeito de levitao pode ser obtido com um pulo ou neste caso com uma edio no Photoshop.

Seja seletivo ou transforme o comum em extraordinrio.

Simplifique o trabalho e concentre-se em uma cor, a partir da fotografe somente objetos

daquela cor, fotografe vrios assuntos utilizando a macro ou o zoom de sua cmera. Outra proposta
selecionar alguns objetos do dia a dia que parecem triviais, e encontrar diferentes maneiras de

94
represent-los de forma que paream quase inexistentes daquela forma.

Figura 9 - captura do isqueiro sendo riscado.

Acessrios bsicos para fotografia

Existem alguns acessrios que so bsicos para que voc possa ter mais segurana na hora
de capturar uma fotografia, no que voc necessite utiliz-los todas as vezes que for fotografar, mas
eles podem lhe ajudar muito.

1 Baterias extras e carregador

Infelizmente as baterias uma hora acabam. Imagine

voc no seu primeiro dia de viagem sem baterias e querer
continuar capturando suas fotografias, pior ainda se voc
estiver em uma viagem e no tiver posto em sua mala o
carregador de sua cmera.

2 Cartes de memrias extras

As mquinas fotogrficas guardam as fotografias em um

carto de memria, imagine tirar todas as fotos que voc quiser
e em um momento o seu carto de memria est cheio, ento
voc precisa selecionar as fotografias ali. O momento ideal acaba
passando e voc ficando sem fotografia nenhuma.

3 Filtro de densidade neutra

Quando voc vai tirar uma fotografia da natureza principalmente de uma cachoeira voc
fica exposto a muita luz, e dar o efeito de nvoa na gua em plena luz do dia fica mais
complicado. Para situaes como essa voc pode colocar um filtro de densidade na frente

95
 da lente da cmera, ele reduz a quantia de luz que
chega ao sensor da cmera sem afetar o equilbrio de
cores. Ele pode ser encontrado em qualquer loja de
fotografia e o preo varia.

DICA: caso voc no tenha dinheiro para

comprar um filtro de densidade neutra, voc pode
fazer um com meia-cala branca ou de cor neutra,
basta voc deix-la bem esticada em frente lente da
cmera, mas ela precisa estar bem esticada.

4 Trips ou monop

Os trips ajudam a manter a cmera bem alinhada e evitar aquelas

fotografias tremidas, em alguns lugares como museus e catedrais os trips no
so muito bem vindos, ento voc pode usar um monop, eles podem servir
at de bengala.

Dica: Para quem est com a grana curta e no consegue comprar um

trip, que tal fazer o seu prprio trip?

Voc vai precisar de barbante e um olhal de .

Primeiro voc precisa prender o olhal na

rosca do trip da sua cmera (geralmente um
buraco embaixo da cmera onde voc a colocaria
no trip).

Depois voc amarra o barbante no olhal

deixando um comprimento razovel, lembrando
que ele precisa estivar at o cho.

Em seguida pise no barbante e abra as

pernas, voc far parte desse trip, e puxe a
cmera para voc, mantenha os braos e os
cotovelos bem prximos ao corpo. E pronto voc
fez o seu prprio trip.

96
 Atividades
1 Relacione a coluna A com a coluna B:

Coluna A Coluna B

A Regra dos teros Reala o ponto a ser fotografado, somente deixando em

foco o objeto fotografado desfocando qualquer outra rea.
B Frente e Fundo
Grandes espaos que ocupam as fotografias geralmente
C Espaos negativos nas laterais.

Consiste em dividir a imagem em trs partes imaginrias

tanto verticalmente quanto horizontalmente.

2 Voc j tem bastante conhecimento em Photoshop, crie uma composio dando a impresso
que o objeto principal est flutuando.

DesaFio
3 Escolha qualquer uma das ideias apresentadas e crie uma composio dessas imagens:
enquadramento em enquadramento, composio radial, reflexo.
Tire fotografias dessas composies e apresente em sala de aula.

97
Aula 12

Monocromia
O que so imagens monocromticas?
5 Razes para transformar em imagens monocromticas
Tcnicas para monocromia
Fotografias High Key e Low Key
 O que so imagens monocromticas?
Monocromia a radiao produzida por apenas uma cor no necessariamente sendo o preto
(ausncia de cor) ou o branco (soma de todas as cores). Imagens monocromticas so conseguidas
por apenas uma cor e seus diferentes tons, frequentemente a cor mais utilizada para imagens
monocromticas o preto, mas pode ser utilizado o marrom para dar a tonalidade spia.

Figura 1 - Imagem monocromtica utilizando a cor marrom.

As imagens monocromticas podem ser utilizadas com diferentes razes, criam um efeito antigo
em fotografias, uma imagem romntica, assim como auxilia na hora de chamar a ateno de um detalhe,
onde somente o detalhe pode ter uma cor diferente enquanto todo o resto fica monocromtico.

Figura 2 - Imagem monocromtica na cor azul utilizada para dar destaque imagem do homem sentado, imagens que puxam o foco
para determinado assunto geralmente provocam reflexes nos observadores.

99
 A monocromia pode ser conseguida atravs de formas naturais, onde uma determinada
incidncia de luz cria uma paisagem monocromtica ou atravs do tratamento de imagens.

Figura 3 - Imagem monocromtica na cor vermelha, imagem natural.

5 Razes para transformar em imagens monocromticas

Segundo a revista Digital Photographer Brasil, Edio 35, ISSN 2177- 5338 existem cinco
razes para voc transformar uma imagem normal em monocromtica, as quais veremos a seguir.

Razo 01 Direcionar o olhar do espectador

Ao remover as cores, voc oferece ao espectador a chance de se concentrar em aspectos

inteiramente diferentes.

Razo 02 Atemporalidade

Um retrato em preto e branco tem um visual clssico muito difcil de ser imitado com uma
fotografia colorida.

Razo 03 Textura

Em vez dos diversos matizes abundantes em uma cena colorida, a gama de texturas trazida
ao primeiro plano.

Razo 04 Controle do contraste

Explore um mundo com diferentes nveis de brilho. Na monocromia, os claros e escuros se

tornam muito mais evidentes.

Razo 05 Organizao das formas

100
 As formas ficam mais aparentes em preto e branco. Voc pode usar sombras para criar novas
formas dentro da cena.

Figura 4 - Imagem monocromtica, o que a expresso desse homem lhe passa? Quais as texturas de sua pele, roupas, cabelos?

Tcnicas para monocromia

Na mesma revista referenciada acima algumas tcnicas para uma boa foto preto e branco (P/B)
so revelados, iremos agora destacar algumas delas.

Inicialmente antes de fotografar devemos treinar nosso crebro a pensar em preto e branco,
para que assim possamos dar vida aos retratos, algumas pessoas, dizem que sonham em preto e
branco, isso tem uma relao muito forte com o que estamos em contato ou conforme enxergam o
mundo, veja o exemplo dos daltnicos severos que somente enxergam o mundo em preto e branco.
Para que nossos retratos em P/B tenham sentimento ou vida precisamos comear a pensar em P/B.

Figura 5 - Esta imagem representa o comear a pensar em P/B, mostra uma ona bebendo gua, e toda a imagem est em P/B.

101
 Uma dica que a revista nos deixa que retratos P/B so timos para modelos masculinos,
permitindo a eles adotar um ar distinto de autoridade tranquila, da mesma forma que so timas para
crianas trazendo a criana para o foco da imagem.

Figura 6 - Crianas e homens tem a tendncia de ficarem melhores em retratos preto e branco.

A tcnica do Chiaroscuro, palavra vinda do italiano que se refere apresentao simultnea de

luz e sombra. Ela consiste em mostrar a interao entre as reas iluminadas e no iluminadas criando
uma imagem visualmente agradvel, reproduzindo a atmosfera que se esperaria de uma iluminao
no eltrica em um ambiente interno. Isso evidencia um aspecto clssico ou vintage de um retrato P/B.

Figura 7 - Chiaroscuro, essa tcnica pode ser uma das que melhor ajuda a reproduzir cenas dramticas em P/B.

102
Canais de cores

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 no 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 agradvel de
todos, porm se a ideia for deixar em evidncia a textura da pele de um modelo mais velho, esse
o canal ideal.

Figura 8 - imagem utilizando canais de cores vermelhos.

Figura 9 - imagem utilizando canais de cores verdes.

Figura 10 - imagem utilizando canais de cores azuis.

103
 Fotografias High Key e Low Key
Fotografias High Key utilizam tons muito claros e possui quase nada de sombras, no confundir
com o erro de exposio, elas so claras, pois sua iluminao bem distribuda, as sombras
praticamente no existem e os elementos das fotografias tambm so de tons claros.

Para fazer uma fotografia High Key segue algumas dicas:

Utilizar fundo claro, de preferncia branco;

Evitar sombras, principalmente as sombras que no
so esfumaadas;
Alguns detalhes como cabelo, colar, brinco, roupa
podem dar o contraste em tons mais escuros;
Usar luz natural ou flash para preencher a luz em
todo assunto fotografado;
Cuidado para no estourar a luz e perder detalhes da
fotografia;

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 so claros, a inteno dar foco no
assunto principal fotografado.

Para fazer uma fotografia Low Key deve-se:

Utilizar fundos pretos, escuros ou com

pouca iluminao;
Usar luz que contraste com o objeto
principal a ser fotografado;
Ao utilizar flash concentr-lo em poucas
partes do assunto fotografado;
Ao utilizar a luz natural, colocar o assunto
fotografado na luz e deixar o resto sombra.

Figura 12 - Fotografia em Low-key.

104
 Atividades
1 Utilizando tcnicas passadas em sala de aula pesquise na internet uma fotografia e deixe-a
monocromtica em diferentes tons como o spia, o azul, o lils, o preto e branco e o
vermelho.

2 Utilizando tcnicas passadas em sala de aula, busque uma imagem e deixe um objeto
colorido e o resto da imagem monocromtica, como mostra o exemplo abaixo.

DesaFio
3 Procure uma imagem na internet e deixe-a High Key e Low Key.

105
Aula 13

Publicidade
O que a publicidade?
Tipos de publicidade
Branding
reas de Atuao
 O que a publicidade?
Genericamente, publicidade significa: tornar pblico um fato ou uma ideia. A palavra publicidade
deriva do latim publicus, pblico em portugus.

A publicidade parte da tcnica de comunicao, nela as empresas e profissionais se dedicam

difuso pblica de ideias que so associadas a produtos, servios, empresas, tendo em vista induzir
a populao a uma opinio favorvel ao objeto central da publicidade.

Figura 1 - publicidade do filme do Superman feita em um shopping nos EUA.

Cartazes, imagens, msica ou textos podem ser utilizados como ferramentas para a publicidade.
A publicidade chega ao pblico alvo atravs de diversos veculos de comunicao como televiso,
revistas, rdio, jornais, outdoor, cinema, internet, cartas, cartazes, etc.

Tipos de publicidade
As linguagens dos anncios publicitrios adaptam-se ao perfil do pblico alvo, para chegar a
esse fim, os publicitrios utilizam muitos recursos da lngua portuguesa como: metforas, prosopopeias,
onomatopeias, ambiguidade, grias, linguagem tcnica, variao grfica das letras, recursos sonoros,
ironia, imagens, entre outros recursos.

O anncio publicitrio pode ser realizado de forma verbal e no verbal. E nele temos:

Finalidade do gnero: persuadir um consumidor a aderir uma ideia ou consumir um determinado

107
 produto criando a necessidade do consumo.

Perfil dos interlocutores: este seu pblico alvo. Leitor de revista, usurio de internet, ouvinte
de rdio.

Suporte ou veculo: se seu pblico alvo um leitor de revista seu veculo ser uma revista.
Para que uma campanha de propaganda possa existir alguns elementos devem existir, esses
so chamados de peas publicitrias, os mais comuns so:

Jornal, revista, lista telefnica

Encarte
Filme de televiso
Jingle
Outdoor
Letreiro
Folder
Brinde

Publicidade Institucional

A publicidade institucional tem, como objetivo, favorecer a interao da empresa com o seu
pblico alvo, contribuindo para o seu desenvolvimento relacional com a comunidade onde se insere.
Caracterizam-se por argumentaes racionais e/ou demonstraes visuais, apoiada, algumas vezes, por
testemunhos de pessoas ou personagens reconhecidas, essa prtica conhecida como endorsement.

108
 Figura 2 - Publicidade de uma empresa fornecedora de televiso a cabo utilizando o Homem Aranha.

Publicidade Social

Este tipo de mensagem visa incitar o pblico 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 so
tratadas as pessoas, para doenas e promoo de hbitos.

Figura 3 - Publicidade contra violncia mulher.

Publicidade Persuasiva

O papel da publicidade persuasiva consiste em provocar convices no consumidor atravs de

argumentos racionais ligados ao conhecimento, ou seja, fatos, demonstraes e provas, geralmente

109
 utilizadas em pocas eleitorais e pelos rgos pblicos.

Figura 4 - publicidade referente ao tabagismo.

Publicidade Emotiva

O enfoque deste tipo de mensagem est nos atributos imaginrios, sonhos ou emoes
agradveis que tornam uma marca desejvel 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.

Publicidade Humorstica

O humor cria laos de simpatia e simpatia, quase amor.

110
 esta simpatia que faz falta a muitas marcas e produtos. esta simpatia que faz falta a muitos
anncios e campanhas. Os anncios cmicos no so mais do que uma estratgia de associao de
uma marca, um produto ou servio, criatividade.

A mensagem publicitria, sob a forma humorstica, tem a vantagem de ter uma elevada
percentagem de recordao e voltar a ser repetida, em contexto social criando virais.

Figura 6 - Publicidade da Colgate contra o mal hlito.

Branding
Branding pode ser considerado como o trabalho de construo e gerenciamento de uma
marca junto ao mercado. A construo de uma marca forte para um produto, uma linha de produtos
ou servios consequncia de um relacionamento satisfatrio com o mercado-alvo. Quando esta
identificao positiva se torna forte o bastante, a marca passa a valer mais do que o prprio produto
oferecido. Branding como chamado o conjunto de prticas e tcnicas que visam a construo e
o fortalecimento de uma marca.

Objetivo do branding entre outros aumentarem o valor monetrio da marca e assim aumentar
o valor da empresa em si.

reas de Atuao
Os profissionais de publicidade podem atuar nas seguintes reas:

Produo, criao e planejamento publicitrio em agncias

Marketing
Pesquisa de mercado

111
 Comunicao digital
Promoo de vendas

Salrio inicial (mdia mensal): De R$ 1,2 mil a R$ 1,5 mil.

Salrio escalo intermedirio (mdia mensal): De R$ 5 mil a R$ 7 mil.

Salrio no auge (mdia mensal): Potencialmente alto, superior a R$ 15 mil. Geralmente, a

remunerao est ligada ao alcance de resultados.

Atividades do incio de carreira

Assistncia s atividades bsicas em nvel jnior por exemplo, assistente de gerncia ou

redator jnior nas diferentes reas da publicidade: atendimento, planejamento, criao, mdia (ou
gesto de contatos), produo, comercial/vendas, gesto de marcas e/ou de produtos.

As informaes foram retiradas do site da IG na rea guia de profisses.

112
 Atividades
1 Dos tipos de publicidades apresentadas nesta aula: institucional, social, persuasiva, emotiva,
humorstica. Escolha uma e monte uma pea publicitria sobre um dos temas abaixo:

McDonalds
Queimadas
Marco da Internet
Bolsa Famlia
Colgate
Prada
Burger King

2 Envie sua pea publicitria para seu professor.

113
Aula 14

Flyer digital
O que um Flyer Digital?
Dicas para um Flyer de sucesso
O processo criativo
 O que um Flyer Digital?
Antes de entender o que um Flyer Digital, precisamos entender o que um Flyer. Segundo o
dicionrio Michaelis Online: Flyer: voador, pessoa ou coisa que voa, ou seja, Flyer um prospecto
feito para voar, para passar de mo em mo. Geralmente feito nos tamanhos A5, A6 ou A7.

O Flyer pode conter fotografias, formas geomtricas, logotipos, cones, e outros elementos de design.

Figura 1- Exemplo de Flyer

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 divulgao
online, muito divulgado nas redes sociais e nos e-mails marketing.

Dicas para um Flyer de sucesso

Chamada

Lembre-se que voc somente ter uma chance para chamar a ateno do seu pblico, por isso
uma frase curta e de impacto indispensvel. Pode-se utilizar uma fonte grande e colorida, desde

115
 que no perca a esttica do prospecto.

Texto

O texto do seu Flyer deve ser conciso e fcil de ler. O objetivo divulgar um servio ou um
produto que uma empresa queira divulgar. Alm disso, os textos devem fornecer informaes de
como entrar em contato com a empresa ou de como chegar a um determinado evento.

Promoo ou Desconto

Todas as pessoas quando veem descontos ou promoes sentem-se interessadas e excitadas.

Promoes, descontos, brindes chamam a ateno, um cupom de desconto ou de brinde pode ser
uma ferramenta de apoio para a chamada do seu Flyer.

Imagem

Flyer composto apenas com texto pode se tornar desinteressante, as pessoas em grande
maioria no gostam de ler ou no tem tempo para longas leituras de divulgao, por isso imagens
podem auxiliar para chamar a ateno e prender a ateno do pblico alvo.

Figura 2 - Exemplo de Flyer somente com texto.

Aparncia

Alguns cuidados devem ser tomados quando estiver montando um Flyer.

Nmero de fontes diferentes: cuidado ao utilizar estilos de fontes diferentes, utilize no mximo
duas para que a simetria da arte no 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.

Gramtica: Erros gramaticais ou ortogrficos no podem ser cometidos em Flyer, cuidado, pois
alguns erros podem virar piada.

116
 Figura 3 - Exemplo de erro gramatical.

Marca: tente manter o mesmo layout para todos os Flyers, isso facilitar no reconhecimento
da marca pelos clientes.

O processo criativo
O processo criativo segundo psiclogos possui quatro etapas: preparao, incubao, devaneio
e iluminao. O processo de preparao quando mergulhamos no problema e investigamos tudo
que possa ser relevante e possa nos ajudar a criar uma ideia sobre um determinado assunto.

Nesse processo a imaginao voa livre, nesse momento nos deixamos abertos para todas as
possibilidades e ideias, esse processo tambm 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 so possveis, desenhos podem ser implantados no brainstorm.

117
 Nessa primeira etapa podemos encontrar duas armadilhas mentais: fixidez funcional, onde
a forma de ver as coisas sempre da mesma forma, ou seja, sempre procurando a forma bvia de
encarar os problemas, devemos buscar inovao e formas novas de como resolver problemas. A
segunda armadilha a autocensura, essa armadilha deve ser evitada com uma tcnica muito simples,
no limitar os pensamentos, assumindo que os pensamentos mais tolos podem ser os melhores.

Na incubao utilizamos o subconsciente para trabalhar os dados coletados, essa etapa ocorre
automaticamente, onde as ideias comeam 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 comeam a criar formas e ser apresentada nossa mente, nessa etapa
nossa mente capaz de revelar novos padres e novos paradigmas.

A iluminao a fase que merece toda a ateno, esse o momento conhecido como
Eureca, nessa etapa que a ideia final surge com toda a fora, como se tivesse nascido.

Aps essas etapas as ideias devem ser implementadas, ou seja, devem ser realizadas.

Briefing

O briefing o dossi de seu trabalho, ou seja, ele um conjunto de informaes que

coletado em uma reunio com o cliente. O Briefing uma ferramenta muito importante para uma
pesquisa de mercado baseada nas necessidades do cliente e pode ser utilizado para realizar um
prospecto.

No h regras estabelecidas para criar um briefing, inicialmente temos dois tipos de brienfing:
preliminar, que visa buscar informaes preliminares e o complementar, que visa complementar as
informaes que voc j tem sobre seu cliente.

O brienfing preliminar pode ser feito com a ajuda da internet, um levantamento onde voc busca:

Apresentao da empresa, ou seja, busca conhecer um pouco mais da empresa;

Antecedentes, busca saber os produtos ou servios prestados pela empresa, busca conhecer
o passado da empresa;
Pblico, onde voc busca estabelecer o pblico alvo;
Objetivo, onde voc busca estabelecer o objetivo que a empresa quer obter com o produto;
Valor da marca, lista o valor que a marca quer agregar imagem com o produto a ser
desenvolvido;
Cronograma, define prazo de lanamento, e prazos para lanar o produto no mercado atravs
de feiras e eventos.

O briefing complementar define aspectos tcnicos como:

Equipe de projeto, onde se define qual a equipe envolvida no projeto.

Pontos crticos, onde se define os problemas a serem enfrentados no desenvolvimento da
ideia.
Informaes complementares, pode ter alguma norma tcnica para que o produto ou servio
possa existir.

118
 Mercado, onde se define os produtos concorrentes, quais os pontos fortes de cada produto.
Produo, nesse momento se define quais os processos necessrios para a produo do
produto final.

Figura 5 - Um briefing uma ferramenta utilizada para que um produto passe a existir.

Piloto

Um projeto piloto a aplicao prtica que visa servir de primeira experincia para se verificar
a eficcia de um produto ou servio. Tambm conhecido como prospecto alfa ou verso alfa. Ele
geralmente apresentado para o cliente antes do projeto final para que o mesmo possa fazer suas
consideraes finais sobre o Flyer.

Figura 6 - projeto piloto de personagem.

Layout

O layout o design padro 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,

119
 letras e fontes.

Figura 7 - o Layout seguido pelos flyers apresentados o mesmo, no topo h uma imagem, as informaes so apresentadas nas
reas coloridas e informaes adicionais so apresentadas na rea branca na parte inferior.

120
 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 criao, ou seja, monte seu brainstorm, depois faa seu brienfing, projeto piloto
e finalmente um layout final para seus Flyer digital. Aps compartilhe em sua rede social
favorita como um de seus trabalhos visuais iniciando assim um lbum, tambm conhecido
como portiflio.

Temas para o projeto:

Escola Cedaspy
Perfume Feminino
PetShop
Biblioteca Municipal

2 Marque com um X as respostas verdadeiras:

Projeto piloto um curso oferecido pela aeronutica para a formao de pilotos no Brasil.

O layout o projeto final do design baseado no projeto piloto.

Projeto piloto conhecido como projeto alfa ou prospecto alfa pois a primeira verso
de um projeto.

No projeto piloto o cliente no pode opinar e somente tem que acatar a deciso
do designer.

121
Aula 15

Layout de um site
Diferena de site e hospedagem
Tipos de site
O Processo de Montagem Grfica
 Diferena de site e hospedagem

Antes de entender o processo de montagem de um layout

para website precisamos entender a diferena de um site e de uma
hospedagem. incrvel pensar que hoje em dia muitas pessoas no
sabem a diferena de um site para uma hospedagem. Muitas pessoas
no sabem que uma hospedagem essencial para a existncia de um
site ou que ela existe.

Uma pequena definio bsica tirada do Wikipdia de Portugal sobre site:

Um website [l-se: ubsaite] ou site [l-se: sit] (stio eletrnico ou stio, stio eletrnico/web/
da internet) um conjunto de pginas web, isto , de hipertextos acessveis geralmente pelo protocolo
HTTP na internet. O conjunto de todos os sites pblicos existentes compe a World Wide Web. As
pginas num site so organizadas a partir de um URL bsico, ou stio, onde fica a pgina principal, e
geralmente residem no mesmo diretrio de um servidor. As pginas so organizadas dentro do site
numa hierarquia observvel no URL, embora as hiperligaes entre elas controlem o modo como
o leitor se apercebe da estrutura global, modo esse que pode ter pouco a ver com a estrutura
hierrquica dos arquivos do site.

Com essa definio ento conclumos que os sites so formados por um conjunto de pginas
HTML que so unidas por links.

Uma pequena definio bsica tirada do Wikipdia de Portugal sobre hospedagem:

Hospedagem de sites ou alojamento de sites (em

Portugal) um servio que possibilita as pessoas ou empresas
com sistemas online a guardar informaes, imagens, vdeo,
ou qualquer contedo acessvel por Web. Provedores de
hospedagem de sites tipicamente so empresas que fornecem
um espao em seus servidores e conexo internet a estes
dados aos seus clientes.

Com essa definio podemos concluir que as

hospedagens so os locais onde nossos sites so guardados
fisicamente, ou seja, so servidores que podemos utilizar
para guardar nossos sites, imagens que pertencem ao site,
msicas, etc.

123
 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 pas que fosse sem que
voc soubesse o hotel em que ele vai ficar? Lgico que no, voc iria procurar um hotel conhecido
para que ele pudesse ficar hospedado. As hospedagens so esses hotis, onde nosso site fica
hospedado quando ele viaja para a internet.

Tipos de site
Hoje existem vrios tipos de sites, como: sites institucionais, sites miditicos, sites aplicativos,
sites banco de dados, sites comunitrios e sites portais.

Sites institucionais

Sites institucionais geralmente so feitos para instituies comerciais ou instituies no

governamentais. O objetivo de um site institucional apresentar a instituio como um todo,
mostrando nele os objetivos da instituio, a forma com que ela trabalha apresentando a misso,
viso e valores, possibilitando o contato fcil com a empresa.

Figura 1 - Exemplos de sites institucionais.

Sites miditicos

Sites miditicos contam com uma

interatividade maior, eles so mais dinmicos
proporcionando assim informaes
atualizadas ao seu leitor. Nessa categoria
entram os blogs, sites de jornais, revistas
online, fotoblogs, entre outros.

Figura 2 - exemplo de site miditico.

124
Sites aplicativos

Um site aplicativo uma ferramenta on-line que pode ser utilizada diretamente pelo usurio
com aplicativos que por muitas vezes podem substituir (na maioria das vezes so melhores) os
aplicativos instalados no seu computador.

Como exemplo, os sites do Google Docs, o SkyDrive da Hotmail, o 4shared.

Figura 3 - Sites aplicativos.

Sites banco de dados

Um site banco de dados na verdade um catlogo de registros e mais comum se usar na

forma de motores de busca como o site do Google ou o Bing.

Figura 4 - Site banco de dados.

Sites comunitrios

Os sites comunitrios so muito conhecidos das pessoas, mas no com esse nome, as pessoas
conhecem os sites comunitrios como Redes sociais.

Figura 5 - Sites comunitrios.

125
 Sites portais

Os sites portais so os mais completos, pois podem trazer vrias caractersticas dos outros
sites citados. Eles conseguem unir um site miditico a um site banco de dados, pode ter uma rea
para os clientes, onde eles possam realizar pedidos de informaes ou at mesmo ter uma rede
social para os assinantes do site. Um exemplo o site da G1, onde h a possibilidade de um servio
mais amplo somente para os assinantes.

Figura 6 - Site Portal.

O Processo de Montagem Grfica

Agora que sabemos quais os tipos de sites existentes e seus modelos, podemos pensar no
processo de montagem grfica de um site. No podemos deixar de fora os processos que vimos nas
aulas anteriores, como Briefing, o BrainStorm, e o projeto piloto.

Essas etapas so importantssimas em todos os processos de criao grfica, seja o layout de

um site ou o layout de um Flyer.

O Briefing servir para conhecer o cliente e o que o cliente espera com um site, nesse
momento devemos colher todas as informaes possveis, tambm devemos nos preocupar em
pegar referncias de outros sites, sites que os clientes j viram e gostaram.

O BrainStorm nos ajudar no processo de criao do layout, onde iremos utilizar todas as
informaes passadas pelo cliente no briefing e ento criar um layout, gerando assim nosso projeto
piloto, onde esse ser enviado e mostrado ao cliente para possveis alteraes.

126
 Todo site possui duas reas imutveis, onde elas sempre existiro independentes do layout,
essas reas sero utilizadas independentes do layout: Topo e Rodap.

Topo do site

rea de contedo, o
contedo do site ser
apresentado nessa rea.

Rodap

Topo do site

rea de contedo, o
contedo do site ser
apresentado nessa rea.

Rodap

Figura 7 - exemplo de layout.

127
 Topo

rea de
contedo
extra
rea de
contedo

Rodap

Figura 8 - modelo de layout de site.

Vimos trs modelos de layout, e percebemos que o Topo e o Rodap sempre existiro. Essas
reas so imutveis, a rea de contedo pode ser quebrada em vrias reas, para um site com uma
visualizao 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 criao dele em camadas no Photoshop.

128
 Atividades
1 Desenvolva um layout para um site, onde deve haver o Brainstorm e o projeto piloto para os
temas abaixo:

Empresa de HotDog
Rede Social
Evento Musical
Revista Online

2 Desenvolva o layout de um site baseado no projeto da aula passada. Onde ele ir divulgar o
contedo do Flyer.

3 Desenvolva um novo layout para o site do Facebook. Como voc acha que ficaria melhor?

129