Gil Eduardo de Andrade
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL
INFORMÁTICA INSTRUMENTAL
Aula 05
Desenho e Edição de Imagem
O Paint é um software utilizado para a criação de desenhos simples e também para a edição de imagens.
Windows, da Microsoft, e em suas primeiras versões era conhecido com O Paint é um programa muito utilizado para a criação de
de criar uma imagem pixel para edição em pequena escala
Executando o Paint
O Paint pode ser executado através do acesso ao Programas” ou “Programas”
teclas de atalho “Windows + R”, digitando o comando “mspaint” como mostra a imagem a seguir.
Interface Gráfica, Componentes e Ferramentas
Para descrição do Paint como um todo, incluindo sua interface, componentes e ferramentas são utilizadas as image
Janela Principal do Paint
GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL
INFORMÁTICA INSTRUMENTAL
Aula 05: Editores de Imagem – Paint / GIMP
e Edição de Imagem – Paint
software utilizado para a criação de desenhos simples e também para a edição de imagens. Ele está incluso, como um acessório, no sistema operacional Windows, da Microsoft, e em suas primeiras versões era conhecido com
O Paint é um programa muito utilizado para a criação de Pixel art pixel-a-pixel" (raster), visto que possui ferramentas para edição em pequena escala.
pode ser executado através do acesso ao “Menu Iniciar
Programas” ou “Programas” → “Acessórios” → “Paint”. É possível também utilizar as “Windows + R”, digitando o comando “mspaint” como mostra a
Interface Gráfica, Componentes e Ferramentas
Para descrição do Paint como um todo, incluindo sua interface, componentes e ferramentas são utilizadas as imagens descritivas a seguir:
Janela Principal do Paint
1
GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL
software utilizado para a criação de desenhos simples e também incluso, como um acessório, no sistema operacional Windows, da Microsoft, e em suas primeiras versões era conhecido com Paintbrush.
Pixel art, que é a "arte que possui ferramentas de fácil uso
niciar” → “Todos os → “Acessórios” → “Paint”. É possível também utilizar as “Windows + R”, digitando o comando “mspaint” como mostra a
Gil Eduardo de Andrade
Barra de Ferramenta de Cor:
efetuar um clique sobre uma das cores apresentadas na barra de ferramentas. Caso seja necessária a ut
o botão direito do mouse so
Barra de Ferramenta Lateral e Componentes de Desenho
Janela Principal do Paint
Barra de Ferramenta de Cor: para selecionarmos uma cor principal, basta efetuar um clique sobre uma das cores apresentadas na barra de ferramentas. Caso seja necessária a utilização de uma cor de fundo, efetua-se um clique o botão direito do mouse sobre a cor desejada.
Barra de Ferramenta de Cor
Barra de Ferramenta Lateral e Componentes de Desenho
2
para selecionarmos uma cor principal, basta efetuar um clique sobre uma das cores apresentadas na barra de ferramentas. se um clique com
Gil Eduardo de Andrade
Barra de Ferramenta
Desenho – Retângulo: É possível, também,
segurarmos a tecla SHIFT enquanto criamos o retângulo, garante que um quadrado
De
Barra de Ferramenta Lateral e Componentes de Desenho
tângulo: utilizado para desenhar retângulos sem preenchimento. , também, desenharmos quadrados (4 lados iguais), para isso basta segurarmos a tecla SHIFT enquanto criamos o retângulo, tal procedimento
quadrado seja desenhado.
Desenho – Retângulo sem preenchimento
3
sem preenchimento. desenharmos quadrados (4 lados iguais), para isso basta tal procedimento
Gil Eduardo de Andrade
Desenho
Desenho – Círculo: possível, também, d
a tecla SHIFT enquanto criam círculo perfeito seja
Desenho – Retângulo com preenchimento
Círculo: utilizado para desenhar círculos sem preenchimento desenharmos círculos perfeitos, para isso basta
a tecla SHIFT enquanto criamos o círculo, tal procedimento g círculo perfeito seja desenhado.
Desenho – Círculo sem preenchimento
4
sem preenchimento. É para isso basta segurarmos garante que um
Gil Eduardo de Andrade
Desenho – Linhas: desenharmos linhas retas
segurarmos a tecla SHIFT enquanto criamos a linha, que uma reta perfeita (horizontal/vertical) seja desenhada
Desenho – Círculo com preenchimento
Linhas: utilizado para desenhar linhas. É possível
linhas retas verticais e horizontais perfeitas, para isso basta segurarmos a tecla SHIFT enquanto criamos a linha, tal procedimento
que uma reta perfeita (horizontal/vertical) seja desenhada.
Desenho – Linhas
5
possível, também, perfeitas, para isso basta tal procedimento garante
Gil Eduardo de Andrade
Adição de Textos:
também, alterar a fonte o texto adicionado, bem como seu tamanho. Essas configurações são
momento em que a trabalhando. Sendo escrever, basta clicarmos azuis, e então arrastarmos
Adicionando Texto ao Desenho/Imagem
Desenho Livre: utilizado para cria
: utilizado para adicionar textos ao desenho.
também, alterar a fonte o texto adicionado, bem como seu tamanho. Essas apresentadas na barra de ferramentas disponibilizada que adicionamos uma caixa de texto na imagem que estamos
do necessário aumentar o espaço da caixa onde desejamos escrever, basta clicarmos em seus cantos, onde temos pequenos
arrastarmos para aumentar seu tamanho.
Adicionando Texto ao Desenho/Imagem
utilizado para criar desenhos livres, sem formatos pré
Desenho Livre
6
s ao desenho. É possível, também, alterar a fonte o texto adicionado, bem como seu tamanho. Essas disponibilizada no imagem que estamos necessário aumentar o espaço da caixa onde desejamos cantos, onde temos pequenos quadrados
Gil Eduardo de Andrade
Cor para preenchimento:
desenhadas com uma das cores disponíveis na barra de ferramentas.
Cor para preenchimento de formas
Seleção Retangular
imagem que está sendo criada. P
onde desejamos iniciar a seleção e arrastarmos o mouse até o ponto onde queremos que a seleção
imagem, efetuando um clique sobre ela e arrastando o mouse até onde queremos movê-la.
selecionado, pressionando
ferramentas temos a opção de considerar selecionada.
Cor para preenchimento: utilizando para preencher as formas e desenhadas com uma das cores disponíveis na barra de ferramentas.
Cor para preenchimento de formas e figuras
Retangular: utilizado para selecionar de determinadas partes da imagem que está sendo criada. Para tal basta efetuarmos um clique no local onde desejamos iniciar a seleção e arrastarmos o mouse até o ponto onde a seleção termine. Após a seleção é possível movermos a imagem, efetuando um clique sobre ela e arrastando o mouse até onde la. Também é possível, após a seleção, apagarmos o que foi pressionando a tela “Del”. Ainda, na parte inferior da barra de
mos a opção de considerar, ou não, o fundo da parte que
7
formas e figuras desenhadas com uma das cores disponíveis na barra de ferramentas.
de determinadas partes da basta efetuarmos um clique no local onde desejamos iniciar a seleção e arrastarmos o mouse até o ponto onde o é possível movermos a imagem, efetuando um clique sobre ela e arrastando o mouse até onde após a seleção, apagarmos o que foi a parte inferior da barra de da parte que foi
Gil Eduardo de Andrade
Prática: Desenho e Edição de Imagem
http://www.gileduardo.com.br/IFPR/II/downloads/ii_pratica05.pdf
Editor de Imagens – GIMP
O GIMP é um software
ambiente Linux, também possuindo versões para o sistema Windows considerá-lo um aplicativo Open Source
mesma categoria a nível comercial, em se
O GIMP é o software mais indicado para quem trabalha com Photoshop, no sistema Windows, e deseja migrar para o Linux
vantagens e desvantagens em
(Apostila - Centro de Computação da Unicamp
http://www.gileduardo.com.br/IFPR/II/downloads/
Prática: Desenho e Edição de Imagem
http://www.gileduardo.com.br/IFPR/II/downloads/ii_pratica05.pdf Selecionar partes da imagem editada.
Desenho e Edição de Imagem – Paint (Windows)
www.gileduardo.com.br/IFPR/II/downloads/ii_pratica05.pdf
GIMP
software de manipulação e criação de imagens muito , também possuindo versões para o sistema Windows
ativo Open Source que pode ser comparado com softwares da mesma categoria a nível comercial, em se tratando de suas funções e requisitos.
é o software mais indicado para quem trabalha com Photoshop, no deseja migrar para o Linux, entretanto cada um
vantagens e desvantagens em comparação ao outro. Centro de Computação da Unicamp)
www.gileduardo.com.br/IFPR/II/downloads/gimp.pdf
Desenho e Edição de Imagem – Paint (Windows)
www.gileduardo.com.br/IFPR/II/downloads/ii_pratica05.pdf
8
www.gileduardo.com.br/IFPR/II/downloads/ii_pratica05.pdf
muito popular no , também possuindo versões para o sistema Windows. É possível comparado com softwares da tratando de suas funções e requisitos.
é o software mais indicado para quem trabalha com Photoshop, no cada um possui suas