AACC 4
Aula 4
Edição de imagens bitmap
Hoje em dia, os dois principais programas para a criação e manipulação de imagens bitmap são o Photoshop, da Adobe, e o GIMP (GNU Image Manipulation Program), um programa open source (código aberto) e gratuito (link). O primeiro tem um ciclo de desenvolvimento maior (a versão 1.0 é de 1990, enquanto a versão Beta do GIMP surgiu em 1996) e é quase um programa standard na edição profissional de imagens. Porém, o GIMP desenvolveu-se bastante, possuindo características similares ao Photoshop, em termos do trabalho mais profissional, particularmente em relação à possibilidade de trabalhar com camadas, um diferencial importante dos programas de edição mais sofisticados.
Além de ser gratuito (enquanto atualmente o Photoshop custa mais de mil dólares), o GIMP é um programa bastante leve (pode rodar num pen-drive inclusive), o que favorece a instalação em computadores pouco robustos. Ao contrário, o Photoshop requer máquinas com mais recursos, podendo travar nas que tenham quantidade de memória insuficiente.
Em razão destes aspectos (boa qualidade, gratuidade e demanda de menos potência no equipamento), o GIMP pode ser uma escolha interessante para o trabalho em escolas, pequenas organizações ou uso pessoal. No caso de trabalhos em grupo, outra alternativa para um educomunicador são os vários bons programas online (e gratuitos) que têm sido desenvolvidos, como o Aviary e o Pixlr, entre outros.
Vale notar que os programas são bastante similares, quanto às operações, então, quem usa o Photoshop conseguirá usar o GIMP e vice-versa (assim como os programas online). É claro, alguns comandos de teclado mudam, bem como certos procedimentos são, por vezes, um pouco diferentes, porém, nada que demande um ciclo de aprendizado longo.
Do ponto de vista do trabalho profissional, principalmente quando se deseja produzir impressos, o GIMP porém tem a desvantagem de não trabalhar no modo de cor CMYK -- alguns usuários tentam contornar esse problema, seja instalando complementos, seja finalizando o trabalho no Scribus. No entanto, é fato que isso é mais trabalhoso neste programa open source.
De qualquer maneira, a apresentação das ferramentas destes dois programas, a seguir, evidencia as similaridades entre eles.
Além de ser gratuito (enquanto atualmente o Photoshop custa mais de mil dólares), o GIMP é um programa bastante leve (pode rodar num pen-drive inclusive), o que favorece a instalação em computadores pouco robustos. Ao contrário, o Photoshop requer máquinas com mais recursos, podendo travar nas que tenham quantidade de memória insuficiente.
Em razão destes aspectos (boa qualidade, gratuidade e demanda de menos potência no equipamento), o GIMP pode ser uma escolha interessante para o trabalho em escolas, pequenas organizações ou uso pessoal. No caso de trabalhos em grupo, outra alternativa para um educomunicador são os vários bons programas online (e gratuitos) que têm sido desenvolvidos, como o Aviary e o Pixlr, entre outros.
Vale notar que os programas são bastante similares, quanto às operações, então, quem usa o Photoshop conseguirá usar o GIMP e vice-versa (assim como os programas online). É claro, alguns comandos de teclado mudam, bem como certos procedimentos são, por vezes, um pouco diferentes, porém, nada que demande um ciclo de aprendizado longo.
Do ponto de vista do trabalho profissional, principalmente quando se deseja produzir impressos, o GIMP porém tem a desvantagem de não trabalhar no modo de cor CMYK -- alguns usuários tentam contornar esse problema, seja instalando complementos, seja finalizando o trabalho no Scribus. No entanto, é fato que isso é mais trabalhoso neste programa open source.
De qualquer maneira, a apresentação das ferramentas destes dois programas, a seguir, evidencia as similaridades entre eles.
Ferramentas do Photoshop
Visualização e ferramentas do GIMP
Programas de edição de imagens
Principais ferramentas dos programas
Observação: tanto no Photoshop quanto no GIMP, quando o cursor é posicionado sobre o ícone de uma ferramenta, surge um texto com o nome da mesma e pequena ajuda. O Photoshop caracteriza-se por possuir várias ferramentas (opções da mesma) no mesmo ícone, para acessá-las é só manter o botão direito do mouse pressionado para que estas alternativas apareçam.
Mover ou Movimento
Com esta ferramenta, objetos selecionados são movimentados, bem como a própria camada (neste caso, ela precisa estar destravada). Para usá-la, clique em qualquer lugar da tela ou área de seleção e arraste. Com esta ferramenta também são movidas as guias de régua.
Letreiro ou Seleção
Servem para fazer seleções (isto é, indicar uma área da imagem que será afetada por edições) em formatos de quadrado ou elipse. Para fazer quadrados e círculos perfeitos, ao desenhar a seleção, mantenha a tecla Shift pressionada.
Laço ou Seleção
No Photoshop, a ferramenta Laço possui três opções: laço comum (traço conforme se desenha), o laço poligonal (que vai gerando um tracejado com retas e o laço magnético (que adere a áreas de cor semelhantes). No GIMP, a ferramenta de Seleção é mais simples (embora o programa tenha outras) e faz o desenho da mesma.
Dica: uma seleção pode ser aumentada ou diminuída. Os atalhos de teclado são os mesmos nos dois programas: para diminuir, após fazer uma seleção, tecle em Alt e crie outra seleção; para aumentar selecione Shift enquanto faz nova seleção. Estas operações também são realizadas por botões de opção.
Varinha Mágica ou Seleção Contígua
Faz a seleção por áreas de cor semelhantes, tendo padrões de tolerância alterados pelo usuário.
Corte
Recorta as margens da imagem (podendo alterar o enquadramento). No Photoshop, além de cortar, a ferramenta serve para fazer ajuste no alinhamento da imagem, pois é possível dar angulação ao recorte. No GIMP, em casos deste tipo, é necessário antes rotacionar a imagem.
Conta gotas ou Seleção de Cores
Ferramenta que faz com que, ao clicarmos numa área de uma imagem, coletemos a amostra da cor. No Photoshop, o ícone da ferramenta dá acesso a outras opções ligadas a medidas.
Carimbo ou Clonagem
Cópia cores ou imagens de um lugar a outra. A ideia é a do carimbo, primeiro se clique (com Alt pressionado) na zona a ser copiada e depois no espaço onde será feita a cópia.
Pincel Histórico
Permite retroagir a cor de uma imagem ao seu estado anterior. Por exemplo, uma imagem colorida transformada em P&B, pode ser “pintada” com sua cor anterior. No Photoshop, há também a opção de Pincel Histórico de Arte, que pinta com traçados simulando estilos de pintura.
Borracha
Apaga pixels e restaura partes de uma imagem para um estado salvo anteriormente. A imagem pode ser apagada para a cor do fundo ou transparência.
Dica: no Photoshop, o Pincel de Recuperação tem uma atuação parecida com o Carimbo, pode-se pintar com uma amostra ou padrão para corrigir imperfeições na imagem. O próprio programa, porém, busca atenuar a edição (diferente do Carimbo).
Gradiente e Lata de Tinta
Estas ferramentas aplicam numa área de seleção ou no plano de fundo uma cor (selecionada) ou gradiente (Degradê, no GIMP). A Lata de Tinta (ou Preenchimento) também aplica a cor selecionada aos pixels de cor similares, e pode ser usada seguidamente até preencher uma área não selecionada.
Pincel e Lápis
Os modelos de pincel são variados, à escolha do usuário. Quando se usa a tecla Shift, é possível produzir linhas retas, com o Lápis e também com o Pincel.
Sub e Superexposição
Em fotografia, imagens subexpostas ficam mais claras que o normal e as superexpostas, mais escuras. As ferramentas deste tipo no GIMP e no Photoshop fazem justamente isso: clareiam ou escurecem áreas da imagem. A Esponja (do Photoshop) muda a saturação de cor.
Substituição de Cor
No Photoshop, esta ferramenta substitui uma cor selecionada por uma nova cor. É necessário ir pintando a área que receberá a cor.
Desfoque e Nitidez
Ambos os programas possuem ferramentas para aumento da nitidez ou desfoque da imagem (ou de áreas da mesma). Há também um ferramenta que produz borrões na imagem, no mesmo ícone de edição no Photoshop, e como ferramenta independente no GIMP.
Texto
Ferramenta para a inserção de texto que pode ser digitado ou colado. Cada novo texto torna-se uma camada. O texto poderá ser rasterizado ou não, e admite inclinações. Em possíveis casos de problema para colocar acentos, uma alternativa é colar o texto correto de outro programa.
Caneta ou Vetores
Serve para criar caminhos (desenhos vetoriais) que em ambos os programas têm utilidades para desenho e seleção. Também cria os chamados demarcadores, que servem para máscaras. Possui opções (no Photoshop) para edição dos pontos do desenho. No GIMP as mudanças pela própria ferramenta. O Photoshop tem uma ferramenta só para selecionar os caminhos (Seleção de Demarcador).
Formas
Existem vários tipos de formas (retângulos, elipses, polígonos, linhas e personalizadas), no Photoshop, que na verdade são demarcadores que podem receber diferentes preenchimentos. O uso é bastante comum na feitura de botões para a web.
Zoom e Mão
GIMP e Photoshop possuem ferramenta para aumento ou diminuição da visualização. O padrão é aumento, porém, clicando na ferramenta com a tecla Alt pressionada, pode-se diminuir a visualização. No GIMP, a tecla Crtl retorna ao zoom de aumento. A ferramenta Mão, do Photoshop, movimenta a imagem, e é bastante útil quando são feitos ajustes em imagens de tamanho grande ou ampliadas.
Dica: os atalhos de teclado favorecerem o ganho de tempo quando os programas são usados. É possível ver os atalhos para as ferramentas do Photoshop no quadro que as mostra, como um todo, acima. O GIMP mostra o atalho de cada ferramenta, quando o cursor está sobre a mesma. É interessante notar que geralmente os atalhos dos programas da Adobe são os mesmos, o que faz com que Crtl e + resulte em aumento da visualização, o inverso ocorre com Crtl e -. Se você utiliza computador da Apple, use Command por Crtl. Outro atalho útil do Photoshop é Crtl+D, para desfazer uma seleção.
Aprendizado na rede
Há muito material (manuais, tutoriais, dicas, etc.) para aprender programas de edição de imagens na internet, principalmente Photoshop e GIMP (menos). Abaixo seguem alguns deles.
Vídeo Aula GIMP - Aula 1 - Introdução
Outras videoaulas deste curso:
- GIMP - Aula 2 - Navegação
- GIMP - Aula 03 - Ferramentas 1
- GIMP - Aula 4 - Ferramentas 2
- GIMP - Aula 5 - Ferramentas 3
- GIMP - Aula 6 - Retoques
- GIMP - Aula 7 - Cores
- GIMP - Aula 8 - Camadas
- GIMP - Aula 9 - Filtros
- GIMP - Aula 10 - Na prática
Documentação sobre GIMP: link.
Manual da versão 2.8 do programa (em espanhol): link.
Curso Photoshop CS6 Capitulo 1 -Aula 1 Interface e Adobe Bridge
Vetor e bitmap
Há, muitos vezes, um trânsito entre programas na produção de materiais. Assim, do mesmo modo que geralmente os logotipos são feitos em programas de desenho vetorial e depois transformados em imagens rasterizadas, é possível transformar uma imagem bitmap em vetor.
Os programas de desenho vetorial possuem ferramentas para tanto. Porém, elas têm o inconveniente de gerar muitos nós no desenho (o que pode inviabilizar a impressão em gráfica); por isso, por vezes uma imagem é desenhada, a partir de alguma matriz. Em casos desse tipo, o uso das camadas no programa de desenho vetorial é importante.
No exemplo abaixo, certamente a imagem pelo menos teve seu constraste aumentado antes de ser importada para o programa de desenho, onde ganhou cores e outras manipulações.
Os programas de desenho vetorial possuem ferramentas para tanto. Porém, elas têm o inconveniente de gerar muitos nós no desenho (o que pode inviabilizar a impressão em gráfica); por isso, por vezes uma imagem é desenhada, a partir de alguma matriz. Em casos desse tipo, o uso das camadas no programa de desenho vetorial é importante.
No exemplo abaixo, certamente a imagem pelo menos teve seu constraste aumentado antes de ser importada para o programa de desenho, onde ganhou cores e outras manipulações.
Traduzindo um infográfico
Prática: Tarefa 4
Escolha algum infográfico (abaixo seguem sugestões) e traduza-o, utilizando programa de edição de imagens.
Sugestões de infográficos:
Dica: use o Google Tradutor, caso tenha dificuldades com a língua estrangeira.
Sugestões de infográficos:
- A quick look at programming languages
- Do Educational Video Games Actually Work
- El post perfect
- HTML 5 – I’ve seen the future. It’s in my browser
- Infographic of Infographics
- MOOCs: "el concepto"
- Most popular Content Management Systems of 2013
- 8 Ventajas de la Educación E-Learning
- Qué es un Content Curador?
- Serif vs. Sans - The Final Battle
- 6 Types of Blended Learning
- 60 Seconds – Things That Happen On Internet Every Sixty Seconds
- Sócrates
- So you need a typeface poster?
- The Darwinian Evolution of Photoshop
- The Evolution of Distance Learning
- The Evolution Of Graphic Design
- The Evoluton of Spam
- The Flipped Classroom
- The History of HTML5
- Understanding Google Page Rank
- What Happens In Social Media Every 24 Hours?
- What means Creative Commons
Dica: use o Google Tradutor, caso tenha dificuldades com a língua estrangeira.
Aula 5
Link.