Criação de Arte para Games e Apps
4.4 (429 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,359 students enrolled

Criação de Arte para Games e Apps

Crie 3 estilos de Sprites e dê vida com Animação 2D.
4.4 (429 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,359 students enrolled
Created by Dado Almeida
Last updated 4/2017
Portuguese
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 7 articles
  • 12 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Pintar e Desenhar Sprites para Games e Apps em 3 estilos diferentes: Cell-Shaded, Pintura e Pixel-Art.
  • Animar Sprites usando o método de animação por Bones na Spine.
  • Ter uma visão geral dos principais conceitos de Arte para Games: Design, Cor, Luz e Sombra.
Course content
Expand all 47 lectures 04:25:12
+ Criando o Personagem (Explorando o Design)
5 lectures 34:12

Olá!
Aqui começamos a Criação do Personagem. Enquanto desenho, comento algumas idéias importantes como Aquecimento e Simplificação de Formas usando figuras geométricas.

Preview 02:45

Nessa Aula começo explorando o Design do personagem (o papagaio Felpudo) e comento como uso detalhes da Referência Fotográfica no desenho.

Desenhando pt.2 - Usando Referências Fotográficas
09:31

Demonstro mais algumas variações no Design. Combinando diferentes Formas, Proporções e Idéias.

Desenhando pt.3 - Idéias de Design
11:18

Nessa Aula encontramos o Design final que servirá como base para a criação do sprite.

Desenhando pt.4 - Encontrando a Versão Final
07:57
+ Estilo Vetorial/Cell-Shading (Linhas e Cores)
9 lectures 39:06
Seção 2 - Material de Apoio
02:34

Quando desenhamos à Lápis, a imagem precisa ser preparada para Arte-Final no computador.
Nessa aula mostro como corrigir e ajustar os sketches feitos tradicionalmente.

Digitalizando e Corrigindo Desenhos à Lápis
04:23

Usando a ferramenta de pintura e desenho digital vamos fazer a Arte-Final do desenho, criando as linhas (contornos) do sprite. Essa etapa servirá como base para outras partes do Curso.

Arte Final - Desenhando as Linhas (Linework)
05:55

Flatting é definir áreas chapadas de Cor que servirão como base para a pintura/colorização e também Máscaras de Seleção. Nessa aula demonstro algumas dicas para facilitar esse processo.

Criando Máscaras de Cor e Seleção (Flatting)
05:09

Uma explicação sobre a idéia de Temperatura de Cor; cores quentes e cores frias.
Aplicaremos a teoria nas cores definidas no passo anterior.

Colorindo pt.1 - Entendo as Cores Quentes e Frias (Color Temperature)
04:27

Para continuar a correção das cores no sprite, demonstro outra teoria muito importante: Harmonia de Cores. Essa aula serve de base para o próximo passo.

Colorindo pt.2 - Cores Análogas e Complementares (Color Harmony)
03:23

Nessa aula usamos os conceitos sobre cores vistos até o momento para harmonizar as cores no sprite.

Colorindo pt.3 - Aplicando a Teoria e Ajustando as Cores
02:02

Aqui duas propriedades da cor são apresentadas: Valor e Saturação.
Usaremos esses conceitos para um último ajuste nas cores do sprite.

Colorindo pt.4 - Valor e Saturação no Círculo Cromático (Color Wheel)
04:40

Para finalizar a etapa de Colorização, ajustamos todas as cores usando as idéias de Valor e Saturação.

Colorindo pt.5 - Ajustando Valor e Saturação nas Cores
06:33
+ Estilo Vetorial/Cell-Shading (Luz e Sombra)
8 lectures 49:34
Seção 3 - Material de Apoio
01:45

Nessa aula veremos como aplicar um dos modos mais simples de 'sombrear' um sprite: a iluminação frontal.


Iluminação Frontal pt.1 - Exemplo da Esfera
07:50

Mais exemplos práticos de como utilizar a iluminação frontal para fazer o shading do sprite.

Iluminação Frontal pt.2 - Exemplo da Espada
05:34

Aqui demonstro um outro esquema de iluminação muito utilizado: a iluminação em ângulo.

Iluminação em Ângulo
07:27

Uma aula muito importante.
Veremos como alterar, também, as matizes durante o shading pode acrescentar 'vida' às cores.

Iluminação - Modificando Temperatura das Cores (Hue Shift)
04:48

Um exemplo de iluminação para situações mais realistas.
Nessa aula demonstro como inserir um objeto em um ambiente utilizando as cores corretas.

Iluminação - Luz e Cor do Ambiente (Ambient Color)
05:36

Agora aplicamos todos os conceitos de shading (luz e sombra) no sprite.
No passo-a-passo mostro como criar volume no sprite mantendo o visual Vetorizado/Cell-Shaded, bastante utilizado em jogos 2D atuais.

Shading pt.1 - Colocando Sombras no Sprite
11:48

Continuamos da aula anterior, detalhando as áreas de luz e reflexo no sprite.
Essa aula finaliza a etapa de criação do sprite no estilo Vetor/Cell-Shaded.

Shading pt.2 - Colocando Luz e Reflexos no Sprite
04:46
+ Estilo HD/Pintura/Painterly
7 lectures 44:09
Seção 4 - Material de Apoio
01:24

Essa aula inicia a etapa onde criaremos o sprite em versão HD/Pintura. Um estilo que pode ser utilizado para a criação de sprites maisdetalhados ou até mesmo de Ilustrações Digitais.

Para começar, demonstro como resolver um dos principais dilemas de quem começa a pintar no computador: como remover as linhas do desenho.

Removendo Linhas na Pintura
03:35

Demonstração da técnica mais utilizada nesse estilo de pintura: o blending (mistura/transição) de cores.

Mesclando as Cores (Blending) - Técnica
02:14

Agora, aplicamos a técnica de blending em um sprite-exemplo, antes de usá-la na pintura final.

Mesclando as Cores (Blending) - Exemplo
10:51

A partir dessa aula veremos como pintar o sprite na versão HD. Começaremos criando Máscaras de Seleção com as cores base do sprite

Pintando o Sprite em HD pt.1 - Preparando os Shapes
06:26

Continuamos da aula anterior, adicionando volume às formas aplicando luz, sombra e mistura de cores com a técnica de blending.

Pintando o Sprite em HD pt.2 - Adicionando Volume
11:48

Para finalizar o sprite em HD trabalhamos um pouco mais na imagem, corrigindo bordas, acrescentando detalhes e reflexos da luz.

Pintando o Sprite em HD pt.3 - Renderizando os Detalhes
07:51
+ Estilo Pixel-Art
9 lectures 56:18
Seção 5 - Material de Apoio
01:07

O estilo Pixel-Art não poderia deixar de estar presente!
Nessa etapa começo uma introdução completa do assunto: o primeiro passo é configurar o Editor de Imagens para essa técnica.

Configurando o Photoshop pt1. - Idéias sobre o Pixel-Art
05:47

Mais algumas modificações feitas no Editor e suas ferramentas para trabalhar com o estilo Pixel-Art.
Também comento algumas 'boas-práticas' para quando se trabalha com pixels.

Configurando o Photoshop pt2. - Propriedades do Programa
03:44

Nessa aula, começamos a criar o sprite pelas linhas e contornos do desenho.

Desenhando em Pixel-Art pt.1 - Contorno do Sprite
06:04
Desenhando em Pixel-Art pt.2-Contorno do Sprite
07:44

Para consertar as linhas feitas anteriormente, mostro algumas idéias/técnicas características para desenho com linhas no Pixel-Art.

Desenhando em Pixel-Art pt.3 - Corrigindo as Linhas
07:26

Uma característica da técnica de Pixel-Art é a utilização de uma paleta limitada de cores.
Nessa aula, demonstro como importar paletas de cores usadas pelos consoles de 8/16-bit e aplicá-las ao sprite.

Trabalhando com Paletas Limitadas de Cores (Flatting)
07:24

Para detalhar ainda mais as cores do sprite em Pixel-Art vamos aplicar, usando as devidas características do estilo, as técnicas de shading vistas anteriormente.

Nessa aula concluímos a versão em Pixel-Art de 72 pixels.

Acrescentando Volume (Shading)
10:30

No conteúdo Bônus dessa etapa, demonstro um time-lapse gravado com a criação de um sprite em uma versão pequena, similar aos sprites da geração 8-bit.

Bônus: Versão 8-bit (Timelapse)
06:32
+ Animação 2D com o Sistema de Esqueleto (Spine)
9 lectures 41:51
Seção 6 - Material de Apoio
01:52

Iniciando a etapa de Animação do sprite, vamos 'recortar' o personagem em diferentes partes que serão animadas.

Essa parte do curso também é uma introdução-prática da ferramenta Spine - um sistema de animação 2D baseado na manipulação de esqueletos (bones).

Recortando o Sprite (CutOut)
07:58

Começamos a entender a sequência-de-trabalho na Spine importando as peças do sprite e criando a hierarquia de ossos (bones) que vai controlá-las.

Introdução à Spine pt.1 - Importando Peças e Criando Hierarquia
05:21

Para fazer com que as peças respondam ao movimento dos ossos precisamos fazer o 'skinning' entre as partes.

A aula demonstra como realizar esse processo e, também, como trabalhar com múltiplas imagens associadas à um controlador.

Introdução à Spine pt.2 - Skinning e Slots
04:54

Vamos entender como trabalhar com a interface de animação da Spine: manipular quadros na Timeline e definir chaves de posição.

Introdução à Spine pt.3 - Entendo o Workflow de Animação
03:46

Um passo-a-passo sobre o processo de animação na Spine.

Nessa aula começamos a 'blocagem' (rascunho) do loop de animação definindo as poses-chave do movimento.

Animando o Sprite pt.1 - Blocando a Animação
05:00

Aprimoramos a animação iniciada na aula anterior criando os quadros intermediários (in-betweens).

Animando o Sprite pt.2 - Quadros Intermediários (In-Betweens)
05:01

Para completar a animação do sprite vamos colocar detalhes no movimento através de animações secundárias. Isso será feito com uma função muito importante na Spine:os slots de imagens.

Essa aula conclui a animação do personagem. O sprite, a partir desse ponto, pode ser exportado para a Engine de jogo ou Vídeo de Animação.

Animando o Sprite pt.3 - Animações Secundárias (Swap de Imagens)
04:56
Aula 46 - Visualizando Animações (Tutorial com Imagens)
03:02
Requirements
  • Papel, Lápis, Borracha e um Cérebro aberto à Criatividade.
  • Conhecimento **Prático** em algum software de Pintura Digital.
  • Mesa Digitalizadora (Tablet)
  • Versão Trial da Ferramenta de Animação Spine.
Description

Nesse Curso demonstro e explico o processo de criação de um Sprite (uma ilustração para jogo) em 3 estilos diferentes: 

  • Cell-Shaded/Visual de Vetor: um estilo que dá ênfase nas linhas, cores e sombreamento chapado.
     

  • HD / Visual de Pintura:  àquele visual de pintura (painterly) muito utilizado em jogos da Blizzard, Valve e Ilustrações Digitais.
     

  • Pixel-Art: o método mais antigo e tradicional de criação de Sprites que voltou com força total nos jogos da Appstore / Google Play Store.

 
      Também apresento uma ferramenta inovadora para animação 2D: a Spine da Esoteric Software.
      Ensino o workflow básico e faço um loop de animação para mostrar como esse sistema de movimento por Bones (ossos) funciona na prática.
 
      Além do passo-a-passo na criação dos Sprites, sempre que um novo conceito ou idéia é abordada (Teoria de Cores, por exemplo), faço uma demonstração de como aplicar a teoria.
 
      Enfim. Compilei em um workshop direto-ao-ponto o que sei sobre criação de arte para games. Do Rascunho à Animação, usando uma linguagem simples e sem foco algum em software específico.
 
      E claro. Tudo isso em Português. Do Brasil. :)
 
      Se você já desenha ou pinta no computador esse Curso vai servir como uma excelente referência de como a produção de arte pra games é feita hoje em dia.
 
      E se você está começando a se interessar pela área só agora ou é um Desenvolvedor que precisa conhecer todas etapas no processo de criação, esse Curso vai ser útil da mesma forma.
 
      Espero -realmente- que gostem do curso.
 
      Acompanhe os vídeos. Replique as idéias e Faça seus próprios Sprites...
      "Conhecimento só cristaliza com Prática."
 
      Vamos lá ?
 
      - Dado

Who this course is for:
  • O Curso foi feito para quem gosta de desenhar e quer aprender mais sobre a área de Arte para Games.
  • E também para Desenvolvedores que precisam conhecer um pouco mais sobre o processo de Criação.