DG - Computação Gráfica - Vetor (2023)

Computação Gráfica -
Vetor
Camila Silva
Curso Técnico em
Design Gráfico
Computação Gráfica -
Vetor
Camila Silva
Curso Técnico em
Design Gráfico
Escola Técnica Estadual Professor Antônio Carlos Gomes da Costa
Educação a Distância
Recife
2.ed. | Agosto 2023

Professor Autor Catalogação e Normalização
Camila SIlva Hugo Cavalcanti (Crb-4 2129)
Revisão Diagramação
Camila Silva Jailson Miranda
Coordenação de Curso Coordenação Executiva

Lia Madureira Ferreira George Bento Catunda
Renata Marques de Otero
Coordenação Design Educacional Manoel Vanderley dos Santos Neto
Deisiane Gomes Bazante
Coordenação Geral
Design Educacional Maria de Araújo Medeiros Souza
Ana Cristina do Amaral e Silva Jaeger Maria de Lourdes Cordeiro Marques
Helisangela Maria Andrade Ferreira
Izabela Pereira Cavalcanti Secretaria Executiva de
Jailson Miranda Educação Integral e Profissional
Roberto de Freitas Morais Sobrinho
Escola Técnica Estadual
Descrição de imagens Professor Antônio Carlos Gomes da Costa
Sunnye Rose Carlos Gomes
Gerência de Educação a distância
Sumário
Introdução ................................................................................................................................... 5
1.Competência 01 | Conhecer as principais ferramentas e funções do programa, a fim de executar

projetos de diagramação .............................................................................................................. 7
1.1 Conceito e uso de imagens vetoriais ..........................................................................................................7

1.2. Download e instalação do Inkscape ...........................................................................................................9
1.3 As diversas possibilidades de telas para criação ...................................................................................... 11
1.4 Conhecendo a interface do Inkscape ....................................................................................................... 14
1.5 Principais ferramentas do Inkscape ......................................................................................................... 17
1.6 Diagramação em projetos vetoriais ......................................................................................................... 19
2.Competência 02 | Reconhecer as possibilidades de composição gráfica a partir da lógica vetorial
.................................................................................................................................................. 32
2.1. Ferramentas mais usuais no Inkscape .................................................................................................... 32

3.Competência 03 | Finalizar e fechar arquivos vetoriais para a impressão offset ou o seu uso em
formato digital ........................................................................................................................... 54
3.1. Sistemas de cores para uso digital e para impressão ............................................................................. 54

3.2. Materiais diversos para impressão ......................................................................................................... 56
3.3. Processos de impressão .......................................................................................................................... 62
3.4. Acabamentos gráficos para projetos especiais ....................................................................................... 65
Conclusão................................................................................................................................... 72
Referências ................................................................................................................................ 73
Minicurrículo do Professor ......................................................................................................... 74

Introdução
Olá, estudante!
Seja bem-vinda (o), à disciplina Computação Gráfica - Vetor, do curso técnico de Design
Gráfico.
Te convido para uma imersão de teoria e prática em conteúdo do universo da computação
gráfica, direcionada para imagens vetoriais e suas aplicações no cotidiano.
Por isso, durante o e-book, iremos dialogar sobre o conceito de imagens vetoriais, fazer
download e uso do software de edição de imagens vetoriais Inkscape.
Ele é muito interessante, tem diversas possibilidades de uso, é livre, fácil de instalar e é
compatível com todos os sistemas operacionais: Windows, Mac e Linux.
Pode ficar tranquila (o), vamos desde o início da disciplina fazendo o passo a passo de
todo processo de conhecimento e uso do software.
Nesta disciplina, você vai aprender como criar imagens vetoriais, produzir artes gráficas
para formatos digitais ou para impressão e como finalizar esses arquivos.
O que falar sobre o mercado da Computação Gráfica? Posso te dizer que a (o) profissional
da área tem diversas possibilidades de atuação. E para isso, o conhecimento de ferramentas de
softwares de edição de gráfica vetorial é bem importante e um grande diferencial. Ao designer são
atribuídas as funções de: criação de marcas, embalagens, interfaces para sites, criação para jogos
digitais, posts digitais para redes sociais, projetos impressos, entre outras atividades. Podendo você,
ser uma/um profissional múltipla (o) em sua área de atuação.
A cada semana, você vai construir conhecimentos que possibilite compreender e
desenvolver projetos gráficos vetoriais. Na primeira competência, você vai conhecer as principais
ferramentas e funções do programa, a fim de executar projetos de diagramação. A segunda, será
reconhecer as possibilidades de composição gráfica a partir da lógica vetorial e na terceira, você vai
aprender a finalizar e fechar arquivos vetoriais para a impressão offset ou o seu uso em formato
digital.
Ao final de cada competência, você será convidada (o) a participar de fóruns de
discussões, criação e exposição de atividades propostas e terá encontros presenciais que serão
fundamentais para ampliar e aplicar seus conhecimentos adquiridos. Em todas as competências,
5
serão indicadas leituras, vídeos, sites, conteúdos que irão te ajudar na construção de olhar e
desenvolvimento de repertório.
Bons estudos! Estamos juntas (os) em mais uma caminhada!
6
1.Competência 01 | Conhecer as principais ferramentas e funções do
programa, a fim de executar projetos de diagramação
Nesta competência, você vai compreender o conceito de imagens vetoriais, fazer o
download e instalação do Inkscape, conhecer sua interface e ferramentas, e entender sobre
diagramação em projetos gráficos.
Antes de iniciar o conteúdo, te convido a conhecer um pouco sobre a história e uso de
programas gráficos para criação de peças gráficas.
O uso de peças gráficas, figuras e tipografias, para comunicação não é algo recente em
nossa sociedade e teve sua expansão no período da Revolução Industrial com o aumento considerável
de empresas que buscavam a publicidade para divulgar seus produtos e serviços. Mas foi só na década
de 1980, com a popularização dos computadores, que a computação gráfica expandiu o uso de
softwares, dando mais possibilidades de experimentações as (aos) designers. A computação gráfica
traz um impulso, novos caminhos e linguagens no campo do fazer artístico.
Segundo a ISO – (International Organization for Standardzation), a definição de
computação gráfica é: “um conjunto de ferramentas e técnicas para converter dados para ou de um
dispositivo gráfico através de um computador”.
Essa competência está cheia de novidades e tenho certeza que você está
querendo muito fazer esse mergulho, mas antes, vem aqui no podcast. Escuta
rapidinho e fica por dentro do que iremos abordar.
1.1 Conceito e uso de imagens vetoriais
As imagens do tipo vetoriais são formadas por pontos, traços, linhas e combinações
matemáticas. O que faz essa imagem ter uma qualidade superior, não perdendo sua definição quando
aumentada de tamanho, o desenho não fica pixelado (quadriculado), nem turvo. São muito utilizadas
para criação de ilustração, projetos impressos e animações.
Com imagens vetoriais também são possíveis de construir formas e curvas sem gerar
nenhuma perda de qualidade.
7
A seguir, é possível conferir duas imagens vetoriais, a primeira, com proposta de criação
de personagens e elementos, e na segunda, suas aplicações em peças gráficas.
Figura 01: Elementos e personagens vetoriais criados pela diretora de arteDyandra Specht, para o aniversário de
Salvador.
Fonte: https://www.behance.net/gallery/117369875/ANIVERSARIO-SALVADOR
Descrição da figura: Ilustrações vetoriais criadas para compor projeto gráfico do aniversário de Salvador. Ilustrações
coloridas, com curvas, representando personagens e pontos turísticos da cidade de Salvador como: Farol da Barra,
Elevador Lacerda e o Rio Vermelho. Fim da descrição.
Figura 02: Aplicação de elementos e personagens vetoriais em projeto gráfico criado pela diretora de arte Dyandra
Specht, para o aniversário de Salvador.
Fonte: https://www.behance.net/gallery/117369875/ANIVERSARIO-SALVADOR
Descrição da figura: Projeto gráfico criado a partir de ilustrações vetoriais para o aniversário de Salvador. Ilustrações
coloridas, com curvas, representando personagens e pontos turísticos da cidade de Salvador como: Farol da Barra,
Elevador Lacerda e o Rio Vermelho. Fim da descrição.
Na figura 1, são apresentados elementos e personagens criados para composição das

artes. Todas as ilustrações seguem o mesmo estilo visual, a proposta de representar pontos turísticos
de Salvador e as paletas de cores dialogam com os elementos, textos e ilustrações.
8
Na figura 2, é possível conferir as artes criadas a partir da junção das ilustrações e textos.
Muito interessante perceber que as unidades inseridas no conjunto, seguem o mesmo estilo e
identidade da proposta.
Você viu como são diversas as possibilidades de criação de imagens vetoriais, confere
agora alguns formatos de arquivos para projetos vetoriais.
Existem alguns formatos de saída para arquivos vetoriais, conheça as possibilidades, para
que você possa salvar corretamente.
• VG ou Scalable Vector Graphics – Arquivo nativo do Inkscape, do tipo editável, que
pode ser aberto e feito modificações.
• EPS – Formato que mantém qualidade do vetor, podendo abrir em programas de
edição gráfica vetorial, editar, aumentar o tamanho dos vetores sem perder
qualidade e exportar em outro arquivo de saída desejável como: .PDF, .JPG, .PNG e
.TIFF.
• AI – Formato vetorial nativo e editável do programa Illustrator da Adobe.
• PDF – Arquivo largamente utilizado e compatível. Muito utilizado para impressão em
gráficas.
• CDR – Formato vetorial nativo e editável do programa Corel Draw.
Dica: Arquivos do tipo .EPS são muito utilizados e disponíveis para download
em site de banco de imagens vetoriais, nele, é possível abrir e editar seus
elementos de forma individual. Porém, para que possamos importar para o
Inkscape, é necessário baixar outro programa, o Ghostscript. Quer saber como
fazer o passo a passo e conseguir utilizar o .EPS em seu Inkscape? Acessa esse
link a seguir, que tem um tutorial massa te esperando!
Link: https://www.youtube.com/watch?v=MTLTvKbf4KU&t=279s
1.2. Download e instalação do Inkscape
Depois do diálogo sobre imagens vetoriais, te convido a fazer o download e instalação do

Inkscape, software de edição de imagens vetoriais que iremos utilizar durante a disciplina.
9
Mas antes de mergulhar nos conhecimentos do Inkscape, quero destacar que todos os
softwares livres – os pagos também - passam por atualizações e disponibilizam novas versões com
uma certa frequência com a proposta de aprimoramento e melhorias de uso de ferramentas e
funções. No caso do Inkscape, poucas coisas modificaram na versão atual 1.2.2. Na videoaula dessa
competência, o software utilizado estava com a versão anterior, mas em nada atrapalha a
aprendizagem. Confere no link a seguir alguns pontos importantes de modificações no software:
Link: https://www.edivaldobrito.com.br/inkscape-1-2-2-lancado-com-importantes-
correcoes-e-muito-mais/
Retornando ao processo de download do Inkscape, confira o passo a passo a seguir:
Acesse o site do Inkscape no link: https://inkscape.org/pt-br/.
A figura a seguir, representa a tela inicial do site do Inkscape.
Neste site, você consegue fazer o download do software gratuitamente.
Figura 03: Site do Inkscape para fazer o download gratuito do software.

