Fábrica de Cultura Jaçanã

Arte Digital
Ilustração Digital com Foco no
Mercado de Trabalho
Educadora: Marisa Souza

Material de apoio de uso exclusivo. Reprodução sem autorização proibida

Cronograma geral
Conteúdo programático do curso:
Apresentação do conteúdo | Introdução e conceitos teóricos de ilustração
Planejamento | Organização | Processo de Produção | Estrutura
Softwares: ferramentas básicos, iniciação e fundamentos principais
Ilustração: artística, editorial e comercial
Ilustração: como arte, opinião, cultura, conhecimento e crítica
Diferentes estilos e áreas do mercado de trabalho
Multiformatos: Dos editoriais à publicidade
Criação de personagens e narrativas | Metáforas visuais para composições de livros ilustrados
Teoria da cor | Sistemas tonais | Luz e sombra | Colorimetria | Colorização
Resolução e formato de imagem | Configurações de software
Branding | Briefing | Precificação | Orçamento | Portfólio | Vagas
Produtividade e organização | Diagramação do pensamento
Finalização de arquivos
Referências | Sites e buscadores
Dinâmicas individuais e coletivas
Conteúdos extras e materiais para pesquisas
Cronograma aula 02
21/08/2021
Apresentação do conteúdo | Introdução e conceitos teóricos de ilustração
Desenho X ilustração
História do desenho digital
Softwares: apresentaç˜ão da interface, ferramentas básicos, iniciação e fundamentos principais
Vetor X Bitmap
Introdução: RGB e CMYK
Introdução: Formatos de imagem
Criação de personagens e narrativas
Dinâmica interativa
Atividade 02
Saiba + e Material complementar
Antes de falarmos de digital...

É
importante
Falarmos de DESENHO!
Fundamentos do desenho
São a base de um edifício! É preciso começar
pelos fundamentos
Mais quais são eles?

Formas
Anatomia
Valores: Luz e Sombra
Perspectiva
Composição
Cor
Linhas
Estudar todos esses fundamentos é essencial. Nada se faz no digital, sem o
conhecimento tradicional.

https://www.youtube.com/watch?v=RKByAMwXA4o
 Desenho
Aquecer a mão
Treinar, se divertir
Espontâneo
Ação descompromissada
Qualquer assunto ou idéia
Caminho para ilustração
Marcação de ideias para um conceito
Esboço
Pré-obra
Livre expressão sem compromisso
Ilustração
Imagem figurativa
Abstrata ou não abstrata
Narrativa
Compromisso de transmissão
Caráter explicativo
Obrigação de acrescentar informações
Sintetizar
Representação visual
Material ligado a um objeto (texto)
Pode ser uma pintura, colagem, gravura
O que é desenho digital?
Uma breve introdução
O desenho digital é uma técnica utilizada por artistas para a criação de desenhos no computador, com acesso a
uma tela virtual e ferramentas digitais, como pincéis que simulam diversos tipos de texturas e de tintas como óleo,
aquarela e acrílica.
Um pouquinho de história
Em 1972, surgiu o software SuperPaint, marco importante para a evolução da
técnica de desenho digital, pois foi o primeiro programa capaz de criar traços mais
limpos, eliminando o serrilhamento, que é produzido quando se cria uma linha
inclinada no computador.

Por ser bastante versátil, o desenho digital passou a ser utilizado em diversas
áreas da comunicação e das artes, como publicidade, jogos virtuais e ilustração de
livros e revistas.

Uma das vantagens do desenho digital é poder corrigir um erro, acrescentar ou

alterar algum traço durante qualquer etapa do processo artístico. Além disso, a
variedade de texturas e ferramentas disponíveis provocou o surgimento de novas
combinações de materiais e diferentes estilos de trabalho.

O desenho digital não substitui o tradicional desenho feito à mão. Trata-se de uma
técnica inovadora de ilustração que convive com a prática do desenho feito à mão.
Em ambos os casos, o valor do artista é o que garante a beleza e a qualidade da
obra.
Características importantes
da arte digital...
Existem 2 formatos, conhecidos como vetor e bitmap, ou
“imagem vetorial (vetorizada) e “imagem bitmap (rasterizada).

