Criação de Arte para Games e Apps

Crie 3 estilos de Sprites e dê vida com Animação 2D.
4.2 (59 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
440 students enrolled
$120
Take This Course
  • Lectures 46
  • Contents Video: 4 hours
    Other: 14 mins
  • Skill Level All Levels
  • Languages Portuguese
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2015 Portuguese

Course Description

Esse é o Curso de Criação de Arte para Games e Apps.

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

What are the 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.

What am I going to get from this course?

  • 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.

What is the target audience?

  • 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Criando o Personagem (Explorando o Design)
Seção 1 - Material de Apoio
Preview
Article
02:45

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.

09:31

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

11:18

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

07:57

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

Section 2: Estilo Vetorial/Cell-Shading (Linhas e Cores)
Seção 2 - Material de Apoio
Article
04:23

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.

05:55

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.

05:09

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.

04:27

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.

03:23

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.

02:02

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

04:40

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

06:33

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

Section 3: Estilo Vetorial/Cell-Shading (Luz e Sombra)
Seção 3 - Material de Apoio
Article
07:50

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


05:34

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

07:27

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

04:48

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

05:36

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

11:48

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.

04:46

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.

Section 4: Estilo HD/Pintura/Painterly
Seção 4 - Material de Apoio
Article
03:35

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.

02:14

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

10:51

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

06:26

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

11:48

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

07:51

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

Section 5: Estilo Pixel-Art
Seção 5 - Material de Apoio
Article
05:47

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.

03:44

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.

06:04

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

07:26

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

07:24

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.

10:30

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.

06:32

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.

Section 6: Animação 2D com o Sistema de Esqueleto (Spine)
Seção 6 - Material de Apoio
Article
07:58

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).

05:21

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.

04:54

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.

03:46

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

05:00

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.

05:01

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

04:56

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.

Aula 46 - Visualizando Animações (Tutorial com Imagens)
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Especialista em Educação e Desenvolvimento de Software há mais de 10 anos.

Trabalhei na Universidade de São Paulo em projetos educativos de Realidade Virtual.

Lidero a equipe de desenho animado da TV Cultura, onde desenvolvemos séries de animação, jogos e aplicativos.

Lecionei o curso de animação em 3D Studio Max em uma grande escola de Computação Gráfica de São Paulo, ensinando modelagem e rigging de personagens para filmes e jogos digitais.

Sou o criador da propriedade intelectual Segredos da Floresta. Projeto infantil independente de jogos para smartphones e tablets, que tem como principal objetivo, ensinar sobre cultura, biodiversidade, lendas e folclore do Brasil. Disponíveis na appStore e Google Play

Atualmente busco me aperfeiçoar no desenvolvimento para plataformas mobile iOS e Android.

Tento conhecer todo tipo de tecnologia que possa acrescentar algum recurso ou imersão a mais ao meu app, como a Realidade Aumentada / Augmented Reality, a bolinha-robô Sphero, os códigos invisíveis TouchCodes, periféricos BlueTooth, frequencímetro Polar, QR Codes, Drones, Arduino, impressora 3D, e a nova onda dos wearable devices e smart glasses como Apple Watch e Google Glass.

Espero um dia conseguir entender e juntar um pouco de cada uma dessas tecnologias.

Minha filosofia é a de que "Nós desenvolvedores de games e apps, podemos nos divertir e ao mesmo tempo usar nossas habilidades para melhorar o mundo e torná-lo mais divertido!".

Criei este portal de cursos em português no Udemy, pois gostaria de espalhar para o público brasileiro meus conhecimentos sobre o assunto de forma prática barata e eficiente!

Se quiserem conhecer alguns trabalhos mais recentes, visitem meu Instagram @titopetri Twitter ou Facebook.

__________________________________________________________

Linguagens de Programação, Softwares e Especialidades Técnicas:

. Criação de personagens com o 3DStudio Max (Modelagem, Rigging, Animação)

. Gosto de criar Ferramentas, Plugins e Scripts em MaxScript que agilizam a produção e facilitam a vida dos usuários do 3DStudio Max.

. Desenvolvimento em XCode (ObjectiveC / Swift / SpriteKit).

. Desenvolvimento em Flash (ActionScript 3.0 / Papervision3D / FLARToolKit).

. Desenvolvimento em Unity3D (C# / Qualcomm Vuforia / PlayMaker).

. Desenvolvimento de Games para iOS Android e Web na Stencyl Game Engine.

Instructor Biography

Dado Almeida, Artista 2D

Olá. Como você está interessado em saber sobre mim. Deixa-me apresentar.

Sou o Dado. Nasci aqui mesmo, no Brasil. De cá trabalho já há algum tempo como Artista 2D. Mas antes disso...

Meu interesse inicial foram os computadores, sempre tive a Arte como hobby. Certo dia encontrei uma forma de unir as duas coisas. Descobri a Computação Gráfica enquanto escrevia um Artigo sobre um software chamado 3ds max.

Na época outra novidade que surgia por aqui eram os Games em 3D. Com a Internet, o conhecimento sobre como eles eram feitos se alastrou pela Rede. E, por grande sorte, encontrei uma pessoa aqui mesmo no país que ensinava esse tipo de coisa. Foi a minha porta de entrada.

Aprendi 3D para games (me especializei em Modelagem e Texturização). Lecionei por um tempo essas matérias e conheci amigos com os quais montei Sociedade. Enfim estava trabalhando com Games. Aqui no Brasil. E isso ainda não é fácil.

Pra continuar ativo no Mercado optei mudar minha especialização. Guinei minha atenção (Estudos e Produção) para a Pintura e Desenho. Ilustração e Arte Conceitual.

Por estar aqui, interessado num curso do Udemy, você já provavelmente entendeu algo importante dessa profissão.

"-É preciso correr atrás!"

Foi o que fiz lendo e observando bastante por aí. E é o que sugiro que você faça, se pretende viver disso tudo.

Se achou o que Eu disse até agora relevante. Peço que, por favor, visite meu portifólio.

É com o resultado do meu trabalho que quero te fazer ingressar em um dos Cursos que faço parte.

- Dado

Ready to start learning?
Take This Course