Fonte: https://inkscape.org/pt-br/
Descrição da figura: Tela de um site, contendo a marca do Inkscape e tem escrito: Inkscape e abaixo desenhe
livremente. Botão para baixar o programa. Fim da descrição.
A videoaula da primeira competência vem mostrando o passo a passo do

download, instalação do Inkscape 1.2.2 e as possibilidades de sua interface.
10
1.3 As diversas possibilidades de telas para criação
Agora que você já fez o download e a instalação do Inkscape, vem comigo para conhecer
as possibilidades de criação de documentos e ter os primeiros contatos com a interface do programa.
A imagem mostra o ícone do programa Inkscape, que aparece como miniatura em seu
computador, após a instalação. Clique duas vezes no ícone, ele abrirá o programa.
Figura 04: Ícone na tela inicial do computador em que abre o programa Inkscape 1.2.2.
Fonte: Inkscape, 1.2.2.
Descrição da figura: tela em tom de cinza escuro, com ícone do Inkscape. Final da descrição.
Agora você vai conhecer a tela inicial do Inkscape 1.2.2, ele possui diversos formatos de
telas, projetos pré-definidos para dispositivos e tamanhos específicos. Observe na sequência os
formatos com possibilidades diversas: impressão, tela, vídeo, mídia social e outro. Cada um com
configurações que se adéquam ao tipo de plataforma do seu projeto.
A figura a seguir, mostra o destaque de páginas com formatos e tamanhos para
impressão. São diversas as possibilidades, cada uma para um objetivo. São exemplos de tamanhos:
A4, A0, A1, A2, A3, cartão de visita e outros.
11
Figura 05: Tela inicial do Inkscape 1.2.2.
Descrição da figura: Tela com fundo em tom de cinza escuro, onde possui diversos formatos e tamanhos de páginas
para criação. Destaque com um quadrado vermelho mostrando a opção de documento para impressão. Fim da
descrição.
A figura a seguir, mostra o destaque de páginas com formatos e tamanhos para telas de
dispositivos eletrônicos. São exemplos: tela HD (1920x1080), 2K, 4K, HD 720P, Celulares e outros.

para criação. Destaque com um quadrado vermelho mostrando a opção tela. Fim da descrição.
A figura a seguir, mostra o destaque de páginas com formatos e tamanhos para telas de
criação de vídeo. São exemplos: 2K, 4K, 8K, HD 1080P, HD 720P e outros.
12
para criação. Destaque com um quadrado vermelho mostrando a opção para tela de vídeo. Fim da descrição.
A figura, a seguir, mostra o destaque de páginas com formatos e tamanhos para telas de
projeto para redes sociais. São exemplos: criações do Facebook, Instagram, LinkedIn, Twitter e outros.
Figura 08: Tela inicial do 1.2.2.

para criação. Destaque com um quadrado vermelho mostrando a opção para tela de mídia social. Fim da descrição.
A figura, a seguir, mostra o destaque de páginas com formatos e tamanhos para telas de
Outro. São exemplos: criações de ícones e cartão de identidade.
13
para criações outras, que contemplam ícones e cartão de identidade. Destaque com um quadrado vermelho mostrando
a opção outro. Fim da descrição.
Você viu neste tópico as possibilidades de criação de telas de trabalho no Inkscape,

opções pré-definidas para o seu projeto, quer seja digital ou impresso.
1.4 Conhecendo a interface do Inkscape
Você criou uma tela no formato desejado, seja bem-vinda (o) ao Inkscape. Aqui você tem
diversas possibilidades para criação. São muitas funções e ferramentas disponíveis em ícone, janela,
barra. Mas não precisa ficar preocupada (o), vou te mostrar agora a proposta de cada uma. Vem
comigo!
Assim como no Gimp, no Inkscape é possível modificar a aparência da sua

interface. Confere nesse vídeo curtinho como fazer essa modificação.
https://activdesign.eu/blog/mudar-a-aparencia-da-interface-do-inkscape
O mais interessante de utilizar o Inkscape é que ele é um programa com ferramentas e

disposições semelhantes ao Illustrator, software pago do pacote Adobe. Então, se você for ter contato
de trabalho com os dois programas, não vai sentir tanta diferença. Outro ponto interessante é que
você tem a possibilidade de abrir projetos criados no AI (Adobe Illustrator) no Inkscape.
14
A figura a seguir, representa a interface do Inkscape. A interface é a forma como a (o)
usuária (o) interage com o software.
Figura 10: Interface do Inkscape 1.2.2.

Descrição da figura: Tela com fundo branco e suas bordas em cor cinza escuro, onde possuem na parte superior, janelas
com funções, na inferior, escalas de cores e ajustes de intensidade, na lateral esquerda, barra de ferramentas e na
lateral direita da tela, opções utilitárias de edição. Fim da descrição.
Na figura a seguir, você vai ver em destaque a barra de menus, localizada na parte
superior da tela, que contém opções do programa para manipulação de objetos e diversos recursos
para sua criação.
15
Descrição da figura: Tela com fundo branco e suas bordas em cor cinza escuro, com destaque na barra de menus,
localizada na parte superior da tela, com funções diversas. Fim da descrição.
A figura, a seguir, vem com destaque na barra de ferramentas, localizada na lateral

esquerda da tela. É nela que você vai encontrar recursos como: seletor, editor de nós, formas, caneta,
gradiente e muitas outras. Cada ferramenta tem sua função e permite que você consiga criar seus
projetos vetoriais. Logo mais você vai conhecer cada uma.

Descrição da figura: Tela com fundo branco e suas bordas em cor cinza escuro, com destaque na barra de ferramentas,
localizada na lateral esquerda da tela, com funções diversas. Fim da descrição.
A figura a seguir, vem com destaque na barra de paleta de cores (localizada na parte
inferior da tela) e a possibilidade de mudança de sua aparência e disposição de cores (barra lateral
direita da tela).
16
Descrição da figura: Tela com fundo branco e suas bordas em cor cinza escuro, com destaque na barra de paleta de
cores, localizada na parte inferior da tela, com funções diversas. Fim da descrição.
Você já fez a instalação do Inkscape e teve contato com a sua interface. Te convido para
dar mais um passo na construção de conhecimento desse software, que tem muitas possibilidades
de uso. Vem comigo para conhecer as principais ferramentas e usabilidade do Inkscape!
1.5 Principais ferramentas do Inkscape
Depois de ter tido contato com a interface do Inkscape, você vai dar mais um passo nessa
construção, conhecendo as principais ferramentas do programa. Elas são diversas e muito
importantes para criação de suas artes. Confere, a seguir, as ferramentas, suas funções e teclas de
atalho. Vamos nessa!
17
Figura 14: Conjunto de ferramentas do Inkscape.
Fonte: Criação autoral. Ícones retirados do programa Inkscape, 1.2.2.
Descrição da figura: Tabela que apresenta um conjunto de ferramentas do programa Inkscape, seus atalhos e suas
funções. Fim da descrição.
A imagem anterior, traz o conjunto de ferramentas de forma simplificada, com seus

ícones, teclas de atalho e funções. Na prática de uso cotidiano de ferramentas, você percebe o quanto
são fáceis de manusear e versáteis, pois muitas delas possui mais de uma aplicabilidade.
A imagem a seguir, mostra o destaque das ferramentas que ficam invisíveis na barra de
ferramentas, que para acessá-las é necessário clicar na seta localizada na parte inferior da barra.
18
Descrição da figura: Caixa de ferramentas complementares. Nela estão contidas as ferramentas: Borracha, Conector,
Ferramenta efeitos de caminho, Zoom e Paquímetro. Fim da descrição.
São muitas ferramentas, com diversas funcionalidades, para que você possa fixar e ir
praticando. Acessa esse link a seguir do Inkscape e confere os tutoriais.
Confere essa página do Inkscape, nela você encontra todos os atalhos

separados por categorias de ferramentas e funções.
Link: https://inkscape.org/pt-br/doc/keys.html
1.6 Diagramação em projetos vetoriais
Em um projeto de design gráfico, a diagramação é um aspecto importantíssimo. Ela é

responsável pela organização dos elementos, equilíbrio das informações de qualquer que seja o
conteúdo ou plataforma. Um dos principais elementos da diagramação é a hierarquia das
informações.
19
Existem alguns pontos importantes que precisam ser destacados em uma arte, que
contribuem para diagramação, são eles: texto, figura (imagem) e cor. Esses três elementos juntos,
geram a composição visual. Vem comigo para saber mais sobre cada um desses elementos!
O texto – A escolha da tipografia é importante para gerar harmonia na arte, o desenho

da fonte traz para a (o) leitora (o) uma influência na percepção do texto e conexão com toda a arte.
Existem diversos estilos e desenhos de tipografias, cada uma trazendo a sua proposta
comunicacional. Indica-se que fontes com serifa sejam mais utilizados em projetos impressos e as
sem serifa em artes para plataformas digitais, mas tudo vai depender também da proposta do
projeto.
A seguir, confere a dica de um site para download de fontes, o Dafont.com. Nele você
encontra diversos tipos, estilos e ainda é possível fazer buscas mais direcionadas de fontes que você
deseja para sua arte. Acessa, baixa e experimenta!
Figura 16: Tela do site Dafont.com, site de download de fontes.

Fonte: https://www.dafont.com/pt/
Descrição da figura: Tela do site Dafont, em sua tela inicial existem diversas opções para filtrar que estilo de fonte você
deseja, é possível buscar por iniciais das letras da fonte e também simular uma palavra ou frase aplicando a fonte que
você deseje experimentar. Fim da descrição.
20
Queres conhecer mais sobre a criação de fontes? Então acessa aqui o link do
site FontForge, que é um software livre e de código aberto para criação e
manipulação de fontes. Ele também consegue importar criações do Inkscape,
não é massa?! E tem mais, no próprio site do FontForge você pode encontrar
tutoriais com dicas, também é possível encontrar tutoriais com passo a passo
no youtube para criação de fontes. Confere nos links a seguir:
Link do FontForge:
https://fontforge.org/en-US/
Link de tutorial no youtube:
https://www.youtube.com/watch?v=f68Vr6XGzo4&t=563s
A figura – Elemento muito presente na composição de projetos gráficos, a ilustração ou

