Início
Reputação
Desenhando no Flash
Índice:
Capítulo 001 - Introdução
Capítulo 002 - Abrindo o Flash
Capítulo 003 - Fazendo o Lineart
Capítulo 004 - Colorindo
Capítulo 005 - Exportando a Sheet
Capítulo 006 - Últimas Palavrinhas
1. Introdução
Olá galera! Quanto tempo que não posto hein? É, ora eu faço jogos, ora assisto animes, ora faço tirinhas, não me prendo muito em nada. Não voltei pra minha fase "Criar jogos", mas quis postar qualquer coisa pra vocês saberem que eu ainda estou vivo (sim, ainda estou, e vocês vão ter que minha aturar mAEUHuAHEAE *cof cof*). Ok, hoje vocês vão aprender a desenhar no flash. Na verdade é bem fácil (apesar de ser meio chatinho quando você faz de um jeito, e quer daquele jeito mesmo, e ele arredonda). Não é pixel art, já que pixel art só se faz no Paint, mas ainda assim tá valendo. Antes de começar, você tem que ter pelo menos uma noção de como desenhar um sprite. Só uma noção mesmo.
Não me julgo preparado para ensinar vocês a desenhar no Flash, mas tenho certeza que sabendo usar as ferramentas básicas, cês ficam feras =D. Ok, vamos ao tuto...
* P.S.: Vou colocar as ScreenShots em (*.GIF) pra não prejudicar a galera de net ruim.
2. Abrindo o Flash
Nada demais até aqui, espero. Eu utilizo o Macromedia Flash 8, mas todas as versões são beeem parecidas u.u. Pegue a que você tem ae (se não tiver, baixe ou... nada, nada) e mãos a obra!
Vá em "File > New"
Escolha Flash Document e clique em OK.
Beleza, Documento criado. Antes de avançarmos para o próximo curto (e inútil) capítulo, vamos aprender a mudar o tamanho do Stage (área branca de trabalho). Tá vendo lá embaixo, nas propriedades, a palavra Size, e do lado, um botão? Não?Use óculosOlhe direito. Certo, clique no botão:
Esqueci de circular o botão no Paint, mas você não é nenhum lesado, analfabeto ou cego né? Beleza. Agora, onde tem "Width" é a largura, e onde tem "Height" a altura. Depois de escolher o tamanho, clique em "Ok".
3. Fazendo o Lineart
Antes de colorir, precisamos fazer o Line-art, óbvio. Vamos fazer isso com a "Brush Tool ( B)
". Só a Brush Tool. Nada de "Oval Tool (O)", nem "Rectangle Tool ®", só a Brush Tool. Pelo menos aqui no meu Flash, sempre que eu abro, a praga tá com um dos maiores tamanhos u.u. Então, depois de selecionar a Brush Tool, vá na Barra de Ferramentas e certifique-se de que o tamanho da linha está bom pra desenhar. Eu uso o menor possível o/
Ok véio! Agora, vamos começar a desenhar mesmo! NÃO dê Zoom, a não ser que queira diminuir ainda mais o tamanho da linha. Isso mesmo, se eu colocar 800% de Zoom, a linha vai ficar 8 vezes menor. Se eu colocar 50%, ela fica 2 vezes maior.
Ué, mas não é só aumentar/diminuir o tamanho da linha na barra como eu fiz antes?
FFFFFFFFFFFFFFFFFFFFFFFFUUUUUUUUUUUUUUUUUUUUUU! É mesmo O.O'. Mas de qualquer forma, acho importante avisar ^^
Ham ham! Certifique-se de a cor do balde de tinta é preta, e vamos começar a desenhar =D. Gosto de desenhar no Flash porque ele arredonda os traços, diferente do paint. Então, fica mais fácil (<<< preguiçoso sem talento). Se o Flash ajeitar algo que você não queria, ou ajeitar errado, apenas dê CTRL+Z e tente de novo!
Quando for fazer o cabelo por exemplo, que sobrepõe a cabeça, desenhe tranquilo por cima da cabeça mesmo. Quando acabar, apague os traços da cabeça embaixo do cabelo com a borracha. Nesse caso, dê Zoom para apagar. Não se preocupe, não vai ficar feio, lembra que o Flash é mágico?! Assim:
Antes: =[
Depois: =] (Cool Face)
Oks, todas as ficas foram dadas. Sobre o Lineart, sim. Acho que você sabe desenhar um boneco, mesmo que mal-feito, mas como o Flash é magiku, ele vai ajeitar seu desenho. Brincadeira, ele sendo "mágico" ou não, você TEM que ter pelo menos uma noção de como desenhar uma sprite. Ainda que você não seja bom... leia e treine. Só treinando você vai melhorar (que?! isso é pra mim também?! ah, é mesmo). Aqui está meu resultado:
Não, ele não é emo, só fiquei com preguiça de apagar e fazer um cabelo que não ficasse em cima dos olhos.
Legal ou não, é MEU resultado. O seu pode ficar BEM melhorou BEM pior /zoa.
4. Colorindo
Lekal! Agora, vamos colorir! Nessa parte, vamos dar Zoom. Eu coloquei um Zoom de 800%. Antes de colorir, precisamos só ajeitar uma coisinha nas opções do Balde de Tinta, a "Paint Bucket Tool (K)". Certifique-se que o "Gap Size" é o "Close Large Gaps" Veja a imagem:
Isso vai fazer com que ao pintar, ele tape "os buraquinhos" que você deixou a desenhar o Lineart.
Muito bem, agora que já ajeitamos as opções, pegue o balde de tinta, selecione uma cor, e pinte. Assim:
Beleza. Agora, vá na "Tabela das Cores", e clique naquela bolinha colorida lá encima, no canto direito da tabela.
Agora, selecione um tom mais escuro daquela cor e clique em OK...
Beleza, agora pegue de novo a "Brush Tool" e faça uma linha demarcando o início (digo, o fim) da sombra. Assim:
Essa linha tem que encostar nas duas linhas pretas da qual sai, para fechar o espaço da sombra.
Muito bem, agora, com o balde de tinta e o mesmo tom de cor, pinte a "área da sombra". Vai ficar assim.
Certo, agora é só fazer isso com o resto do corpo. Demora pra explicar, mas é rápido de fazer. Se duas áreas tiverem a mesma cor, basta depois de pintar a primeira, quando for pintar a próxima, ir selecionar a cor, e clicar em um dos dois tons da primeira parte. Anh? Não entendeu? Nem eu. Por exemplo: Se a calça e a blusa tem a mesma cor, quando for pintar a calça, vá selecionar a cor, e clique em cima do tom mais claro da blusa. Quando for fazer a sombra, vá selecionar a cor e clique em cima do tom mais escuro da blusa. Fácil.
Aqui está meu resultado o/:
Para diminuir o personagem, aperte CTRL+A, para selecionar tudo, selecione "Free Transform Tool (Q)", e mude o tamanho ^^. Aí, é só ir desenhando a Sheet até ela estar completa.
5. Exportando a Sheet
Terminou a Sheet? Quer exportar pra usar agora? Vá em:
"File > Export > Export Image..."
Agora, salve! Salvando em (*.PNG), o fundo fica transparente, então, num vai dar pra editar no Paint. Se quiser editar no Paint depois (não sei pra quê) abra com uma versão do Fireworks, e mude o fundo para uma cor que você não usou na Sheet.
6. Últimas Palavrinhas
Ah bom, é isso. Eu posso não ser ultra-mega-ótimo em desenhos no flash, mas queria postar um tuto, não importa como '-' (deu vontade). Mal feito? Talvez. Resultado ruim? Depende do desenhista. Mas, espero que tenha sido útil pra alguma coisa '-'. O que importa é a intenção xD.
É isso. Tchau =D
* P.S.: Talvez você tenha visto esse tuto em algum outro fórum. Mas fui eu que fiz mesmo, eu posto meus tutos nos meu blog e nos meus fóruns favoritos ^^
Índice:
Capítulo 001 - Introdução
Capítulo 002 - Abrindo o Flash
Capítulo 003 - Fazendo o Lineart
Capítulo 004 - Colorindo
Capítulo 005 - Exportando a Sheet
Capítulo 006 - Últimas Palavrinhas
1. Introdução
Olá galera! Quanto tempo que não posto hein? É, ora eu faço jogos, ora assisto animes, ora faço tirinhas, não me prendo muito em nada. Não voltei pra minha fase "Criar jogos", mas quis postar qualquer coisa pra vocês saberem que eu ainda estou vivo (sim, ainda estou, e vocês vão ter que minha aturar mAEUHuAHEAE *cof cof*). Ok, hoje vocês vão aprender a desenhar no flash. Na verdade é bem fácil (apesar de ser meio chatinho quando você faz de um jeito, e quer daquele jeito mesmo, e ele arredonda). Não é pixel art, já que pixel art só se faz no Paint, mas ainda assim tá valendo. Antes de começar, você tem que ter pelo menos uma noção de como desenhar um sprite. Só uma noção mesmo.
Não me julgo preparado para ensinar vocês a desenhar no Flash, mas tenho certeza que sabendo usar as ferramentas básicas, cês ficam feras =D. Ok, vamos ao tuto...
* P.S.: Vou colocar as ScreenShots em (*.GIF) pra não prejudicar a galera de net ruim.
2. Abrindo o Flash
Nada demais até aqui, espero. Eu utilizo o Macromedia Flash 8, mas todas as versões são beeem parecidas u.u. Pegue a que você tem ae (se não tiver, baixe ou... nada, nada) e mãos a obra!
Vá em "File > New"
Escolha Flash Document e clique em OK.
Beleza, Documento criado. Antes de avançarmos para o próximo curto (e inútil) capítulo, vamos aprender a mudar o tamanho do Stage (área branca de trabalho). Tá vendo lá embaixo, nas propriedades, a palavra Size, e do lado, um botão? Não?
Esqueci de circular o botão no Paint, mas você não é nenhum lesado, analfabeto ou cego né? Beleza. Agora, onde tem "Width" é a largura, e onde tem "Height" a altura. Depois de escolher o tamanho, clique em "Ok".
3. Fazendo o Lineart
Antes de colorir, precisamos fazer o Line-art, óbvio. Vamos fazer isso com a "Brush Tool ( B)
". Só a Brush Tool. Nada de "Oval Tool (O)", nem "Rectangle Tool ®", só a Brush Tool. Pelo menos aqui no meu Flash, sempre que eu abro, a praga tá com um dos maiores tamanhos u.u. Então, depois de selecionar a Brush Tool, vá na Barra de Ferramentas e certifique-se de que o tamanho da linha está bom pra desenhar. Eu uso o menor possível o/Ok véio! Agora, vamos começar a desenhar mesmo! NÃO dê Zoom, a não ser que queira diminuir ainda mais o tamanho da linha. Isso mesmo, se eu colocar 800% de Zoom, a linha vai ficar 8 vezes menor. Se eu colocar 50%, ela fica 2 vezes maior.
Ué, mas não é só aumentar/diminuir o tamanho da linha na barra como eu fiz antes?
FFFFFFFFFFFFFFFFFFFFFFFFUUUUUUUUUUUUUUUUUUUUUU! É mesmo O.O'. Mas de qualquer forma, acho importante avisar ^^
Ham ham! Certifique-se de a cor do balde de tinta é preta, e vamos começar a desenhar =D. Gosto de desenhar no Flash porque ele arredonda os traços, diferente do paint. Então, fica mais fácil (<<< preguiçoso sem talento). Se o Flash ajeitar algo que você não queria, ou ajeitar errado, apenas dê CTRL+Z e tente de novo!
Quando for fazer o cabelo por exemplo, que sobrepõe a cabeça, desenhe tranquilo por cima da cabeça mesmo. Quando acabar, apague os traços da cabeça embaixo do cabelo com a borracha. Nesse caso, dê Zoom para apagar. Não se preocupe, não vai ficar feio, lembra que o Flash é mágico?! Assim:
Antes: =[
Depois: =] (Cool Face)
Oks, todas as ficas foram dadas. Sobre o Lineart, sim. Acho que você sabe desenhar um boneco, mesmo que mal-feito, mas como o Flash é magiku, ele vai ajeitar seu desenho. Brincadeira, ele sendo "mágico" ou não, você TEM que ter pelo menos uma noção de como desenhar uma sprite. Ainda que você não seja bom... leia e treine. Só treinando você vai melhorar (que?! isso é pra mim também?! ah, é mesmo). Aqui está meu resultado:
Não, ele não é emo, só fiquei com preguiça de apagar e fazer um cabelo que não ficasse em cima dos olhos.
Legal ou não, é MEU resultado. O seu pode ficar BEM melhor
4. Colorindo
Lekal! Agora, vamos colorir! Nessa parte, vamos dar Zoom. Eu coloquei um Zoom de 800%. Antes de colorir, precisamos só ajeitar uma coisinha nas opções do Balde de Tinta, a "Paint Bucket Tool (K)". Certifique-se que o "Gap Size" é o "Close Large Gaps" Veja a imagem:
Isso vai fazer com que ao pintar, ele tape "os buraquinhos" que você deixou a desenhar o Lineart.
Muito bem, agora que já ajeitamos as opções, pegue o balde de tinta, selecione uma cor, e pinte. Assim:
Beleza. Agora, vá na "Tabela das Cores", e clique naquela bolinha colorida lá encima, no canto direito da tabela.
Agora, selecione um tom mais escuro daquela cor e clique em OK...
Beleza, agora pegue de novo a "Brush Tool" e faça uma linha demarcando o início (digo, o fim) da sombra. Assim:
Essa linha tem que encostar nas duas linhas pretas da qual sai, para fechar o espaço da sombra.
Muito bem, agora, com o balde de tinta e o mesmo tom de cor, pinte a "área da sombra". Vai ficar assim.
Certo, agora é só fazer isso com o resto do corpo. Demora pra explicar, mas é rápido de fazer. Se duas áreas tiverem a mesma cor, basta depois de pintar a primeira, quando for pintar a próxima, ir selecionar a cor, e clicar em um dos dois tons da primeira parte. Anh? Não entendeu? Nem eu. Por exemplo: Se a calça e a blusa tem a mesma cor, quando for pintar a calça, vá selecionar a cor, e clique em cima do tom mais claro da blusa. Quando for fazer a sombra, vá selecionar a cor e clique em cima do tom mais escuro da blusa. Fácil.
Aqui está meu resultado o/:
Para diminuir o personagem, aperte CTRL+A, para selecionar tudo, selecione "Free Transform Tool (Q)", e mude o tamanho ^^. Aí, é só ir desenhando a Sheet até ela estar completa.
5. Exportando a Sheet
Terminou a Sheet? Quer exportar pra usar agora? Vá em:
"File > Export > Export Image..."
Agora, salve! Salvando em (*.PNG), o fundo fica transparente, então, num vai dar pra editar no Paint. Se quiser editar no Paint depois (não sei pra quê) abra com uma versão do Fireworks, e mude o fundo para uma cor que você não usou na Sheet.
6. Últimas Palavrinhas
Ah bom, é isso. Eu posso não ser ultra-mega-ótimo em desenhos no flash, mas queria postar um tuto, não importa como '-' (deu vontade). Mal feito? Talvez. Resultado ruim? Depende do desenhista. Mas, espero que tenha sido útil pra alguma coisa '-'. O que importa é a intenção xD.
É isso. Tchau =D
* P.S.: Talvez você tenha visto esse tuto em algum outro fórum. Mas fui eu que fiz mesmo, eu posto meus tutos nos meu blog e nos meus fóruns favoritos ^^
