Aula 7.

1
Ferramentas Online para a
Edição de Imagens

Disciplina: Web Design

Professora: Juliana Padilha
Motivação

• Vimos na aula anterior que existe uma vasta oferta

de ferramentas para o tratamento/edição de
imagens, como: o Photoshop, Illustrator, Corel, e
etc

2
Motivação

• Mas, e se você precisar editar uma foto e no

computador que tem disponível para o seu uso não
puder ser instalado nenhum software?

• Atualmente, existem muitos bons editores gratuitos

disponíveis totalmente online.

3
Ferramentas Online
• São ferramentas online para Edição de Fotos
• Polarr
• Pixlr
• Sumo Paint
• Pic Monkey
• Foto Flexer

4
Pollar
• Esse editor conta com ferramentas de correção de
cor muito completas e sem complicações para
quem já mexe com Photoshop e Lightroom.
• Apresenta muitas funções para correção de cor

• Para acessar: https://v2.polarr.co/

5
Pixlr
• Esse editor conta com uma interface amigável e
próxima dos grandes programas de mercado
• Permite a utilização de camadas
• Permite não só fazer correções de cores e desenhos,
mas montagens utilizando fotos recortadas e tudo mais
(varinha mágica, corte, distorção, vários filtros e até
modos de mesclagem)
• Tem idioma Português do Brasil
• Para acessar: https://pixlr.com/editor/
6
Sumo Paint
• Assim como o editor Pixlr, Sumo Paint apresenta
uma interface bem próxima aos programas de
desktop que usamos
• Também trabalha com camadas, controle de
opacidade, vários filtros e os tradicionais ajustes de
cor e iluminação
• Para acessar: http://www.sumopaint.com/home/

7
Pic Monkey
• É uma ferramenta fácil de usar
• É bem intuitiva para fazer alterações básicas e rápidas de
correção de cor, rotação, redimensionamento, nitidez,
desfoque e etc., montagens simples com textos e fotos
sobrepostas.

• Uma característica interessante dessa ferramenta

• É a opção de maquiagem digital

• Para acessar: http://www.picmonkey.com/

8
Referência Bibliográfica
• Disponível em: <http://www.designerd.com.br/sem-
photoshop-confira-5-editores-de-imagens-online-gratuitos/>
Último acesso 28/03/2016

9
Exemplos de Layout de Sites criados
com Ferramentas de Edição

10
Exemplos de Layout de Sites criados
com Ferramentas de Edição

11
Exercício Prático
• Vamos criar um layout de um site?
• Podem escolher entre duas categorias: roupas (loja) ou
comidas (restaurante)

• Recomendo usar a ferramenta Pixlr ou Sumo Paint

para tratamento de imagem (roupas ou comidas)
para o banner e menu recomendo o Paint do
Windows

12
Exercício Prático
• Wireframe da disposição do conteúdo do site.

13