fotografia, pode ser um elemento de complementação ao texto ou pode ser a principal ferramenta
comunicacional dentro da arte. Existem diversos projetos visuais que priorizam a imagem nessa
hierarquia da informação, como por exemplo, catálogos de produtos, plataformas de vendas on-line.
A figura, que pode ter sua representação através de ilustrações ou fotografias, tem um apelo visual e
pode ser um ponto atrativo para chamar a atenção de um público-alvo.
Confira, a seguir, dois exemplos de projetos gráficos que fazem aplicações de ilustrações
vetoriais e fotografias.
Figura 17: Projeto gráfico criado pela diretora de arte Darlís Santos para a agência Preta Comunicação, utilizando da
fotografia como elemento destaque na arte.
Fonte: https://www.behance.net/gallery/128945239/Preta-Comunicacao-Direcao-de-
arte?tracking_source=project_owner_other_projects
Descrição da figura: Arte criada para a agência Preta Comunicação. A arte está dividida em duas partes, lado esquerdo
apenas com fundo sólido de cor bege e do lado direto, uma fotografia de uma mulher negra, onde a personagem olhar
de cima para a câmera que está em um ângulo abaixo dela. A arte acompanha um texto que diz: “PRETA, eu sou porque
21
nós somos”. Fim da descrição.
Figura 18: Projeto gráfico autoral criado pela diretora de arte Darlís Santos. Nele, a diretora adaptou alguns de seus card
de instagram em formato de cartas de baralho.
Fonte: https://www.behance.net/gallery/113850817/BARALHO-MINHA-MARCA-MEMORAVEL
Descrição da figura: Artes vetoriais criadas a partir de posts de instagram, nos quais a diretora de arte Darlís Santos
adaptou, criando em formato de cartas de baralho. Fim da descrição.
Na figura 18, a diretora de arte utilizou de fotografia e tipografia para gerar comunicação
em sua arte. A fotografia tem um grande destaque e o texto em destaque com a palavra “PRETA”
chamam atenção para continuidade da leitura do texto que complementa a mensagem da proposta
comunicacional.
Na figura 19, a arte foi criada pela mesma diretora de arte da imagem anterior e traz como
elementos visuais ilustrações e textos. Ela fez adaptações de alguns posts de Instagram,
transformando essas artes em cartas de baralho. Uma ação interessante que envolve o digital e o
impresso.
Cores – As cores são elementos muito importantes para construção de um layout. É com
elas que você consegue despertar sensações diversas na (o) sua leitora/seu leitor – público-alvo.
Existem diversos estudos sobre a percepção das cores e sentidos gerados. Elas podem trazer
suavidade, equilíbrio, conforto, profundidade e modificar a forma como nos relacionamos com
objetos, mas também se não forem bem escolhidas para a proposta visual da arte, pode trazer uma
repulsa e não entregar o conteúdo - mensagem desejada.
Observe na imagem a seguir, como a Avon fez uso das paletas de cores em sua peça
gráfica.
22
Figura 19: Peça criada pelo designer Rafael Tenório, para o grupo Avon.
Fonte: https://www.behance.net/gallery/90471097/Social-Media-Avon
Descrição da figura: Peça gráfica criada para social media do grupo Avon. A arte tem de plano de fundo duas tintas
caindo, sensação de fluidez, uma de cor vermelha e a outra rosa. Ainda na composição, um fundo em cor rosa escuro,
dois celulares com o nome AVON escrito na tela de cada um, ao lado direito, a frase "Corre pro minha Avon pra passar
seu pedido!". Fim da descrição.
Na figura anterior, é possível observar como a Avon fez uso das cores de sua identidade
visual e texturas de elementos que remetem a produtos de sua marca, elas são convidativas e trazem
sensações de algo real, palpável. O estudo de cor é essencial para criação.
Ficou curiosa (o) para saber mais sobre as sensações que as cores podem
despertar nas pessoas? Então acessa esse link do site Chief of Design, ele traz
um artigo muito interessante sobre a psicologia das cores e uma abordagem
bem direcionada ao mercado do design gráfico e produtos.
Confere aqui: https://www.chiefofdesign.com.br/psicologia-das-cores/
Ainda sobre a composição visual, existem diversos fundamentos, destaco aqui os

principais deles para o processo de diagramação, são eles: proximidade ou agrupamento, repetição,
contraste e alinhamento. A proposta da composição visual é de não só chamar atenção para arte,
mas de manter quem a lê interessada (o).
23
• Proximidade ou agrupamento
A proposta da proximidade é a de deixar seu layout coeso, aproximando ou agrupando as
informações e elementos que dialogam entre si, oferecendo a (ao) leitora (o) um visual agradável e
confortável, indicando aos olhos por onde circular na página.
Repetição
A repetição tem a proposta de criar uma unidade entre textos, elementos, texturas e
cores de uma arte. Seu uso faz com que o conteúdo criado fique organizado no layout.
Contraste
O contraste aplicado à composição, traz para a arte uma diferenciação dos elementos,
um destaque. Ele pode ser aplicado, por exemplo, com uma fonte diferente de outra, um bold, itálico,
linhas, tamanho de fonte, cores, tamanhos de figuras grandes e pequenas e muitos outros elementos
que podem gerar essa diferença no layout. O contraste é um elemento visual atrativo para sua arte.
Pega essa dica de ouro: para que seu contraste seja eficiente, ele precisa ser forte, não seja tímida
(o).
Alinhamento
O alinhamento tem a proposta de criar uma coesão entre os espaços e elementos de um
layout. Cada item deve ter uma conexão visual com algo da página, gerando assim, um visual limpo,
suave e belo para a arte. Não coloque elementos aleatórios no layout, observe que espaços em
branco são importantes para gerar equilíbrio e respiro na leitura.
Agora que você já conheceu os elementos para construção do layout e a composição
visual. Bora falar um pouco do sistema de diagramação mais especificamente?!
Alguma vez você já teve acesso a um material gráfico e ficou perdida (o) ou demorou um
tempo para encontrar as informações que desejava na arte? Tenho certeza que sim, infelizmente isso
acontece demais. Mas para evitar de você cair nessa armadilha e acabar fazendo isso também, se liga
nas informações a seguir!
Pois bem, essa desorganização das informações e elementos acontecem por falta de uma
boa diagramação, algumas pessoas criam sem pensar nas prioridades que a arte está buscando
24
comunicar. Isso tudo pode ser resolvido com planejamento e escolha correta da diagramação para o
layout.
Existem diferentes tipos de diagramação. Cada uma tem sua proposta, uma com a ideia
de priorizar o conteúdo textual, outra que busca dar prioridade e visibilidade para a imagem e outras
que se preocupam em trazer o equilíbrio visual para o layout, dando prioridade a ambos elementos
(texto e imagem).
E quando falamos de diagramação, temos um grande elemento que proporciona
benefícios para organização de sua arte, estou falando do Grid. Mas o que vem a ser o Grid dentro
de todos esses elementos já falados?
O Grid é uma malha construída por retângulos, que tem como objetivo organizar, ordenar
as informações e trazer coesão para o layout. Ele é construído após a definição da proposta da arte.
O tipo de conteúdo que você deseja abordar na sua composição que vai determinar qual o grid ideal
para seu layout.
Um grid para ser funcional em um projeto, não pode ser engessado, ele precisa ser flexível
e adaptável a qualquer situação que seu projeto demande. A proposta é dar vida, fluidez a arte e ser
um excelente aliado do designer, uma vez que o grid tem o objetivo de organizar e simplificar as
informações e elementos. Na imagem, a seguir, conheça agora a anatomia do grid.
25
Figura 20: Representação de estrutura do Grid.
Fonte: Figura criada. Banco de imagem pessoal.
Descrição da figura: A figura representa a estrutura de um grid. Foram inseridos destaques com cores diferentes para
definir cada área do grid. Ao fundo, um retângulo em cor azul que representa a margem, o retângulo do lado esquerdo
da página em cor cinza, representa a coluna, o quadrado em cor rosa, representa o módulo, o quadrado em cor marrom
representa a zona espacial, o destaque em cor vermelha, indica a guia horizontal. Fim da descrição.
Sobre a figura da estrutura do grid, entenda suas áreas nas definições a seguir:
• Colunas: Áreas verticais que podem conter textos e imagens. Sua quantidade e
largura vão depender do conteúdo do layout.
• Módulos: Divisões individuais que criam um grid repetitivo e ordenado. As junções
de módulos podem criar colunas.
• Margens: Áreas externas que protegem o conteúdo do layout.
É na margem que se localizam informações adicionais, como notas, títulos, legendas.
26
• Zonas espaciais: Agrupamentos de módulos ou colunas que podem formar áreas
para textos, imagens ou outras informações.
• Guias horizontais: Linhas horizontais utilizado no espaço com a proposta de criar os
espaços e de guiar a (o) leitora (o) pela página.
Você viu na anatomia do grid, o que cada espaço representa. Conheça agora algumas
possibilidades de construção e aplicação em projetos gráficos.
Os grids mais utilizados em projetos gráficos de diagramação são: simétricos,
assimétricos, modular e de colunas. Bora conhecer um pouco de cada um?!
Grids simétricos – Simetria é muito comum de ser vista e falada no design. Ela representa
a harmonia, equilíbrio dos elementos do layout e é agradável aos olhos.
Observe nas figuras, a seguir, como os grids simétricos foram utilizados na diagramação
dos layouts.
Figura 21: Criação de arte para capa da Crafty Magazine pela designer Delviana.
Fonte: https://www.behance.net/gallery/106253817/Crafty-Magazine-Design-
Layout?tracking_source=search_projects_recommended%7Clayout%20simetricos
Descrição da figura: A imagem possui duas artes de duas capas da Crafty Magazine. Ambas têm a mesma proposta
visual, com o personagem no centro da arte e as informações textuais ao redor, deixando a composição visual do layout
simétrico e com um conforto visual. Fim da descrição.
27
Figura 22: Criação de arte para páginas da Crafty Magazine pela designer Delviana.
Fonte: https://www.behance.net/gallery/106253817/Crafty-Magazine-Design-
Layout?tracking_source=search_projects_recommended%7Clayout%20simetricos
Descrição da figura: Imagem de duas páginas da Crafty Magazine. A proposta da arte é de muita fluidez e equilíbrio
para as informações e imagens. As páginas estão divididas em partes iguais, com uma disposição que traz conforto
visual. Fim da descrição.
Nas duas figuras anteriores, a criação do layout simétrico para revista Crafty, traz uma
arte leve com elementos textuais dispostos próximos, simétricos e o uso da cor em diálogo (texto e
ilustração).
Grids assimétricos – Assimetria é um elemento utilizado com frequência em projetos
visuais e grids, porém para criar layouts assimétricos é necessário utilizar de nosso repertório visual,
noção de proporção e estratégias visuais para que nossa mensagem não seja "perdida" na arte, por
isso, não é somente chegar e jogar os elementos aleatórios. Grids assimétricos, se bem utilizados,
podem trazer dinamismo para o layout.
Veja, na figura a seguir, como a arte foi criada com a utilização de grid assimétrico e seus
elementos visuais foram bem escolhidos para compor.
28
Figura 23: Criação de pôster por Morarts Studio - Rio de Janeiro.
Fonte: https://www.behance.net/gallery/109808769/Poster-exploration-30-
posters?tracking_source=search_projects_recommended%7Cposters%20poster%20design
Descrição da figura: Imagem duplicada do pôster, na do lado esquerdo, mais aproximado e na segunda, do lado direito,
o pôster em seu tamanho real. A arte traz uma proposta de elementos e textos em disposição assimétrica, com curvas,
porém a (o) leitora (o) consegue se conectar a arte. Fim da descrição.
A figura anterior, faz uso da fotografia, efeitos na tipografia e elementos de ilustração que
geram dinamismo e movimento para arte. A proposta de grid assimétrico na arte teve um excelente
resultado comunicacional e visual.
Grids modulares – O modular organiza o layout a partir de linhas e colunas, criando assim,
módulos. Muito utilizado em jornais, por ter a característica de organizar grandes conteúdos de uma
página, que não necessariamente possui relação entre si.
Na figura a seguir, veja uma proposta de grid modular criado para a diagramação de uma
revista.
29
Figura 24: Projeto de design editorial criado para uma edição fictícia da revista Inventa pela designer gráfico Bruna
Faccin.
Fonte: https://www.behance.net/gallery/83155487/Inventa-
Magazine?tracking_source=search_projects_recommended%7Cdiagrama%C3%A7%C3%A3o%20modular
Descrição da figura: A imagem de uma revista em página dupla. A proposta é de uma diagramação modular, que
permite organizar uma quantidade grande conteúdo visual e deixar legível para a (o) leitora (o). Fim da descrição.
Na figura anterior, o uso de grid modular traz para as páginas uma organização dos
conteúdos textuais, uma vez que a proposta da arte é falar sobre mais de um assunto e trazer uma
leveza na leitura.
Grids de colunas – São utilizados em projetos que possuem um grande volume de
informações textuais e imagéticas para ser diagramados. É um tipo de diagramação muito utilizada
em projetos gráficos de revistas e jornais.
30
Figura 25: Diagramação de grid em colunas para jornal.
Fonte: https://www.behance.net/gallery/100174887/Trabalho-de-
diagramacao?tracking_source=search_projects_recommended%7Cprojeto%20de%20diagrama%C3%A7%C3%A3o%20jo
rnal
Descrição da figura: Projeto de grid de colunas em uma página de jornal, onde possui uma grande quantidade de texto
intercalados por imagens, que exemplificam os temas abordados. É possível observar que a utilização do grid de colunas
traz organização e fluidez aos textos e faz com que quem lê não se perca nos conteúdos, uma vez que a página possui
três temáticas relacionadas a área de saúde. Fim da descrição.
Agora que você viu modelos de grids, acessa esse link que traz um vídeo
tutorial bem interessante mostrando a construção de grids e linhas guias no
Inkscape.
Link: https://www.youtube.com/watch?v=LzcR1JR6MKo
Nesta competência, você conheceu o Inkscape, sua interface, ferramentas e

