aula 04 - df.pdf

Download Aula 04 - DF.pdf

Post on 14-Feb-2017

229 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • Informtica Para Internet

    Erick Bergamini da Silva Lima

    2015Natal-RN

    Princpios de Design e Projeto Grfico

    Curso Tcnico Nvel Mdio Subsequente

    Instituto Federal de Educao, Cincia e Tecnologia

    do Rio Grande do Norte

    Aula 04Tratamento de Imagens

  • Presidncia da Repblica Federativa do Brasil

    Ministrio da Educao

    Secretaria de Educao a Distncia

    Equipe de ElaboraoCognitum

    Coordenao InstitucionalCOTED

    Professor-autorElizama das Chagas LemosErick Bergamini da Silva Lima

    Projeto GrficoEduardo Meneses e Fbio Brumana

    DiagramaoGeorgio Nascimento

    Ficha catalogrfica

    Este Caderno foi elaborado em parceria entre o Instituto Federal de Educao, Cincia e Tecnologia e o Sistema Escola Tcnica Aberta do Brasil e-Tec Brasil.

    L555i Lemos, Elizama da Chagas.

    Informtica para internet : Princpios de design e projeto grfico : Aula 04 : Tratamento de

    Imagens / Elizama das Chagas Lemos, Erick Bergamini da Silva Lima. Natal : IFRN Editora,

    2015.

    14 f. : il. color.

    Este Caderno foi elaborado em parceria entre o Instituto Federal de Educao, Cincia e

    Tecnologia e o Sistema Escola Tcnica Aberta do Brasil e-Tec Brasil.

    1. Design Grfico. 2. Criao de Imagens. 3. Tratamento de Imagens. 4. Imagem Digital. I.

    Lima, Erick Bergamini da Silva. II. Ttulo.

    RN/IFRN/EaD CDU 74:655.2/3

    Catalogao da publicao da fonte. Bibliotecria Edineide da Silva Marques, CRB 15/488

  • e-Tec Brasil3

    Apresentao da aula

    Ol, agora que j vimos como trabalhar com o Inkscape, vamos aprender

    sobre outra ferramenta, mas antes de comear a aula prtica, gostaria de

    falar um pouco a respeito da ferramenta (software) que utilizaremos para a criao e edio de imagens no vetoriais. O software o GIMP verso 2.8.

    Figura 1: GNU Image Manipulation Program Programa de Manipulao de Imagens GNU.

    Font

    e:ht

    tp://

    ibxk

    .com

    .br/2

    012/

    5/pr

    ogra

    -m

    as/2

    6027

    1836

    9.jp

    g

    Esse software foi criado em 1995 por Spencer Kimball e Peter Mattis para um trabalho da faculdade e, atualmente, mantido por uma comunidade de

    desenvolvedores voluntrios e licenciado sob a GNU General Public License, ou seja, um programa livre, com o cdigo aberto e de graa para todos.

    Utilizaremos esse software por ele estar mais acessvel a todos, pois possui suporte para os sistemas operacionais mais utilizados, como Linux, Windows

    e Mac OS.

    Saber utilizar uma ferramenta de desenho indispensvel para o aluno que

    deseja aprender sobre design grfico, at porque, certamente, com isso que ele ir trabalhar. Ento avante e bons estudos!

  • e-Tec Brasil 4 Informtica para Internete-Tec Brasil 4

  • e-Tec Brasil

    Aula 4 - Tratamento de Imagens

    Objetivos

    Ao final desta aula, voc ser capaz de:

    aprender o bsico sobre o programa GIMP, apresentando

    algumas ferramentas mais importantes;

    aprender como utilizar as ferramentas para a criao de

    imagens digitais, como formas geomtricas, linhas e dese-

    nho a mo livre;

    aprender o bsico sobre camadas e transparncia;

    aprender sobre o tratamento de imagens, como ajustes de

    brilho e contraste, de matiz, de saturao, redimensiona-

    mento, distoro e remoo de elementos da imagem.

    GLOSSRIOGNU - General Public License

    Desenvolvendo o contedo

    Para desenvolver um bom trabalho grfico, no basta ter apenas a ideia em

    mente, devemos saber como traz-la para a realidade. Para isso, podemos

    utilizar lpis e papel, tinta e tela, giz e quadro, ferramentas digitais, cdigo

    fonte, enfim, qualquer meio que estimule seu pensamento. Nesta aula,

    iremos aprender como utilizar uma ferramenta digital para que, aps

    concebido, seu trabalho possa ser utilizado, de maneira impressa ou no.

    Essencialmente, precisamos conhecer o programa de edio grfica que ire-

    mos utilizar. Como j foi citado neste material, o GIMP um programa de

    edio de imagens que podem ser usadas para a impresso ou em trabalhos

    e-Tec BrasilAula 04 - Tratamento de Imagens 5

  • digitais, como websites por exemplo. Para utiliz-lo, basta baixar o progra-ma em ou, no caso de sistemas operacionais

    Linux, buscar na loja de aplicativos ou, ento, no material digital que entre-

    gamos para voc e instal-lo.

    Aps instalado, vamos seguir alguns passos simples, que sero mos-

    trados na videoaula de apresentao e configurao da interface do GIMP

    que pode ser assistida na videoaula Apresentando-lhe meu amigo GIMP.

    LEMBRE-SE

    A interface pode ser definida de acordo com o seu gosto, apenas iremos

    deix-la desta forma para facilitar o uso do programa durante os tutoriais.

    Muito bem, agora que a interface est configurada, vamos entender a

    funcionalidade de algumas ferramentas importantes. Irei mostrar uma lista

    com os cones das ferramentas e uma breve descrio da funcionalidade de

    cada um.

    Seleo em retngulo e em crculo. Selecionar uma rea de uma figura.

    Lao. Cria uma seleo a partir de um desenho feito com o mouse.

    Seleo Contgua. Seleciona uma rea com uma mesma cor ou com uma prxima.

    Seleo por Cor, Seleciona todas as reas da imagem com aquela mesma cor ou com uma prxima.

    Seleo com tesoura. Seleciona uma rea com um objeto, encontrando as bordas da forma de maneira inteligente.

    Seleo de Frente. Seleciona objetos de maneira inteligente em uma imagem, separando-os do fundo.

    Vetores ou Seleo de Bzier. Cria e edita vetores e curvas, podendo gerar uma rea de seleo.

    Quadro 1: Ferramentas de Seleo

    Fonte: Autoria Prpria (2015).

    Informtica para Internete-Tec Brasil 6

  • Seleo de Cores. Captura uma cor da imagem para a cor de frente.

    Zoom. Ajusta o nvel de zoom da rea de edio.

    Medidas. Mede distncias e ngulos na imagem.

    Mover. Serve para movimentar uma forma, objeto recortado ou selecionado e camadas em uma imagem.

    Alinhamento. Alinha ou arranja as formas, camadas e objetos na rea de edio.

    Corte. Guilhotina a imagem, removendo as laterais de uma imagem ou camada.

    Rotacionar. Gira livremente a camada, seleo ou objeto.

    Redimensionar. Altera o tamanho de um objeto, seleo ou camada.

    Inclinar. Modifica a inclinao de um objeto, seleo ou camada

    Perspectiva. Muda a perspectiva da camada, objeto ou seleo.

    Espelhar. Inverte, horizontal ou verticalmente, a camada, seleo ou objeto.

    Transformao com Gaiola. Deforma um objeto, seleo ou camada utilizando uma grade (gaiola).

    Quadro 2: Ferramentas de Medio e Edio

    Fonte: Autoria Prpria (2015).

    e-Tec BrasilAula 04 - Tratamento de Imagens 7

  • Texto. Cria ou edita camadas contendo texto no renderizado.

    Preenchimento. Pinta uma rea com uma cor ou textura pr--definida.

    Degrad. Preenche uma rea com um degrad de cores.

    Lpis. Cria um desenho a mo livre com linhas em cor de frente.

    Pincel. Desenha com pinceladas utilizando um padro pr-definido em cor de frente.

    Borracha. Apaga para a cor de fundo ou transparncia, utilizando os mesmos padres do pincel.

    Aergrafo. Pinta em formato spray com uma preciso ajustvel.

    Tinta. Pinta com estilo caligrfico, como uma caneta bico de pena.

    Quadro 3: Ferramentas de Criao e Pintura

    Fonte: Autoria Prpria (2015).

    Clonagem. Copia seletivamente um ponto da imagem para pintar, em formato de pincel, utilizando a imagem a partir da-

    quele ponto.

    Restaurao: Recupera vrios tipos de irregularidades da ima-gem.

    Clonagem em Perspectiva. O mesmo que a ferramenta clo-nagem, porm aplica uma perspectiva a imagem selecionada.

    Desfocar / Deixar Ntido. Desfoca ou aumenta a nitidez de um ponto da imagem, com o uso de um pincel.

    Borrar. Permite borrar a imagem usando um pincel.

    Sub/ Superexposio. Clareia ou escurece a imagem seletivamente, utilizando um pincel.

    Quadro 4: Ferramentas de Ajuste e Finalizao

    Fonte: Autoria Prpria (2015).

    Informtica para Internete-Tec Brasil 8

  • Agora que j temos uma pequena noo do que, basicamente, cada

    ferramenta faz, vamos assistir videoaula A criao com uma caixa de

    ferramentas, onde demonstramos a utilizao dessas ferramentas para

    ficar ainda mais claro o funcionamento de cada uma.

    Viu como fcil? Agora vamos colocar a mo no mouse e fazer um pequeno exerccio para podermos praticar nossas habilidades artsticas.

    Atividade de aprendizagem 1

    Crie uma imagem com o GIMP de tamanho 800x600px, utilizando as ferra-

    mentas mostradas acima. Tente desenhar algo como uma casa, ou um carro,

    ou uma rvore. Use sua criatividade! Depois salve o arquivo para edio

    futura.

    LEMBRE-SE

    O GIMP utiliza a extenso XCF para guardar seus arquivos, caso deseje

    formatos mais convencionais como PNG, JPEG ou BMP, utilize a ferramenta

    Exportar ao invs de Salvar.

    Trabalhando com camadas

    Dando continuidade nossa

    aula, vamos entender como

    funcionam as camadas.

    Camadas so como folhas

    de papel sobrepostas. Elas

    podem ser transparentes ou

    opacas (em uma cor como

    branco, preto, vermelho,

    etc.) e possuem uma ordem

    de visibilidade, onde as

    camadas superiores cobrem

    as inferiores. Assim como uma

    folha de papel opaca, se uma camada no for transparente, no ser possvel

    ver a camada inferior. As camadas e sua ordem podem ser vistos no painel

    lateral direito conforme a imagem a seguir:

    Font

    e: A

    utor

    ia P

    rpr

    ia (2

    015)