Subwat Extreme Fun

Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

4 participantes

    [TUTORIAL] Sign Completa

    King of Fighter
    King of Fighter
    Admin


    Mensagens : 458
    Pontos : 23704
    Reputação : 16
    Data de inscrição : 07/08/2011
    Idade : 27
    Localização : Indaiatuba/SP

    [TUTORIAL] Sign Completa Empty [TUTORIAL] Sign Completa

    Mensagem por King of Fighter Ter Ago 16, 2011 10:27 am

    Galera...Pedi pro Hawk deixar eu floodar aki neste topico pois o tutorial e grande e ele deixou entao nao reclamem -_-

    Olá amigos, irei mostrar pra vocês nesses tutorial como criar uma sign de dificuldade média, mas de um método bem simples pra vocês entenderem.

    Irei usar o programa Adobe Photoshop CS3.
    Dificuldade: Média
    Teremos 3 etapas:

    1ª - Borda
    2ª - BG
    3ª - Tipografia


    Créditos: Valério

    PRIMEIRA ETAPA: BORDA

    1- Vá em File > New e crie uma imagem de 520 x 310


    [TUTORIAL] Sign Completa 2lbi3pi


    2- Agora clique Ctrl + R , que irá aparecer uma régua. Agora clique na régua com o botão esquerdo e arraste-a até o centro, faça isso nos dois sentidos ( vertical e horizontal).
    Que irá fica assim :

    [TUTORIAL] Sign Completa 25qpveu

    3- Agora selecione a ferramenta 'Pen Tool' .


    [TUTORIAL] Sign Completa 20q01hx

    Com a configuração idêntica a minha :

    [TUTORIAL] Sign Completa Abmhqr

    4- Faça meio 'circulo' com a Pen Tool .

    [TUTORIAL] Sign Completa 2znuxib

    5- Vá na janela " Layers " ( caso não esteja aberta vá em Windows > Layers ) ;
    Clique com o botão direito e logo após em "Rasterize Layer".


    [TUTORIAL] Sign Completa 1zdonig
    Proxima Pagina
    King of Fighter
    King of Fighter
    Admin


    Mensagens : 458
    Pontos : 23704
    Reputação : 16
    Data de inscrição : 07/08/2011
    Idade : 27
    Localização : Indaiatuba/SP

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por King of Fighter Ter Ago 16, 2011 10:49 am

    Continuando..

    6- Agora de Ctrl + J . E em seguida de Ctrl + T.
    Agora clique com o botão direito sobre o quadrado de seleção e clique em "Flip Horizontal" .
    Depois arraste para o outro lado e de ENTER. Vai ficar assim:

    [TUTORIAL] Sign Completa 2e48zts

    7- Agora começa o verdadeiro trabalho:
    Use a ferramenta Pen Tool e vá desenhando por cima e por baixo da "circulo" que você havia criado.
    Use cores diferentes para não se confundir. Então repita o processo " 6 " com cada parte.
    PS: Para juntar duas layers o comando é Ctrl + e.
    Sua imagem estará assim no final


    [TUTORIAL] Sign Completa 167nu5v

    8- Apliquei alguns Styles e aumentei o número de Layers e a borda está pronta.

    [TUTORIAL] Sign Completa B6djdh

    9- File > Save As > e escolha a Pasta.
    PS: Salve como .PNG .

    SEGUNDA ETAPA: BG

    1- Crie uma nova imagem do mesmo tamanho da borda 520 x 310

    [TUTORIAL] Sign Completa 2lbi3pi


    2- Escolha uma das Renders que você escolheu para fazer sua sign.
    E arraste-a para a imagem da BG, com a ferramenta "Move Tool"
    .

    [TUTORIAL] Sign Completa 3090e4j

    3- Agora de Ctrl + J na layer da Render. E vá arrastando ela com a ferramenta Move Tool para os lados.
    Ficando assim :


    [TUTORIAL] Sign Completa Iqzhjq

    4- Agora preste bastante atenção, você irá selecionar a layer bem de cima segurar Shift e clicar na última que contem a render, sua janela de layer ficará assim:

    [TUTORIAL] Sign Completa 2u5rrx3

    5- Clique com o botão direito e depois clique em "Convert to smart ..." :

    [TUTORIAL] Sign Completa Xbzifm


    6- Agora vá em Filter > Blur > Motion Blur . O resultado será esse :

    [TUTORIAL] Sign Completa 4ghegp

    7- Jogue todas as Renders que você separou sobre a render com movimento.

    [TUTORIAL] Sign Completa Y2wrt

    8- Agora clique na Layer bem de cima e fique clicando Ctrl + e até todas as layers virarem uma só.
    Agora clique em ctrl + J , e na layer de cima vá em Filter > Blur > Gaussian Blur .
    Deixe essa Layer em overlay :

    [TUTORIAL] Sign Completa 34sggoi


    e Clique em Ctrl + e.

    9- Pronto sua BG está criada;

    [TUTORIAL] Sign Completa Eikw1c

    Conceitos básicos:

    Render = Imagens que você já encontra cortada.
    um bom site de busca seria o www.planetrenders.net
    Layer = Camada
    Ctrl + J = Duplica a layer.
    Ctrl + E = Junta as layers.


    Proxima Pagina
    King of Fighter
    King of Fighter
    Admin


    Mensagens : 458
    Pontos : 23704
    Reputação : 16
    Data de inscrição : 07/08/2011
    Idade : 27
    Localização : Indaiatuba/SP

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por King of Fighter Ter Ago 16, 2011 10:59 am

    TERCEIRA ETAPA: TIPOGRAFIA

    1- Já juntei a BG e a Borda, dei mais uns toques e ficou assim:

    [TUTORIAL] Sign Completa Rrhzjq

    2- Selecione a ferramenta de texto :

    [TUTORIAL] Sign Completa 11tx3d2

    3- Escreva o Nick/Nome de quem você vai entregar a Sign ou o seu próprio.
    Aplique uns Styles e pronto;


    [TUTORIAL] Sign Completa 11v1xkg

    4- Para salvar ( File > Save As ) .
    FIM


    AJUDEI? Clique no + Ali do lado


    Última edição por The King of Fire em Ter Ago 16, 2011 6:23 pm, editado 1 vez(es)
    Douglas Borges Oake
    Douglas Borges Oake
    Dominador


    Mensagens : 334
    Pontos : 23621
    Reputação : 23
    Data de inscrição : 30/07/2011
    Idade : 25
    Localização : Curioso?

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Douglas Borges Oake Ter Ago 16, 2011 6:16 pm

    Gostei =P
    avatar
    Convidad
    Convidado


    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Convidad Ter Ago 16, 2011 6:43 pm

    Vai ajudar a fazer um sign.ajudou ;D
    Douglas Borges Oake
    Douglas Borges Oake
    Dominador


    Mensagens : 334
    Pontos : 23621
    Reputação : 23
    Data de inscrição : 30/07/2011
    Idade : 25
    Localização : Curioso?

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Douglas Borges Oake Ter Ago 16, 2011 6:47 pm

    Concordo XD
    King of Fighter
    King of Fighter
    Admin


    Mensagens : 458
    Pontos : 23704
    Reputação : 16
    Data de inscrição : 07/08/2011
    Idade : 27
    Localização : Indaiatuba/SP

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por King of Fighter Ter Ago 16, 2011 7:09 pm

    Galera. design e a pessoa que faz o sign.
    avatar
    Convidad
    Convidado


    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Convidad Ter Ago 16, 2011 8:29 pm

    Pô. Parabéns! Vai ajudar muito, muito, muito...
    E além disso. Pessoas que não sabem fazer um sign e querem saber como é.
    Tá aqui! Pô! Isso merece um "FIXO!"
    Além de estar bem detalhado com fotos.

    REP+ e Topic "FIXO!"
    King of Fighter
    King of Fighter
    Admin


    Mensagens : 458
    Pontos : 23704
    Reputação : 16
    Data de inscrição : 07/08/2011
    Idade : 27
    Localização : Indaiatuba/SP

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por King of Fighter Ter Ago 16, 2011 8:33 pm

    blz dps passo + uns tutorial aki ^^
    avatar
    Convidad
    Convidado


    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Convidad Qua Ago 17, 2011 9:50 am

    Aqui não..
    Cria outro Tópico viu, The King.
    Eu é que não tenho o Photoshop (Eu acho!)
    Mas.. nunca pensei em fazer um sign, e dá preguiça.
    Então eu nem tento.
    Cria outro Tópico The King.
    Ensinando! Outras coisas sobre Signs e talz.
    Caso, eu achar que ficou bom, organizado. Ou algum dos Admins aqui.
    Vira "FIXO" e ganha REP Smile
    King of Fighter
    King of Fighter
    Admin


    Mensagens : 458
    Pontos : 23704
    Reputação : 16
    Data de inscrição : 07/08/2011
    Idade : 27
    Localização : Indaiatuba/SP

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por King of Fighter Qua Ago 17, 2011 10:26 am

    quando eu falei ``aki´´ nao foi dizendo neste topico foi dizendo na area de tutoriais
    avatar
    Convidad
    Convidado


    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Convidad Qua Ago 17, 2011 2:39 pm

    Nuss..
    Que patada, que coice ¬¬
    King of Fighter
    King of Fighter
    Admin


    Mensagens : 458
    Pontos : 23704
    Reputação : 16
    Data de inscrição : 07/08/2011
    Idade : 27
    Localização : Indaiatuba/SP

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por King of Fighter Qua Ago 17, 2011 5:07 pm

    biel n foi patada nen coice -_-
    2 coisas:
    1°Me da permiçao pra floodar nos tutoriais grandes
    2°Faço mais uns 5 tuto c vc voltar a jogar quer?? @suborno
    Zuera faço mesmo c tu nao voltaar + queria q voltasse ^^
    avatar
    Convidad
    Convidado


    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Convidad Qua Ago 17, 2011 6:43 pm

    Eu já tô jogando o OT Smile
    Eu dei uma parada no GC. Tô voltando.
    Mas.. eu digo uma coisa:

    - Não vou demorar. Daqui a pouco quero jogar GC de novo :]
    E no de floodar:

    Sim! Se for criar um tópico seu. Como esse. Poderá floodar. Mas.. não nos tópicos dos outros =]

    Bye.
    King of Fighter
    King of Fighter
    Admin


    Mensagens : 458
    Pontos : 23704
    Reputação : 16
    Data de inscrição : 07/08/2011
    Idade : 27
    Localização : Indaiatuba/SP

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por King of Fighter Qua Ago 17, 2011 7:42 pm

    eu sei ^^ te vi la + quero que jogue pra sempre e serio^^

    Vlw por dar a permiçao
    avatar
    Convidad
    Convidado


    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Convidad Qua Ago 17, 2011 10:57 pm

    Para de joga GC Biel ;D
    Tobbi
    Tobbi
    Dominador


    Mensagens : 433
    Pontos : 23868
    Reputação : 20
    Data de inscrição : 02/07/2011
    Idade : 26
    Localização : São Paulo - SP

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Tobbi Qui Ago 18, 2011 11:09 am

    DAORAA pra baixar precisa de nada ne ?
    pra baixar esse programa ?

    REP+
    King of Fighter
    King of Fighter
    Admin


    Mensagens : 458
    Pontos : 23704
    Reputação : 16
    Data de inscrição : 07/08/2011
    Idade : 27
    Localização : Indaiatuba/SP

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por King of Fighter Qui Ago 18, 2011 12:40 pm

    so procurar no google o Photoshop CS3 ^^
    Douglas Borges Oake
    Douglas Borges Oake
    Dominador


    Mensagens : 334
    Pontos : 23621
    Reputação : 23
    Data de inscrição : 30/07/2011
    Idade : 25
    Localização : Curioso?

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Douglas Borges Oake Ter Set 13, 2011 1:57 pm

    Parece q eh facil mas nem eh..
    Eu acho q nao esta mto bom explicado..
    Lilozin Caotico
    Lilozin Caotico
    Servo


    Mensagens : 13
    Pontos : 22919
    Reputação : 0
    Data de inscrição : 04/10/2011

    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Lilozin Caotico Sáb Mar 24, 2012 7:26 pm

    King Mais assim , á bordá eo já fiz pá , velho tá ténso colocá a imagen dentro da bordá , dps qê eo faço ctrl+j , dunádá fala qê o disco tá cheio .-. ,dai não dá p/ acaba D:



    sê tivêr como ajudá agradeço (:

    Conteúdo patrocinado


    [TUTORIAL] Sign Completa Empty Re: [TUTORIAL] Sign Completa

    Mensagem por Conteúdo patrocinado


      Data/hora atual: Sex Abr 19, 2024 10:41 am