possibilidades de diagramação. E na competência 2, você vai pôr em prática os conhecimentos
adquiridos. Vamos juntas (os)!
31
2.Competência 02 | Reconhecer as possibilidades de composição gráfica a
partir da lógica vetorial
Você já teve contato com a interface do Inkscape, agora chegou o momento de utilizar as
ferramentas vistas. É sempre bom lembrar que o processo de construção de conhecimentos do
software atrela teoria e prática. Então, bora nessa?!
Durante essa disciplina você vai ver telas com passo a passo de uso de
ferramentas, algumas ferramentas e funções aparecerem em destaque em
janela maior para melhor compreensão. Fica ligada (o)!
Olá, estudante. Você chegou na competência 2 para continuar essa construção

de conhecimentos, sei que você está muito empolgada (o) para saber o que
vem por aí, mas antes, dá o play no podcast para ficar por dentro do que
abordaremos na competência e ficar ligada (o) em algumas dicas importantes!
2.1. Ferramentas mais usuais no Inkscape
Antes de iniciar a prática das ferramentas, vou te mostrar alguns caminhos que tornam
mais fácil a utilização do Inkscape. Confere aqui algumas dicas:
• Navegação pela tela
Existem algumas formas que facilitam a navegação pela tela do programa, a primeira é a
combinação da tecla Ctrl + setas do teclado, outra opção é fazer uso do botão do meio do mouse
(scroll), mantenha-o pressionado e arraste para o lado desejado, outra forma é utilizar a barra de
espaço do teclado + arrastar a tela com o mouse pressionado e para finalizar, também tem o uso das
barras de rolagens inferior e lateral.
• Aumentar e reduzir o zoom
O zoom é uma ferramenta muito utilizada durante a criação no Inkscape, ela permite que
ao aproximar de seu elemento, você consiga ver os detalhes e assim fazer seus acabamentos e ao
reduzir, você retorna ao modo de tela inteira e para isso existem alguns caminhos possíveis.
32
O primeiro é utilizar a tecla “+” para aumentar e “-” para reduzir, outra opção é utilizar a
combinação Ctrl + rolagem do botão do meio do mouse (scroll), também é possível digitar o valor –
porcentagem do zoom que você deseja na (no canto inferior direito da janela) e outro caminho é
utilizar a ferramenta zoom que fica localizada na barra de ferramentas, do lado esquerdo da tela.
Outra dica de ouro para você que está iniciando aqui no Inkscape, salve seu projeto
sempre que possível. Por vezes o Inkscape pode ser instável, por isso é sempre bom garantir que seu
projeto esteja salvo e atualizado.
Agora que você já aprendeu como facilitar sua navegação pelo programa, vamos começar
a utilizar ferramentas interessantes para sua criação.
Durante essa construção prática, estaremos juntas (os) aprendendo ferramentas e
aplicando propostas em projetos visuais para diversos formatos e plataformas.
• Criando formas
Você já aprendeu lá na primeira competência como criar uma tela do projeto com o
formato específico para sua arte. A seguir, te mostro como utilizar ferramentas de formas.
Para criar formas, basta clicar nas ferramentas retângulo, elipse ou polígono. Na figura a
seguir, veja o exemplo das formas (retângulo e elipse) criadas na tela.
Figura 26: Tela do programa Inkscape com duas formas criadas.

Fonte: Inkscape 1.2.2.
Descrição da figura: No centro da página tem duas formas (retângulo e círculo) em cor rosa. Do lado esquerdo da tela,
um destaque em cor vermelha nas ferramentas (retângulo e elipse) e do lado direito inferior da tela, destaque maior
nas ferramentas retângulo e elipse. Fim da descrição.
33
Antes de avançar nas construções de sua arte, bora salvar logo esse projeto?!
Veja a seguir os passos para salvar:
1. Na barra superior, clique na janela “arquivo”, na opção “salvar” ou se preferir, utilize o atalho
“Ctrl + S”.
Figura 27: Tela do programa Inkscape com duas formas criadas e caixa de destaque de salvamento de projeto.
Descrição da figura: No centro da tela, uma elipse e um retângulo em cor rosa, dos lados esquerdo e direito da
tela, destaques em cor vermelha para a opção de salvar projeto. Fim da descrição.
2. Uma caixa se abre, nela é possível escolher em que local você vai salvar seu projeto. Pode deixar
no formato Inkscape SVG, pois esse é o formato nativo do programa. Clique em salvar.
34
Figura 28: Tela com opção de salvar arquivo do Inkscape.
Descrição da figura: Tela do Inkscape com diretório para salvar projeto. Destaque em cor
vermelha, nas opções "Nome" e "Tipo", localizadas na parte inferior da tela. Fim da descrição.
• Modificando as cores das formas

Para modificar as cores das formas é muito simples, basta selecionar a forma e clicar na
cor desejada na barra de preenchimento, que fica localizada na parte inferior da tela.
Veja na figura a seguir:
35
Figura 29: Tela de criação do Inkscape.
Descrição da figura: Tela do Inkscape com uma figura elipse de cor vermelha e um retângulo de cor rosa,
ambos localizados no centro da tela. Abaixo, um destaque em cor vermelha na caixa de preenchimento de cor.
Fim da descrição.
• Editor de nós
A ferramenta “Editor de nós” é bastante utilizada nas criações de projetos no Inkscape,
pois ela permite fazer diversas modificações na forma.
Na barra de ferramentas, localizada na lateral esquerda da tela do programa, clique na
ferramenta "Editor de Nós". Na figura a seguir, veja como aplicar:

ambos localizados no centro da tela. Na parte lateral direita da tela, dois destaques para a ferramenta "Editor
de Nós" e para a elipse com quatro pontos ativados a partir da seleção da ferramenta. Fim da descrição.
Perceba que na forma foram criados quatro pontos, é a partir deles que você vai
manipular a forma.
36
Na figura a seguir, observe que os pontos mudaram suas aparências e quantidades. Isso
acontece quando damos dois cliques em algum dos pontos, agora eles possuem "alças", que podem
ser movimentadas e criadas novas formas.

ambos localizados no centro da tela. Na parte lateral direita da tela, temos o destaque em cor vermelha da
elipse com alças criadas. Fim da descrição.
Para manipular a forma através das alças é muito simples, você pode clicar em uma delas
e movimentar.
37
ambos localizados no centro da tela. Fim da descrição.
A ferramenta de Editor de Nós também possui uma barra com diversas possibilidades de
manipulação dos nós, localizada na parte superior da tela. Confere na imagem a seguir as opções e
uma de suas aplicações.

Descrição da figura: Destaque na barra de variações de manipulação da ferramenta "Editor de Nós". Fim da
descrição.

Descrição da figura: Destaque na opção "converter os objetos selecionados em caminhos" da ferramenta "Editor de
Nós". Fim da descrição.
Você viu que são diversas as possibilidades de criação e manipulação das formas. Nosso
tempo aqui é curto e temos muito mais ferramentas para aprender, por isso, é bem importante que
você se dedique e experimente bastante. Se joga!
• Caneta Beziér
A ferramenta Caneta Beziér tem a função de criar linhas e curvas. Vem comigo para
conhecer um pouco mais de suas aplicações!
A Caneta Beziér fica localizada na barra de ferramentas, do lado esquerdo da tela de
trabalho do Inkscape. Para utilizar na função linha reta, basta ativar a ferramenta, criar um ponto
inicial, arrastar com o mouse até onde você desejar que seja seu traço e fazer um ponto final.
Confira na figura a seguir:
38
Descrição da figura: Destaque na ferramenta "Caneta Beziér" na barra de ferramentas e outro destaque no centro da
tela, com uma linha reta, que foi criada com a caneta beziér. Fim da descrição.
A linha reta é só uma das possibilidades de criação com a Caneta Beziér, confere na figura
a seguir uma forma criada apenas com linhas retas utilizando a caneta.

