Criação de Arte para Games e Apps
4.3 (137 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.
926 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Criação de Arte para Games e Apps to your Wishlist.

Add to Wishlist

Criação de Arte para Games e Apps

Crie 3 estilos de Sprites e dê vida com Animação 2D.
4.3 (137 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.
926 students enrolled
Last updated 4/2017
Portuguese
Current price: $10 Original price: $95 Discount: 89% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 7 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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.
View Curriculum
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

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

Who 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 47 Lectures Collapse All 47 Lectures 04:25:12
+
Criando o Personagem (Explorando o Design)
5 Lectures 33:43

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 38:39
Seção 2 - Material de Apoio
02:07

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:13
Seção 3 - Material de Apoio
01:24

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 43:55
Seção 4 - Material de Apoio
01:10

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:03
Seção 5 - Material de Apoio
00:52

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 39:53
Seção 6 - Material de Apoio
01:24

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)
01:33
About the Instructor
Tito Petri
4.5 Average rating
3,293 Reviews
20,889 Students
24 Courses
Programador

Olá! Sou o Tito Petri, de São Paulo, Brasil.

Sou apaixonado pelo conhecimento e pela Computação Gráfica, Animação e Video Games e sempre trabalhei em empresas que unem o desenvolvimento de softwares á educação

Hoje estou aqui para ensinar a vocês tudo o que conheço sobre este mundo fascinante e muito lucrativo.

Onde o Tito já trabalhou?

P3D - UNIVERSIDADE DE SÃO PAULO (Programador)
Realidade Virtual para Softwares Educacionais do Ensino Médio e Fundamental

CADRITECH - CENTRO DE TREINAMENTO AUTODESK (Professor)
Lecionando o curso de Animação em 3D Studio Max durante 9 anos

CENTÉSIMO - MARKETING E LEARNING (Desenvolvedor/Sócio)
Jogos e Aplicações para Treinamento Corporativo

TV CULTURA - RÁDIO E TV EDUCATIVA (Programador/Animador)
Desenhos Animados e Jogos Infantis voltados á Educação

Meu grande sonho, é entregar ao Brasil uma educação acessível e de alto nível sobre as tecnologias mais modernas que existem no mundo, para que juntos, possamos construir um mundo melhor para as próximas gerações.

Se você quer aprender tudo sobre Animação 3D, Criação de Jogos e Aplicativos para iOS e Android, então... sigam-me os bons! =)


*** (ENGLISH)

Hello! I'm Tito Petri, from São Paulo, Brazil.

I'm passionate about knowledge and Computer Graphics, Animation and Video Games and always have worked in companies that are looking for software development and education.

Today I am here to teach everything I know about this fascinating and very lucrative world.

Where did Tito already work?

P3D - UNIVERSITY OF SÃO PAULO (Programmer)
Virtual Reality for Educational Programs of High and Elementary Education

CADRITECH - AUTODESK TRAINING CENTER (Professor)
Teaching the Animation course in 3D Studio Max for 9 years

CENTÉSIMO - MARKETING AND LEARNING (Developer / Partner)
Games and Applications for Corporate Training

TV CULTURA - RADIOS AND EDUCATIONAL TV (Programmer/Animator)
Cartoons and Children's Games for Education

My great dream, is to deliver to Brazil an accessible and high level education about the most modern technologies that exist in the world, so that together, we can build a better world for the next generations.

If you want to learn all about 3D Animation, Game Creation and Applications for iOS and Android, then... follow me the good ones! =)

Dado Almeida
4.5 Average rating
277 Reviews
1,430 Students
2 Courses
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

Escola de Tecnologia Geek Academy
4.5 Average rating
3,305 Reviews
20,889 Students
24 Courses
Vamos juntos construir este mundo!

A Geek Academy é um time de professores apaixonados por tecnologia e educação, que vêm trabalhando há vários anos no desenvolvimento de aplicativos, jogos e animação.

Em nossos cursos só ensinamos as ferramentas de desenvolvimento mais modernas que existem. São os softwares mais utilizados hoje em dia em produtoras e estúdios de filmes e games em todo o mundo.

Todas as ferramentas que ensinamos têm uma aplicação prática no mercado e por isso criam um grande efeito na vida dos nossos alunos.

Nossa principal missão é ensinar a todos a utilizarem bem a tecnologia para beneficiar a humanidade e transformar a educação do país, criando um conhecimento de ponta que seja acessível a todos.

Não perca tempo, conheça nossos cursos e torne-se um grande desenvolvedor em pouco tempo.

"Vamos juntos construir este mundo!"