Desenhando no Flash -^.^-

    Compartilhe
    avatar
    Eskyz
    Membro
    Membro

    Número de Mensagens : 57
    Advertencias : 0%

    Reputação Reputação : 1

    Desenhando no Flash -^.^-

    Mensagem por Eskyz em Sex 27 Nov - 11:22

    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ÃOZoom, 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 ou 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 ^^
    avatar
    rodrigo1434
    Admin
    Admin

    Masculino
    Idade : 23
    Número de Mensagens : 782
    Advertencias : 0%

    Reputação Reputação : 14

    Re: Desenhando no Flash -^.^-

    Mensagem por rodrigo1434 em Sab 28 Nov - 15:56

    Muito bom, bem explicado com esse tuto vou tentar fazer animações , parece que vai ficar bom né, mas o Flash é bom pra animação? ou é focado mais para aplicativos para web?

    Flw Parabéns pra vc
    avatar
    Eskyz
    Membro
    Membro

    Número de Mensagens : 57
    Advertencias : 0%

    Reputação Reputação : 1

    Re: Desenhando no Flash -^.^-

    Mensagem por Eskyz em Sab 28 Nov - 18:15

    Cara, Flash é tudo. Cria jogos, programas, animações, desenhos... Ele é bom pros dois. Fazer animações, to aprendendo... num é tão difícil, mas só sei fazer animações simples Wink

    Se eu aprender a fazer aquelas animações bem cools do carinha usando a espada, eu posto, com certeza ;P

    Conteúdo patrocinado

    Re: Desenhando no Flash -^.^-

    Mensagem por Conteúdo patrocinado


      Data/hora atual: Dom 19 Nov - 1:01