Descrição da figura: Duas formas triangulares criadas com o uso da Caneta Beziér, sendo uma apenas com traço e a
outra com traço e preenchimento de cor verde. Fim da descrição.
39
Agora que você já sabe como criar formas retas com a caneta, se liga como fazer para
deixar seu traço com contorno e entender suas configurações.

Descrição da figura: Destaque na opção "Preenchimento e Contorno". Fim da descrição.

Descrição da figura: Destaque para aba “Estilo de contorno” do lado direito da tela e ao centro da tela uma forma
triangular em cor verde com aplicação de contorno. Fim da descrição.
40
A barra de “Estilo de contorno” possui diversas configurações para ser aplicadas ao seu
contorno. É possível modificar sua largura (espessura), estilo do traço, adicionar marcadores e
ordenar como o contorno ficará na forma. A seguir, duas figuras com destaque na opção “Largura” e
“Traços”:
Figura 38: Tela de criação do Inkscape. Figura 39: Tela de criação do Inkscape.
Fonte: Inkscape 1.2.2. Fonte: Inkscape 1.2.2.
Descrição da figura: Imagem da barra Descrição da figura: Imagem da barra
“Preenchimento e destaque nas opções “Preenchimento e Contorno” e destaque na opção
"Preenchimento e Contorno" e “Largura”. Fim da "Traços”. Fim da descrição.
descrição.
Agora que você já sabe como criar formas retas com a Caneta Beziér, aplicar e configurar
contorno da forma, agora te mostro como criar linhas e formas curvas com a mesma ferramenta.
Confere na figura a seguir:
Com a ferramenta Caneta Beziér selecionada, crie um ponto inicial na área desejada da
tela de trabalho e para manter a linha regular, segure a tecla “Ctrl”.
41
Descrição da figura: Tela de trabalho do Inkscape com destaques na ferramenta “Caneta Beziér” no lado
esquerdo da tela, na barra de ferramentas, no centro da tela, um destaque no ponto criado com a caneta e do
lado direito da tela, um destaque da mesma figura do centro ampliada. Fim da descrição.
Para continuar a criar a linha de modo circular, basta seguir o traço, marcar outro ponto
na tela e arrastar com o mouse para cima ou para baixo, que sua curva será criada. Observe na figura
a seguir:

42
Descrição da figura: Tela de trabalho do Inkscape com destaque no centro para uma linha curva sendo criada com a
ferramenta Caneta Beziér e do lado direito da tela, um destaque da mesma figura do centro ampliada. Fim da
descrição.
O processo de criação da curva é bem intuitivo, pois são utilizados basicamente a adição
de ponto e o uso do mouse para modelar a curva. Observe na imagem a seguir:

Descrição da figura: Tela de trabalho do Inkscape com destaque no centro para uma linha curva sendo criada
com a ferramenta Caneta Beziér e do lado direito da tela, um destaque da mesma figura do centro ampliada.
Fim da descrição.
Agora que você tem as duas curvas moldadas, para finalizar a criação do traço, basta dar
dois cliques no final do último ponto (final da segunda curva). Veja na figura a seguir como ela fica:
43
Descrição da figura: Tela de trabalho do Inkscape com destaque no centro para uma linha curva sendo criada
com a ferramenta Caneta Beziér e do lado direito da tela, um destaque da mesma figura do centro ampliada.
Fim da descrição.
Com a sua curva criada, você pode adicionar contorno ou adicionar preenchimento de cor
e tornar uma forma. São diversas as possibilidades.
A seguir, mostro dois experimentos, um apenas com contorno da curva e outro com
preenchimento de cor criando uma forma e contorno pontilhado:
44
Descrição da figura: Tela de trabalho do Inkscape com curva em cor vermelha ao centro e do lado direito da
tela e do lado direito da tela, uma caixa com as funções de “Preenchimento e Contorno”. Fim da descrição.

Descrição da figura: Tela de trabalho do Inkscape com destaque no centro para uma forma curva com
preenchimento de cor amarela e contorno pontilhado e do lado direito da tela, a caixa de configurações de
“Preenchimento e Contorno”. Fim da descrição.
Com essa ferramenta da Caneta Beziér você pode fazer criações ilimitadas. Pode
experimentar bastante!
• Caneta Caligráfica
A caneta caligráfica é uma ferramenta muito interessante, com ela você pode desenhar
curvas caligráficas e criar traços com estilo pincel. Dá uma olhada na figura a seguir:
45
Descrição da figura: Tela de trabalho do Inkscape com traço vermelho no centro, destaque na barra superior
esquerda na caixa de configurações da caneta/tipo de traço e destaque do lado esquerdo da tela na barra de
ferramentas na ferramenta “Caneta Caligráfica”. Fim da descrição.
Veja, a seguir, um destaque na barra de opções de traços da caneta caligráfica.

Descrição da figura: Tela de trabalho do Inkscape com destaque, do lado esquerdo superior da tela, na caixa
que mostra o tipo de caneta “Caneta de diploma” e do lado direito, a mesma caixa mostrando as demais
configurações da caneta/tipo de traço. Fim da descrição.
A ferramenta de Caneta Caligráfica tem opções diversas, cada opção que é selecionada
modifica o tipo do traço, o ideal é ir testando cada uma das funcionalidades para saber qual se encaixa
melhor na proposta da tua arte.
• Ferramenta de Texto
46
Chegamos nela, a ferramenta de texto, que é tão essencial para criação de arte. Fica ligada
(o) que existem muitas possibilidades interessantes para que você faça uso.
Observa na imagem a seguir, como faz para ativar a ferramenta de texto:

Descrição da figura: Tela de trabalho do Inkscape com destaque ao lado direito da tela no ícone da ferramenta
de texto selecionada e ao centro da tela, a palavra "Festival" fazendo uso da ferramenta. Fim da descrição.
Com o texto já digitado, agora você pode fazer diversas configurações de mudança de
fonte, tamanho, cor, ângulo. Fica ligada (o) no passo a passo!
• Para mudar a fonte
Você pode modificar a fonte do seu texto para fontes já instaladas no seu computador ou
pode também fazer o download de fontes e instalar outras novas. Com a ferramenta de texto
selecionada e seu texto, vá na janela de fontes, localizada na barra superior, lado esquerdo da tela.
47
Descrição da figura: Tela de trabalho do Inkscape com destaque na caixa "Família da fonte", localizada do lado
superior esquerdo da tela, ao centro da tela, a palavra "Festival" fazendo uso da ferramenta de texto, do lado
direito da tela, um destaque em zoom da barra de opções de fontes e abaixo, destaque na barra das variações
da fonte. Fim da descrição.
Observe que a fonte escolhida só aparece na caixa de estilo de fonte a opção "normal",
mas diversas fontes têm variações como itálica, bold, semi-bold...
• Modificar tamanho de texto

Para modificar o tamanho do texto, você tem três caminhos possíveis:
1. Com o texto selecionado, na parte superior esquerda da tela, clique na caixa chamada
"Tamanho da Fonte", ela se abrirá com algumas opções de tamanhos.
48
Descrição da figura: Tela de trabalho do Inkscape com destaque na caixa "tamanho da fonte", localizada do
lado superior esquerdo da tela, ao centro da tela, a palavra "Festival" fazendo uso da ferramenta de texto, do
lado direito da tela e um destaque em zoom da barra de "tamanho da fonte". Fim da descrição.
2. Com o texto selecionado, clique na caixa "Tamanho da fonte" e digite o tamanho

desejado. Veja o exemplo na figura a seguir:

49
Descrição da figura: Tela de trabalho do Inkscape com destaque na caixa "tamanho da fonte", localizada do
lado superior esquerdo da tela, ao centro da tela, a palavra "Festival" fazendo uso da ferramenta de texto. Fim
da descrição.
3. Com a ferramenta de seleção ativada, clique no texto escrito, segure a tecla "Ctrl" e
movimente pelas alças laterais para aumentar ou reduzir o texto.
O uso da tecla "Ctrl" serve para deixar seu texto uniforme e não distorcer ao
aumentar ou reduzir.

Descrição da figura: Tela de trabalho do Inkscape com destaque na barra de ferramentas na "ferramenta de
seleção", localizada do lado esquerdo da tela, ao centro da tela, a palavra "Festival" fazendo uso da ferramenta
de texto e ao lado direito, destaque em zoom das alças para aumentar ou reduzir o texto. Fim da descrição.
• Modificando cor de texto

Para modificar a cor do texto é o mesmo caminho que fizemos anteriormente com cor de
objeto. Basta selecionar o texto e aplicar a cor na barra de preenchimento de cor, localizada na parte
inferior da tela.
Assim como nas formas, no texto também é possível adicionar contorno e
preenchimento, selecionado o texto e clicando com botão direito na opção "Preenchimento e
Contorno".
50
Descrição da figura: Tela de trabalho do Inkscape com destaque na barra de "preenchimento", localizada na
parte inferior, ao centro da tela, a palavra "Festival" em cor vermelha. Fim da descrição.
• Girar texto
Você pode girar o texto de duas formas, confere o passo a passo a seguir (se liga que esses
passos também podem ser aplicados para girar objetos):
1. Com a ferramenta de seleção ativada, clique no texto duas vezes, você vai perceber
que ele vai modificar os ícones das alças, segure em uma das alças laterais e gire para o sentido
desejado. Veja no exemplo a seguir:

Descrição da figura: Tela de trabalho do Inkscape, ao centro da tela, a palavra "Festival" em cor vermelha, do
lado direito da tela, zoom na alça de girar e ao seu lado o nome "Festival" com giro vertical. Fim da descrição.
51
2. A outra forma de girar o ângulo do texto é indo na barra superior da tela, janela
"Objeto" e selecionando a opção "Girar 90° (sentido horário)" ou "Girar 90° (sentido anti-horário)".
Veja na figura a seguir:

Descrição da figura: Tela de trabalho do Inkscape, ao centro da tela, a palavra "Festival" em cor vermelha, na
barra superior, lado esquerdo da tela, destaque na janela "Objeto" e do lado direito da tela, destaque em zoom
nas opções "Girar 90° (sentido horário)" ou "Girar 90° (sentido anti-horário)". Fim da descrição.
São diversas as ferramentas e caminhos para criar no Inkscape. Com essas ferramentas
destacadas, você tem uma base para criação. O Inkscape tem um mundo de possibilidades, seguem
alguns links de vídeos tutoriais para ampliar teus conhecimentos com o software. Não esquece, o
caminho para construção de conhecimentos é aprender a teoria e praticar bastante!
52
Ferramenta de Gradiente no Inkscape:
https://www.youtube.com/watch?v=lsgYp7oUTNs
Rasterizando no Inkscape:
https://www.youtube.com/watch?v=7_ydFpACEhc
https://www.youtube.com/watch?v=PbEERxG-JB4&t=363s
O Canal Edesign traz tutoriais rápidos e práticos de funções e ferramentas do
Inkscape. Clica e confere:
https://www.youtube.com/channel/UCtde1F7EtFaVpaxm7pfiDzA
A videoaula da segunda competência vem mostrando passo a passo para uma