VETOR: É um recurso digital que dará às suas ilustrações precisão total e não permitirá que
elas percam resolução
Vetores são cálculos matemáticos que permitem a criação e maximização das artes, para que
sejam usadas em trabalhos como banners enormes e artes para outdoor.

BITMAP: É uma imagem estática, um conjunto de pixels (também chamado de pontos), que
carregam uma informação de cor, e é formado pela união dos pixels.
A resolução mede, em DPI, a qualidade de um bitmap. DPI é uma sigla em inglês e significa
“dots per inch” – em português: “pixels (ou pontos) por polegada”. Quanto maior o DPI de uma
imagem, maior sua definição e qualidade.
?
Características importantes da arte
digital...
Existem 2 padrões de cores para criaçao dos desenhos nos softwares disponíveis.

Falarei neste slide sobre uma BREVE introdução, para que vocês consigam já criar
um arquivo, no software da maneira correta, porém este conteúdo terá seu
aprofundamento no decorrer das demais aulas.

RGB: RGB corresponde às iniciais das 3 cores Red (vermelho), Green (verde) e Blue (azul). Este padão é utilizado para
exibição em monitores de computador e televisores em geral. Basicamente: seu arquivo não será impresso? Será somente
digital? Pode criá-lo em RGB.

CMYK: CMYK corresponde às iniciais das cores Cian (ciano), Magenta (magenta), Yellow (amarelo) and Black (preto).
Este é um padrão de quatro cores primárias, que combinadas formam cores ilimitadas. Este sistema não se baseia na
emissão de luz, mas sim na pigmentação.
Basicamente: seu arquivo será IMPRESSO? DEVE-SE criar em CMYK!
RGB CMYK
Formatos de Imagem
JPEG: formato de arquivo mais comum, que deixa o arquivo compactado. É possível usar um JPEG com baixa e alta
resolução.

TIFF: mais adequado para materiais impressos, ele dá o máximo em qualidade e resolução. Controlado atualmente pela
Adobe, é um dos melhores formatos de alta qualidade para trabalhar em softwares de manipulação de imagem.

PNG: criado para substituir o GIF, suporta muito mais cores, mantém o fundo transparente e capacidade de compressão.

PDF: sua função é representar textos, gráficos e imagens em um formato independente de dispositivos e resoluções
específicas, é um formato aberto que pode ser usado em qualquer software

PSD: um formato criado por meio do software Adobe Photoshop.

Ao salvar uma imagem com essa extensão, as camadas, máscaras e esquema de cores ficam preservados.

KRA: formato exclusivo do Krita. Ao salvar uma imagem com essa extensão, as camadas, máscaras e esquema de cores
ficam preservados.

SVG: formato vetorial para desenhos e gráficos bidimensionais, estáticos ou animados.

Sua principal característica é a escalabilidade, que permite que o arquivo seja ampliado sem perder qualidade ou aumentar
o peso.
 Diversos programas
Vamos falar (softwares) são capazes de
contribuir com a produção
sobre os de arte digital, cada um
deles conta com
softwares? ferramentas e
especificidades diferentes...
Demonstrações de vídeos com os softwares em
aula:
Photoshop, e Krita.
Softwares
possibilidades

Fonte: Curso Vitor Carvalho