proposta de arte no Inkscape 1.2.2 com aplicação de grid e ferramentas vistas
durante a disciplina. Vem comigo e fica ligada (o) em possibilidades diversas
para criação. Clica e confere!
Você chegou ao final da competência 2 e aprendeu diversas ferramentas do Inkscape

como: criação de formas, uso de canetas, editor de nós, preenchimento e contorno, paleta de cor e
teve acesso a links de vídeos tutorias mostrando passo a passo de ferramentas e filtros. Te aguardo
para mais novidades na competência 3. Vem comigo!
53
3.Competência 03 | Finalizar e fechar arquivos vetoriais para a impressão
offset ou o seu uso em formato digital
Você já construiu conhecimentos diversos nesta disciplina, conteúdos teóricos e práticos
e já experimentou bastante! Agora, você chegou na competência 3, seja bem-vinda (o), nessa
competência serão abordados assuntos como: sistemas de cores para o uso digital e para impressão,
margens de corte para impressão, tipos de materiais para impressão, acabamentos para projetos
especiais, prova de impressão e fechamento de arquivos para impressão e digital.
Você chegou na competência 3 e está construindo um caminho de

conhecimentos teóricos e práticos, por isso, sei que você está animada (o) para
saber o que te espera nessa competência, mas antes, confere esse podcast com
novidades quentinha e fica por dentro do que abordaremos nesse encontro. Ah,
se liga também nas dicas que separei para você!
Você já se perguntou como funcionam os processos para impressão de um projeto criado

digitalmente? Quais são as possibilidades gráficas de finalização para enriquecer sua arte impressa?
Vem comigo para mais um momento de trocas e conhecer detalhes fundamentais para criação de
projetos digitais e impressos!
3.1. Sistemas de cores para uso digital e para impressão
Na competência 1, você já conheceu sobre cor, nesta competência serão abordadas: a

relação das cores com os projetos gráficos utilizados em ambientes digitais e específicos para
impressão.
Quando falo do digital e impresso, pode-se destacar os dois sistemas mais utilizados no
mercado RGB (digital) e CMKY (impresso), existem outros disponíveis no mercado, mas na disciplina
abordaremos apenas esses dois. Saiba mais sobre cada um e o motivo de definir um sistema
específico para seu projeto.
RGB – Abreviação da sigla em inglês Red, Green e Blue (Vermelho, Verde e Azul). Sistema
aditivo de cor, que utiliza as luzes de dispositivos eletrônicos como monitores, câmeras e os materiais
54
finais com saídas em RGB são utilizados nas plataformas digitais, para sites e redes sociais. As
graduações das cores variam entre 0 a 255, sendo 0 a ausência da cor e 255 a presença total dela.
A seguir, observe uma figura que representa o círculo cromático do sistema de cor RGB:
Figura 56: Círculo cromático sistema de cor RGB.

Fonte: https://br.freepik.com/vetores-gratis/conjunto-de-paletas-de-esquema-de-
cores_6203151.htm#page=1&query=cores&from_query=c%C3%ADrculo%20crom%C3%A1tico&position=20&from_
view=search
Descrição da figura: Imagem do um círculo cromático do sistema de cor RGB. A imagem é formada pela junção
de três círculos de cores: Vermelha, verde e azul, em suas intersecções são geradas outras cores como:
magenta, amarelo e Ciano. Fim da descrição.
Ainda sobre a figura anterior, é possível ver no círculo cromático RGB, a junção das três
cores primárias na sua porcentagem máxima gera o branco. E a formação de outras cores através da
combinação dessas cores primárias.
Neste vídeo, o Rodrigo Leocádio, fundador da gráfica on-line Futura Express,

explica de forma prática como funciona o sistema aditivo de cor RGB. Confere
aqui no link: https://www.youtube.com/watch?v=N1D6Lv6RYys&t=2s
CMYK - Abreviação da sigla em inglês Cyan, Magenta, Yellow e Black (ciano, magenta,
amarelo e preto) é um sistema de cor que se baseia por pigmentação. A junção das três cores
primárias Ciano, Magenta e Amarelo formam o preto, porém não é um preto puro. Para isso foi
acrescenta ao sistema o Preto, a cor chave (the color K). Combinadas ela formas novas cores. Além
disso, o CMYK faz uso de retículas, que são pequenos pontos, em que é possível chegar em diversas
tonalidades. O CMYK é o sistema de cor utilizado em projetos impressos.
55
Figura 57: Círculo cromático sistema de cor CMYK.
Fonte: https://br.freepik.com/vetores-gratis/conjunto-de-paletas-de-esquema-de-
cores_6203151.htm#page=1&query=cores&from_query=c%C3%ADrculo%20crom%C3%A1tico&position=20&from_
view=search
Descrição da figura: Imagem do um círculo cromático do sistema de cor CMYK. A imagem é formada pela
junção de três círculos de cores: Ciano, Magenta e Amarelo, as junções das três cores geram a cor preta e
derivam outras cores e tonalidades. Fim da descrição.
Na figura anterior, é possível ver no círculo cromático que o encontro do Ciano, Magenta
e Amarelo resulta no preto. E que a junção de outras cores no círculo, geram novas cores e
tonalidades.
Neste vídeo, o Rodrigo Leocádio, fundador da gráfica on-line Futura Express,

explica de forma prática como funciona o sistema subtrativo de cor CMKY.
Confere aqui no link:
Parte 1 - https://www.youtube.com/watch?v=XQOZVI348pI
Parte 2 - https://www.youtube.com/watch?v=AR40MQ3vZSw
Agora que você já entendeu como funcionam os sistemas de cores RGB e CMYK, vem aqui
conhecer alguns tipos de materiais para impressão em projetos especiais.
3.2. Materiais diversos para impressão
Antes de entrar no conteúdo dos materiais para impressão, bora entender o que é e como
funciona a impressão em offset?
56
A impressão offset é muito utilizada por sua alta qualidade e possibilidade de imprimir
em médias e grandes tiragens. Mesmo com o grande crescimento da impressão digital, a impressão
em offset não perdeu seu espaço no mercado por ter um excelente custo-benefício. Possui o método
do tipo indireto onde sua imagem é transmitida da matriz para um rolo de impressão e depois
transferido para o papel.
Clica aqui e confere um vídeo que mostra de modo prático como funcionam os
processos de impressão em offset.
https://www.youtube.com/watch?v=aKW5duow17w
São muitos os benefícios da impressão em offset, nela você tem qualidade, preço mais
econômico, compatibilidade com variados tipos de papéis e alguns plásticos (como o poliestireno),
conta com a rapidez no processo, a possibilidade de impressão em médias e grandes tiragens e
permite o uso do Pantone, o que traz um ganho para a fidelização das cores em seu projeto. Ela é
ideal para imprimir materiais como: cartão de visita, folder, flyer, catálogo, entre outros materiais
gráficos.
Você conferiu como funciona a impressão offset, agora a nossa troca segue com conteúdo
sobre os materiais e possibilidades que podem agregar melhorias ao seu projeto impresso. Vamos
nessa?!
Existem diversos materiais disponíveis no mercado para impressão de projetos, o tipo de
material a ser escolhido precisa ser pensado e pesquisado pela (o) designer antes de criar a arte, pois
tem total relação com as cores que serão escolhidas na criação da arte.
Conheça agora materiais e aplicações em peças gráficas.
Na figura a seguir, confira um projeto gráfico com suas aplicações em materiais diversos,
seguindo a proposta comunicacional e identidade visual criada:
57
Figura 58: Projeto gráfico aplicado a peças e materiais diversos.
Fonte: https://www.behance.net/gallery/31957651/Espacio-Cultural-Recoleta-
Identidad?tracking_source=search_projects_recommended%7Csistema%20rgb
Descrição da figura: Imagem de um projeto gráfico visual criado para o Espacio Cultural Recoleta, na Argentina,
pela UX/UI Design Josefina Campos. Sequência de aplicações de peças gráficas, propaganda em ponto de
ônibus, adaptação da mesma arte para um cartaz e em cartão-postal. Todas as artes têm a ilustração de um
personagem com tom de pele rosa de fundo e em destaque a frase “Vandalismo estético”, tema da exposição.
Fim da descrição.
No projeto anterior, é possível ver como a designer conseguiu manter a proposta visual
aplicada a peças com tamanhos e tipos de materiais impressos diversos.
Conheça agora alguns papéis mais versáteis utilizados para impressão de peças gráficas:
• Couché – É um tipo de papel que possui um custo-benefício, uma boa quantidade de
gramaturas (espessura) de pode variar de 90 a 350 g/m², tem suas versões fosco e
com brilho e pode ser utilizado para fins diversos como: cartão de visita, cartão-
postal, catálogos, folders, cartazes e muitos outros.
• Duplex – Possui em sua composição duas camadas, uma lisa e outra acetinada, é
resistente e ideal para projetos especiais como: caixas e embalagens, pois possui boa
durabilidade e qualidade das cores.
• Kraft – Tem sua tonalidade de cor marrom, original, pois não passa por processo de
branqueamento em seu processo de fabricação e por ter essa característica possui
algumas restrições em sua impressão, é importante pensar nas aplicações de cores
da arte, pois no momento da impressão é possível que alguns tons se modifiquem.
Possui uma boa resistência e é indicado para peças como: embalagens, sacolas e
envelopes.
58
Além desses papéis citados, o mercado possui uma gama imensa de tipos para propostas
diversas de projetos impressos.
Assista ao vídeo bem didático que fala de tipos e gramaturas de papéis:

https://www.youtube.com/watch?v=iI822znG1mA
A imagem, a seguir, traz um projeto gráfico da Terra à Vista cafés especiais e mostra as
aplicações em peças com o mesmo estilo visual.
Figura 59: Projeto gráfico aplicado a peças e materiais diversos.

Fonte: https://www.behance.net/gallery/117789825/Terra-a-
Vista?tracking_source=search_projects_recommended%7Cprojeto%20identidade%20visual
Descrição da figura: Disposição de elementos com aplicações diversas da identidade visual da marca de cafés Terra à
Vista. Na parte superior da imagem, existe uma embalagem do café com aplicação da identidade visual junto a grãos de
café, xícara, colher e um medidor, na parte inferior esquerda, uma embalagem do café junto a grãos de café e um copo,
ambos com aplicação da identidade visual, ao centro, um cartão de vista com a aplicação da identidade visual adaptada
junto a grãos de café e no lado direito da imagem, um copo com aplicação da identidade visual. Fim da descrição.
Na figura anterior, toda identidade visual da marca foi aplicada de forma consistente, é
possível observar o uso das cores e elementos em equilíbrio, inclusive, sendo impressa em materiais
diversos como plástico e papel.
59
A seguir, confira um projeto gráfico da empresa Piraquê, desde aplicações da marca na
papelaria interna, embalagens e publicidade da marca em diferentes meios de comunicação.
Figura 60: Aplicação de marca Piraquê em projeto de papelaria e dispositivos digitais.