Softwares
possibilidades...
Photoshop
Adobe Photoshop é um
software caracterizado como
editor de imagens
bidimensionais do tipo raster
desenvolvido pela Adobe
Systems. É considerado o líder
no mercado dos editores de
imagem profissionais, assim
como o programa de facto para
edição profissional de imagens
digitais e trabalhos de pré-
impressão
Fonte: Wikipédia
Illustrator
Adobe Illustrator é um editor de
imagens vetoriais desenvolvido
e comercializado pela Adobe
Systems. Foi criado
inicialmente para o Apple
Macintosh em 1985, e, foi
comercializado para todo o
público em 1995 como
complemento comercial de
software de fontes da Adobe e
da tecnologia PostScript
desenvolvida pela empresa.
Krita
Krita é uma ferramenta de
criação de ilustrações, concept
art, histórias em quadrinhos,
pinturas digitais, animações,
possibilitando também ser
usado como um programa de
retoques e manipulação de
fotografia, conversor de
formatos, suportando vários
modelos de cores e pintura
HDR.
GIMP
GIMP é um programa de
código aberto voltado
principalmente para criação e
edição de imagens raster, e em
menor escala também para
desenho vetorial.
O projeto foi criado em 1995
por Spencer Kimball e Peter
Mattis, no entanto, a
ferramenta de edição
profissionais ainda é tímida
(em contraste ao PS)
Softwares
possibilidades...
SketchBook
Traduzido do inglês-O
SketchBook Pro, também
conhecido como SketchBook, é
um aplicativo de software
gráfico raster destinado ao
desenho expressivo e ao
esboço de conceitos. Foi
desenvolvido pela Alias
Systems Corporation, antes de
ser adquirido pela Autodesk
Fonte: Wikipédia
Corel Draw
O CorelDRAW é um programa
de desenho vetorial
bidimensional para design
gráfico desenvolvido pela Corel
Corporation, Canadá. É um
aplicativo de ilustração trevial
vetorial e layout de página que
possibilita a criação e a
manipulação de vários
produtos, como por exemplo:
desenhos artísticos,
publicitários, logotipos, capas
de revistas, livros, etc.
Medibang Paint
Compatível com Windows,
Mac, iPad, iPhone e Android!
O aplicativo para criar mangás
e ilustrações digitais em
qualquer dispositivo, gratuito,
contém fontes famosas, pincéis
coloridos, fundos pré-
desenhados e inúmeros outros
recursos.
Clip StudioPaint
Traduzido do inglês-Clip Studio
Paint, informalmente
conhecido no Japão como
Kurisuta, é uma família de
aplicativos de software
desenvolvidos pela empresa
japonesa de software gráfico
Celsys. É utilizado para a
criação digital de quadrinhos,
ilustração geral e animação
2D.
Possibilidades
Com ferramentas básicas...

Colagem: técnica artística que cria composições a partir de outras imagens,

texturas e cia;
Line Art: técnica que consiste em produzir desenhos apenas com linhas
HQ: criação de histórias em quadrinhos
Criar: Configuração e criação de brushes e atalhos;
Pintura digital: técnica exclusiva de pintura, que engloba diferentes
ferramentas dos softwares, e ainda explora luz, sombra, matiz, saturação
Vetorização: técnica que consistem em criar do zero, ou vetorizar desenhos já
existentes;
Criar: Criação e aplicação de paleta de cores;
Editorial/Comercial: Criação de flyers, panfletos folders, cartazes
Mercado da moda: Criação de estampas digitais, localizadas, ou corridas
Ferramentas

Diversas
possibilidades
Podemos usar desde o
mouse, ate equipamentos
com valores mais elevados,
como por exemplo mesas
display e iPads.
Diferentes
ferramentas,
diferentes resultados
Mouse
Usado para para line art e produções em
vetor. É mais difícil produzir traços e realizar
pinturas em sua riqueza de detalhes, mas
não é impossível!
Display/Ipad
Mesas digitalizadoras com display e Ipads
são investimentos profissionais, porém com
custo muito elevado. Para quem quer se
dedicar, e trabalhar com arte digital vale a
pena cada centavo.
Mesa digitalizadora
Tem mais precisão no traço, pois simula uma
caneta real, além dos níveis de pressão,
importantissimos para a criação digital
Celular
Embora seja possível criar artes com o
celular, o dedo, por ser "redondo" não se
assemelha a caneta, e a tela é pequena mas
não significa que não dê para explorar, e
começar!
PHOTOSHOP
Instalação

Para quem não tem o Photoshop instalado no

computador, no site da ADOBE (www.adobe.com.br) é
possível baixar uma versão de teste do programa.
Clique em avaliar gratuitamente, e siga as instruções
do instalador.

Outra opção...
https://www.photoshoponline.net.br
O KRITA pode ser uma alternativa para quem não conseguir usar o Photoshop
PHOTOSHOP
Iniciando... apresentação da interface

1. File / New ou Arquivo / Novo - Abre um novo documento

2. Para arquivos gráficos sem impressão - 72ppi e cores RGB
3. Para arquivos impressos - 300ppi e cores CMYK
4. O arquivo pode ser aberto em centímetros, milímetros ou pixels