Fonte:
behance.net/gallery/97392637/Piraque?tracking_source=search_projects%7Cprojeto%20gráfico%20papelaria
Descrição da figura: Aplicação da marca Piraquê em projeto de papelaria e dispositivos digitais. São diversas os
materiais: Papel timbrado, cartão de visita, capa de agenda, site. Fim da descrição.
Na figura anterior, a aplicação da identidade visual da Piraquê nos materiais de papelaria

e ambiente digital, fazendo uso apenas da cor verde e branca. Em alguns momentos, cor verde para
fundo e branca na marca e em outros, o inverso.
A figura a seguir, apresenta a aplicação da identidade visual da Piraquê em suportes
diversos como: ecobag, adesivação de caminhão, bandeira e touca.
60
Figura 61: Aplicação de marca Piraquê em materiais de divulgação.
Fonte: behance.net/gallery/97392637/Piraque?tracking_source=search_projects%7Cprojeto%20gráfico%20papelaria
Descrição da figura: Aplicação da marca Piraquê de formas diversas para divulgação. São diversas os materiais: Ecobag,
adesivação, bandeira, touca. Todas as aplicações seguem a identidade visual da marca. Fim da descrição.
Na figura anterior, é possível observar uma proposta assertiva de utilizar a marca em

materiais de divulgação, isso faz com que ela fixe sua identidade entre o público consumidor.
Na figura a seguir, confira como a identidade visual da marca está aplicada em
embalagens de alguns dos produtos da Piraquê.
Figura 62: Aplicação de marca Piraquê em embalagens.

Fonte: behance.net/gallery/97392637/Piraque?tracking_source=search_projects%7Cprojeto%20gráfico%20papelaria
Descrição da figura: Aplicação da marca Piraquê em embalagens de seus produtos. Em todas as variações das artes das
embalagens, observa-se a proposta da identidade visual sendo aplicada, o uso de cor vermelha ao fundo, imagens dos
produtos em repetição, a cor verde e o uso da mesma tipografia em cor branca. Fim da descrição.
61
Na figura anterior, o que chama atenção para aplicação da identidade visual da marca é
o recurso da repetição dos elementos e o uso das cores como um padrão, trazendo para a arte uma
fixação da identidade.
Em todas as figuras, é possível ver a aplicação da identidade visual da marca Piraquê em
formatos e materiais diversos. Existem muitas formas de se divulgar a marca e fazer com que ela seja
vista e consumida.
Neste tópico, você conheceu materiais possíveis direcionados para divulgação de uma
marca. São diversas os formatos e aplicações. Vem comigo no próximo tópico para conferir os
processos de impressão para projetos gráficos.
3.3. Processos de impressão
Antes da impressão final do seu projeto, é imprescindível solicitar uma prova de

impressão dessa forma vários aspectos poderão ser verificados e erros evitados durante a produção
do material.
• Prova de impressão
A prova de impressão é um processo importante para garantir que os detalhes do seu
projeto estejam da forma que você deseja e se estiver tudo certinho, você solicitar a impressão de
toda tiragem do material. Através dela, você pode analisar as cores, diagramação e margens,
composição, o tipo de papel e técnica utilizada para impressão. É muito importante se atentar para
detalhes como:
Possíveis erros de digitação, diagramação, sangrias e margens para não cortar nenhuma
informação de seu layout, legibilidade de suas tipografias, qualidade das imagens utilizadas e
calibragem de seu monitor.
• Digitação
Leia todo seu material, coloque-se no lugar do seu público como quem entra em contato
com a arte pela primeira vez. Verifique as pontuações, acentuações e espaçamento entre texto.
• Legibilidade da tipografia
A tipografia precisa estar em diálogo e harmonia com os demais elementos da arte, você
precisa verificar o tamanho, cor, desenho e possíveis efeitos como contorno, sombra.
62
• Qualidade das imagens
Ao utilizar uma imagem do tipo bitmap, escolha altas resoluções de pixels para não gerar
perdas na impressão e ao fechar o arquivo para impressão. O ideal é que a imagem no tamanho real
que estará impressa tenha uma resolução de 300DPIs para garantir a qualidade de impressão.
• Calibragem do monitor
As imagens que são vistas em telas digitais têm suas cores impressas no material
impresso, por isso, é muito importante que seu monitor de trabalho esteja calibrado para não haver
erro na aplicação das cores na arte.
• Sangrias e margens
A criação de margens e sangrias faz com que você se guie na construção do layout. A
margem delimita uma área interna da arte que limita seu texto garantindo que nada dele fique de
fora, geralmente indica-se 5mm em cada lado do layout.
A sangria representa a extrapolação da área impressa como uma extensão de segurança
ao redor da arte que será retirada no processo de corte – esse prolongamento, geralmente, fica entre
5mm e 10mm, para cada lado. Mas se atente em ampliar apenas o fundo e jamais as informações,
texto e imagens.
Na imagem a seguir, veja as margens de segurança (linhas em cor azul) de um layout
criadas no Inkscape.
63
Descrição da figura: Tela de trabalho do Inkscape, onde existem quatro linhas em cor azul, que marcam as margens do
layout. Fim da descrição.
Agora vem aqui entender quais as provas de impressão para cada item desses citados:
• Imposição
Tem como proposta verificar detalhes de possíveis erros ortográficos e numerações
das páginas. Fica ligada (o) para você não deixar passar algum errinho ao digitar.
• Prova de cor
A prova de cor serve para avaliar se as cores e tons escolhidos para a arte estão de
acordo com sua proposta, pois sabemos que a visualização das cores em formato
digital é diferente da impressa em papel. Caso seja necessário algum ajuste, você terá
tempo hábil para fazer e seguir com a impressão.
• Layout
É nessa prova que você vai ver os detalhes de qualidade de imagem, diagramação,
margens, sangrias e legibilidade de fontes. São muitos os detalhes nessa prova, fica
atenta (o) para que tudo esteja certinho no teu projeto!
• Boneco
A simulação mais próxima de como seu projeto ficará. Nele é possível observar o
conjunto de detalhes juntos, é a prévia da sua impressão. Aproveita esse momento
para passar o "pente fino" e ficar babando o seu projeto :).
Essas provas são essenciais para projetos impressos, garantem que não tenham erros no
teu material, evitando maiores custos, frustrações para você e seus clientes. Toda uma dedicação e
planejamento merecem atenção, pois depois de impresso não tem como voltar atrás.
São diversos os detalhes que precisam ser observados antes de colocar seu material para
“rodar” na gráfica e todos são importantes, pois você teve um processo de concepção, criação e a
impressão precisa ser a concretização da ideia. Ainda falando das possibilidades de enriquecimento
do seu projeto impresso, confira a seguir, algumas técnicas de facas de corte e aplicações de
acabamentos gráficos.
64
3.4. Acabamentos gráficos para projetos especiais
Os acabamentos gráficos em projetos impressos são diversos e atendem a proposta de

sua arte. Eles trazem durabilidade e sofisticação ao seu impresso. Conheça algumas deles agora!
Vamos começar por elas, as facas de corte, que são criadas manualmente e conseguem
fazer cortes especiais em seu material impresso como: embalagens, cartões de visita, caixas, convites
e outras diversas possibilidades. Para utilizar uma faca de corte em seu projeto, é necessário que você
tenha tudo planejado, pois ela precisa ser encomendada antes da impressão e na arte precisa ter
margens que definam em que parte do layout será feito o corte.
Confira a seguir, algumas aplicações de facas de corte em formatos e materiais diversos.
Figura 64: Embalagens com facas de corte da marca Pet Crock.

Fonte: https://www.behance.net/gallery/43002635/Pet-
Crock?tracking_source=search_projects%7Cfacas%20de%20corte%20em%20impressos
Descrição da figura: Embalagens da marca Pet Crock com aplicação de faca de corte especial. Na imagem,
aparecem quatro embalagens com o mesmo corte que simula as orelhas do animal, uso da identidade visual em
todos, apenas modificando os personagens e suas cores. Fim da descrição.
Na figura anterior, a faca de corte foi utilizada na modelagem das orelhas dos animais,
criando uma proposta mais personalizada as embalagens dos produtos.
Observe, na figura a seguir, a sutilidade em que a faca de corte foi utilizada e como o
resultado pode ser positivo no produto.
65
Figura 65: Faca de corte em box de livros.
Fonte: https://www.behance.net/gallery/43002635/Pet-
Crock?tracking_source=search_projects%7Cfacas%20de%20corte%20em%20impressos
Descrição da figura: Faca de corte feita em box de livros para o projeto “Escrito por elas” da Companhia das Letras.
Na imagem, um box com corte especial arredondado, arte do box em cor rosa e elementos de composição
coloridos e dentro do box, contém quatro livros de cores azul, amarelo e tons de rosa. Fim da descrição.
Na figura anterior, a faca de corte, em formato de semicírculo, foi aplicada ao box

trazendo benefícios ergonômicos, facilitando o manuseio dos produtos e também contribuindo com
a estética.
Nos dois exemplos anteriores, é possível ver a aplicação da faca de corte e a diferença
que ela traz para as embalagens, deixando um visual mais leve e em diálogo com a arte.
Você vai conhecer agora alguns acabamentos especiais que podem ser aplicados na arte,
dando destaques, trazendo sofisticação e sensações táteis ao seu impresso.
• Laminação
É uma camada fina e transparente de material plástico, que é aplicado a um impresso em
papel (podendo ser em papéis diversos) e traz para a arte proteção e durabilidade. Além de trazer
sensações táteis e visuais agradáveis para o seu projeto.
Veja na figura a seguir, aplicação de laminação em projeto impresso de uma revista.
66
Figura 66: Aplicação de laminação em revista.
Fonte: https://www.behance.net/gallery/131485705/Revista-
tipografica?tracking_source=search_projects%7Clamina%C3%A7%C3%A3o%20em%20projeto%20gr%C3%A1fico%20rev
ista
Descrição da figura: Aplicação de laminação na revista tipográfica Type it up. A arte faz uso das cores vermelha, preta e
amarela, ao fundo, a revista aberta com páginas contendo números e ao lado direito, a revista fechada com sua capa
em cor de fundo vermelha, título em cor amarela e textos em preto. Fim da descrição.
Na figura anterior, a laminação está aplicada na capa e na página interna da revista.