PPI significa "pixels por polegada" (pixels per inch), e serve para determinar a
resolução de uma imagem, sem especificar proporções ou dimensões. Quanto
mais pixels, maior a resolução
KRITA
Instalação

Para quem não tem o Krita instalado no computador,

faça o download no link:

https://krita.br.uptodown.com/windows
https://krita.br.uptodown.com/mac

O Krita é um programa 100% gratuito, Open Source e

sem versões de teste.
Siga as instruções do instalador.
KRITA
Iniciando... apresentação da interface

1. Iniciar / Novo Arquivo / Ctrl + N - Abre um novo documento

2. Para arquivos gráficos sem impressão - 72ppi e cores RGB
3. Para arquivos impressos - 300ppi e cores CMYK
4. Você pode optar por escolher um modelo pré-definido ou
digitar suas preferências.
5. A interface é dividida em 3 partes: Toolbar (barra de
ferramentas, Toobox (caixa de ferramentas), e Sidebar (barra
lateral)

MANUAL COMPLETO KRITA

https://docs.krita.org/pt_PT/user_manual.html
Experiências
Teste, mecha, dê uma "fuçada!"

Abra o programa, e explore as ferramentas!

Se familiarize com a interface!
Teste cores, formas, traços!

A interface é móvel, você pode ajustá-la!

Se errou, abra outro arquivo, comece do zero,
tente de novo!
FONTES
https://www.tudosobreimpressao.com.br/2013/09/10/qual-e-a-diferenca-
entre-vetor-e-bitmap/

https://www.printi.com.br/blog/diferencas-entre-arquivos-bitmap-e-vetor

https://www.palamin.com.br/post/as-diferenças-entre-arquivos-bitmap-e-
vetor

https://labedu.org.br/voce-sabe-qual-e-diferenca-entre-ilustracao-e-

Arte Digital
desenho/

https://clubedodesenho.com.br/fundamentos-do-desenho/

ILUSTRAÇÃO DIGITAL COM FOCO

NO MERCADO DE TRABALHO
Frase do dia...

Devíamos ser ensinados a não esperar por inspiração para

começar algo. Ação sempre gera inspiração. Inspiração
raramente gera ação
- Frank Tibolt.
Atividade 2

DINÂMICA INTERATIVA AO VIVO

Seguindo as orientações em aula, escolha:

1- Cenário | Ambiente
2- Objeto
3- Profissão
4- Animal
Atividade 2

Construa pelo menos dois personagens, com base nas informações

do briefing (das instruções que você recebeu INDIVIDUALMENTE)

__________________________________________________
1- Concentre-se no briefing. Você pode criar LIVREMENTE, porém
com as informações que foram sorteadas para você.
2- Faça um esboço tradicional, (a não ser que já tenha experiência
com os softwares)
3- Esta é uma atividade para estimular a criatividade, com base em
um briefing dinâmico, auxiliar a estabelecer um planejamento a
partir de ideias de outras pessoas (encare como possíveis clientes).
4- A partir deste exercício trabalhamos: conceito, briefing,
dinamismo entre a turma, e depois vamos partir para transferencia
do esboço tradicional para o digital, e a atividade 3: produção de
uma HQ.
5- Entregue uma foto do seu desenho (esboço, rascunho) no Google
ClassRoom. Prazo: 04/09
 SAIBA +
MATERIAL COMPLEMENTAR

Links para + conhecimento Links para + conhecimento Artistas para dar uma
olhadinha! :)

SUPER PAINT INSTAGRAMS

DESENHO X ILUSTRAÇÃO
@marineves_ilustra
https://www.desenhodg.com/2012/08/difere https://pt.wikipedia.org/wiki/SuperPaint
@abstractsunday
ncas-desenho-ilustracao.html
@illustration_mag
@2mindsstudio
https://www.desenhodg.com/2011/03/o-
@ryansmallman
que-e-um-desenho.html
@anaa.ilustra
@carolrempto
https://www.desenhodg.com/2011/12/o-
@brunopixels
que-e-ilustracao.html
@_picolo
@klebsjunior
@raulaguiar | @timothegame
@thalesmolina
@guilherme_bandeira
@mayaralista
 Obrigada!

Tenham uma ótima semana!