A aplicação de laminação é muito comum ser encontrada em revistas, capas de livros,
cardápios, cartões de visita, pois são materiais que estão em constante contato com as pessoas e
precisam de uma maior durabilidade.
• Vinco
É uma marcação feita no papel, que serve como linha-guia para indicar a dobra. Muito
utilizado em materiais impressos como: convites, cardápios e folders.
Veja na figura a seguir, aplicação de vinco em projeto de folder.
67
Figura 67: Aplicação de vinco em folder.
Fonte: https://www.behance.net/gallery/118560873/Grande-
Circular?tracking_source=search_projects%7Clamina%C3%A7%C3%A3o%20em%20projeto%20gr%C3%A1fico%20revist
a
Descrição da figura: Aplicação de vinco no folder do projeto Grande Circular. A arte faz uso ilustrações de
alimentos, plantas com raízes e fotografias, todas com a mesma proposta visual da marca em cor vermelha em tons
claros. A arte também faz uso de tipografias largas que dialogam com a proposta de diagramação da arte. Fim da
descrição.
A figura anterior, é possível entender como funciona a aplicação e utilidade do uso de

vinco, pois o folder possui muitas dobras, sendo necessária sua aplicação.
• Verniz
É um tipo de tinta transparente com brilho, que traz uma sensação tátil para o material
impresso, além de destacar algum elemento e deixar elegante. O verniz pode ser aplicado em papéis
de gramaturas mais finas e também oferece a possibilidade de aplicar em apenas áreas específicas
de sua arte, a essa técnica chamamos de “verniz localizado”.
Veja, na figura a seguir, a aplicação da técnica de verniz localizado em um projeto de
cartão de visita.
68
Figura 68: Aplicação de verniz localizado em projeto de cartão de visita da marca Porankatu.
Fonte: https://www.behance.net/gallery/99195681/Porankatu-Identidade-
Visual?tracking_source=search_projects_recommended%7Cprojeto%20branding%20identidade%20visual
Descrição da figura: Aplicação de verniz localizado em projeto de cartão de visita da marca Porankatu. Com fundo em
cor vinho e elementos/traços em vermelho, ao centro da tela, tem a frente e o verso do cartão de visitas com as
informações. Fim da descrição.
Na figura anterior, a aplicação do verniz localizado é observada em elementos na parte

da frente do cartão de visita e na marca em versão colorida da parte traseira do cartão de visita.
• Relevo
É uma técnica que gera sensações táteis e sofisticação no material impresso, podendo ser
relevo profundo ou alto. Não são todos os papéis que são compatíveis para sua aplicação, os papéis
precisam ter gramatura mínima de 180gr.
Veja na figura a seguir uma bela aplicação da técnica relevo.
69
Figura 69: Aplicação de relevo em projeto de livro.
Fonte: https://www.behance.net/gallery/121402173/A-Broken-Mirror-book-design-
illustration?tracking_source=search_projects_recommended%7Ccapas%20de%20livro%20com%20verniz%20
Descrição da figura: Aplicação de relevo em projeto de livro. O fundo da imagem tem cor rosa, as personagens
aparecem fragmentadas, com seus rostos espelhados, suas cores são a vinho e preto. Fim da descrição.
Na figura anterior, o relevo está aplicado na marca *TAG, gerando um relevo alto e se
destacando na capa. É interessante a proposta da aplicação, pois ela é sutil, não “rouba” a cena da
ilustração e traz um destaque elegante para a arte e deixa a marca em destaque.
Você viu algumas das técnicas de acabamento gráfico, existem outras no mercado, cada
uma com uma proposta específica para seu projeto impresso. Por isso a importância de planejar,
executar e entender dos processos de impressão do seu material.
Agora que você já viu como são as técnicas e está com a cabeça cheia de ideias
para produzir. Vem aqui comigo na videoaula da competência 3 para ficar por
dentro das diversas possibilidades de enriquecimento do teu projeto impresso,
aqui mostro também como criar margens, sangrias, salvar seu arquivo em
tamanhos e formatos para impressão e para plataformas digitais.
70
Você chegou ao final da 3 competência e também disciplina Computação Gráfica – Vetor.
Nessa competência, você estudou conteúdos e técnicas que são importantes para criação e
finalização dos seus projetos digitais e impressos. Foram momentos de muitas trocas e construções!
Siga buscando conhecimentos que possam agregar a sua bagagem profissional.
71
Conclusão
Chegamos ao final da disciplina. Foi um momento de muitas trocas teóricas e práticas que
são de grande importância para o mercado do design gráfico. Na primeira competência, você
conheceu as principais ferramentas e funções do programa, a fim de executar projetos de
diagramação. A segunda, reconheceu as possibilidades de composição gráfica a partir da lógica
vetorial e na terceira, você aprendeu a finalizar e fechar arquivos vetoriais para a impressão offset ou
o seu uso em formato digital.
Não esquece de acessar os links disponíveis, ver as videoaulas, ouvir os podcasts e todo
material complementar, eles te ajudam a ampliar os campos de conhecimentos e bagagem visual. A
(o) designer é um profissional que está em constante aprendizado e prática para seu aprimoramento.
Desejo que todas (os) tenham aproveitado ao máximo os conteúdos. Bons estudos e até
a próxima disciplina!
72
Referências
Samara, Timothy. Grid: Construção e desconstrução, Cosac Naify, 2007.
Miranda, Marcelo. Desenho vetorial no design, SESES, 2017.
Munari, Bruno. Design e comunicação visual, Martins Fontes, 2006.
Justo, Thiago Cesar Teixeira. Diagramação: Fundamentos e técnicas, Senai - SP, 2017.
73
Minicurrículo do Professor
Camila Silva
Recifense, publicitária, fotógrafa e montadora audiovisual. Graduada em Publicidade e
Propaganda – Universidade Maurício de Nassau, (UNINASSAU), técnica em Comunicação Visual –
Escola técnica professor Agamenon Magalhães (ETEPAM).
Trabalho com a educação nas áreas do design gráfico e audiovisual. Atuo no mercado
como fotógrafa e montadora audiovisual, participei de projetos como:
Produtora audiovisual na Secretaria de Educação de Pernambuco (2013 – 2018).
Oficineira de Fotografia pelo Ministério da Cultura em parceria com a FUNCERN e com o
Instituto Intercidadania na UFRN e no IFRN (2014).
Oficineira de fotografia pelo Instituto Intercidadania no projeto de extensão UFPE –
PROEXT (2016).
Facilitadora da Oficina Teatro Imagem: Do Real ao Decolonial, no edital Lei Aldir Blanc
(2021), juntamente com o Núcleo de Experimentações em Teatro do Oprimido - NEXTO-PE (2021).
Diretora de Fotografia na Websérie O Encontro de Hoje (2019) – com produtora 7ª arte
do vale;
Fotógrafa e Montadora do Curta-Metragem Santos Imigrantes (2019);
Diretora de fotografia e montadora da Websérie Ferida do Núcleo de Experimentações
em Teatro do Oprimido - NEXTO-PE (2019);
74

DG - Computação Gráfica - Vetor (2023)

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

DG - Computação Gráfica - Vetor (2023)

Enviado por

Direitos autorais:

Formatos disponíveis

Computação Gráfica -

Escola Técnica Estadual Professor Antônio Carlos Gomes da Costa

2.ed. | Agosto 2023

Coordenação de Curso Coordenação Executiva

1.Competência 01 | Conhecer as principais ferramentas e funções do programa, a fim de executar

1.1 Conceito e uso de imagens vetoriais ..........................................................................................................7

2.1. Ferramentas mais usuais no Inkscape .................................................................................................... 32

3.1. Sistemas de cores para uso digital e para impressão ............................................................................. 54

Minicurrículo do Professor ......................................................................................................... 74

Bons estudos! Estamos juntas (os) em mais uma caminhada!

1.1 Conceito e uso de imagens vetoriais

Na figura 1, são apresentados elementos e personagens criados para composição das

1.2. Download e instalação do Inkscape

Depois do diálogo sobre imagens vetoriais, te convido a fazer o download e instalação do

Figura 03: Site do Inkscape para fazer o download gratuito do software.

A videoaula da primeira competência vem mostrando o passo a passo do

Figura 06: Tela inicial do Inkscape 1.2.2.

Figura 08: Tela inicial do 1.2.2.

Você viu neste tópico as possibilidades de criação de telas de trabalho no Inkscape,

1.4 Conhecendo a interface do Inkscape

Assim como no Gimp, no Inkscape é possível modificar a aparência da sua

O mais interessante de utilizar o Inkscape é que ele é um programa com ferramentas e

Figura 10: Interface do Inkscape 1.2.2.

A figura, a seguir, vem com destaque na barra de ferramentas, localizada na lateral

Figura 12: Interface do Inkscape 1.2.2.

1.5 Principais ferramentas do Inkscape

A imagem anterior, traz o conjunto de ferramentas de forma simplificada, com seus

Confere essa página do Inkscape, nela você encontra todos os atalhos

1.6 Diagramação em projetos vetoriais

Em um projeto de design gráfico, a diagramação é um aspecto importantíssimo. Ela é

O texto – A escolha da tipografia é importante para gerar harmonia na arte, o desenho

Figura 16: Tela do site Dafont.com, site de download de fontes.

A figura – Elemento muito presente na composição de projetos gráficos, a ilustração ou

Ainda sobre a composição visual, existem diversos fundamentos, destaco aqui os

Nesta competência, você conheceu o Inkscape, sua interface, ferramentas e

Olá, estudante. Você chegou na competência 2 para continuar essa construção

2.1. Ferramentas mais usuais no Inkscape

Figura 26: Tela do programa Inkscape com duas formas criadas.

• Modificando as cores das formas

Figura 30: Tela de criação do Inkscape.

Figura 31: Tela de criação do Inkscape.

Figura 32: Tela de criação do Inkscape.

Figura 33: Tela de criação do Inkscape.

Figura 35: Tela de criação do Inkscape.

Figura 36: Tela de criação do Inkscape.

Figura 37: Tela de criação do Inkscape.

Figura 41: Tela de criação do Inkscape.

Figura 42: Tela de criação do Inkscape.

Figura 45: Tela de criação do Inkscape.

Veja, a seguir, um destaque na barra de opções de traços da caneta caligráfica.

Figura 47: Tela de criação do Inkscape.

Figura 48: Tela de criação do Inkscape.

• Modificar tamanho de texto

2. Com o texto selecionado, clique na caixa "Tamanho da fonte" e digite o tamanho

Figura 51: Tela de criação do Inkscape.

Figura 52: Tela de criação do Inkscape.

• Modificando cor de texto

Figura 54: Tela de criação do Inkscape.

Figura 55: Tela de criação do Inkscape.

A videoaula da segunda competência vem mostrando passo a passo para uma

Você chegou ao final da competência 2 e aprendeu diversas ferramentas do Inkscape

Você chegou na competência 3 e está construindo um caminho de

Você já se perguntou como funcionam os processos para impressão de um projeto criado