GameVicioFórum
GameVicioFórum

Tutorial - Como fazer uma sign

Fórum GameVicio » Tutoriais de Designers » Tutorial - Como fazer uma sign
Tutorial - Como fazer uma sign
Tugh
Tugh arrow_drop_down
    starstarstarstarstarstarstarstarstarstarstar
    GameViciado Master

    Continue correndo...

    ID: #270129
    Membro desde
    Masculino, 31 anos, Namorando
    # Tutorial - Como fazer uma sign
    Resposta de Tugh.

    Bom, o certo era usar um layout, mas como é o 1º tutorial de sign, acho que não vai ter necessidade...

    Beleza, vamos lá... pra se fazer sign pode-se utilizar várias coisas que dão “vida” a sign,

    desde efeitos até imagens sobre imagens... As mais usadas eu vou citar e explicar...

    Brushes – São os pincéis utilizados tanto para se fazer um BG (BackGround) ou dar alguns efeitos de iluminação ou algo mais dependendo da sign... em sign vetorizadas, eles estão presentes em tudo... já nas chamadas full signs, que utilizam renders 3D/C4D, são mais pra iluminação...

    Renders 3D/C4D – São imagens de ótima qualidade, utilizada em sign pra grandes concursos e etc... muitas vezes podem dar efeitos diferentes na sign com sua qualidade e cor...

    Podem ser encontradas no site PlanetRenders ou em packs espalhados por users, que são facilmente encontrados na google...

    OBS.: C4D, significa Cinema 4D...

    Renders – Imagens sem fundo também de ótima qualidade e perfeitamente recortada... podem ser de personagens, logotipos, pessoas entre outras coisas... lembre-se, falou em render, é sem fundo, ou seja, salvo no formato .PNG...

    Stock – Stock são... Imagens normais... hehe... sim, simplesmente imagens!! Podem ser de um wallpaper ou qualquer outra coisa... as Stocks podem parecer mais “fáceis” de se trabalhar, mas CUIDADO... tem de ser pôr efeitos certos, se não, fica apenas uma imagem jogada com tipografia (quando tem)... aí não tem graça...

    Tipografia – A desgraça de muitos!!! O trabalho pode estar perfeito, impecável, surpreendente... mas quando chega a hora de tipografia... vixi... pessoal olha e diz: “só não gostei da fonte/cor/harmonia...”

    Então essa parte pode ser a mais complicada de um trabalho, eu sinto informar... rs

    Mas não temam, vou tentar passar um jeito simples e com bom resultado de se fazer uma

    boa tipografia...

    Agora, ao que interessa!! A sign... tchan tchan tchan tchaaaaaan!! (que coisa brega... ‘-.-)

    Ta, segundo os padrões do fórum, vamos abrir um documento de 315x95, fundo da cor que quizer, pois ainda não resolvi como será o fundo ‘-.-... e em RGB, por favor... rs

    Beleza, decidiii!! (já isso foi meio gay... nada contra... =D)... Vou fazer uma usando uma Stock, no meu caso um wallpaper do 1º jogo que eu achar aqui... hehe

    Achei um wallpaper legal, ele está no tamanho 1600x1200... "meu Deus, e agora, como pôr ele na sign de um jeito que fique bom!!" Simples, ache o ponto principal dele, se estiver no meio (como o meu está) fica mais fácil, pois vc pode a largura no tamanho do documento que você quer pôr... bom, diminui o meu wallpaper com largura exata ao da sign, ou seja, precisei mecher apenas no posicionamento de cima e de baixo, pra ficar bem visível os personagens... deu nisso:

    [img width=315 height=95]http://i25.tinypic.com/2coiycn.png[/img]

    Quem olha já diz: “Nossa, já ta pronta!!”... mas ta não ta fii... hehe... falta um cadim ainda...

    Agora dê um CTRL+SHIFT+U, para deixar a imagem em preto e branco... opa, ouvi alguém dizer: “Ahhhh, mas sign em P&B eu não gosto!!”... hehe, ela não ficará assim, é só para dar a chamada harmonia da futura coloração... Depois, se quizer, de uma iluminada na sign... como?? Varia de imagem pra imagem né... hehe

    Vou mostrar como ficou a minha

    [img width=315 height=95]http://i25.tinypic.com/2h4cqad.png[/img]

    [img width=315 height=95]http://i28.tinypic.com/2eexxxg.png[/img]

    Então,  o L significa Luz e o S significa Sombra... Como fiz?? Simples rápido e fácil... rs... Pegue um Basic Brush, aquele que tem as bordas falhadas, coloque o Mode dele em Lighten e coloque no tamanho 100px, esse foi o meu caso, pois o lugar pra preencher não é grande, mas isso depende também da imagem... Isso que eu disse é para a Luz, para fazer a sombra, só mude o Mode para Normal...

    Outra coisa, aplique Sharpen umas 2 vezes, caso fique ruim na segunda vez, faça assim... Aplique Blur, depois vá em Edit>Fade Blur e coloque a numeração que ficar melhor... No meu caso apliquei Sharpen 2 vezes, e coloquei Fade Blur em 75...

    Agora vem a coloração da sign... também é bem fácil... faça assim, na janela de layers (camadas) que fica embaixo na parte direita, tem um círculo preto e branco, tipo “ying yang”... rs

    Clique nele e vá em Photo Filter, agora varia de cada um!! O meu tutorial é uma expécie de “base”... tipo um exemplo...

    Eu apliquei 3 Photo Filters... Warming Filter (85) e (81) e um Deep Yellow, mas o que faz tudo também é a Density, isso também varia bastante... as minhas eu não me lembro de cabeça... hehe

    Ficou assim:

    [img width=315 height=95]http://i28.tinypic.com/2rw52s0.jpg[/img]

    Repare como realsa a luz... se quizer, aplique também outro Sharpen... se quizer e se não ficar estranho também... hehe

    Agora vem a Tipografia... no meu caso eu usei ao simples que passa o recado... vejam:

    [img width=315 height=95]http://i32.tinypic.com/2ahsj84.jpg[/img]

    Usei a fonte Tahoma, que tem em qualquer PC aí... coloquei no tamanho 11pt e escrevi só o que quis, que foi o nome do jogo... sem nick, que é muito utilizada aí... e eu aderi a isso agora quando faço sign apenas pra mim...

    Pra dar um certo “efeito”, eu coloquei em Soft Light, dupliquei 3 vezes e coloquei a ultima layer duplicada uma Stroke, ou seja, borda...

    Agora vem a borda... simples também, faça assim... crie uma nova layer, dê CTRL+A pra selecionar tudo, vá em Edit>Stroke... coloque a cor que quizer, dê OK e pronto... sign pronta...

    [img width=315 height=95]http://i32.tinypic.com/aca168.jpg[/img]

    Bom, tutorial de Tugh – Rafael Mello, direitos reservados... hehe

    DON’T RIP, PLZ

    Anônimo
    Anônimo arrow_drop_down
      ID: #270270
      Membro desde
      # Re: Tutorial - Como fazer uma sign
      Resposta de Anônimo.

      Excelente. Parabéns. Mas mesmo assim acho que é apenas para profissionais ou semi...Acho tudo muito difícil, pois não é a minha área.

      Mas, repito, excelente tópico.

      abs

      Umdoiscinco
      Umdoiscinco arrow_drop_down
        starstarstarstarstarstarstarstarstar
        Parceiro GameVicio

        Bleach: Shirosaki Ichigo

        ID: #270283
        Membro desde
        Masculino, 32 anos
        # Re: Tutorial - Como fazer uma sign
        Resposta de Umdoiscinco.

        Socorro.

        Estou obsoleto...

        (Bom tuto, Tugh. Valeu. =D)

        [table][tr][td]IMAGEaHR0cDovL2k0Ny5waG90b2J1Y2tldC5jb20vYWxidW1zL2YyMDAvZnVyYWNhb2N1cml0aWJhL3VkY2JzaWduLmpwZw==[/td][td][/td][td][size=9pt]Blog Torre os Miolos - visitaê!

        Net devolta :D :D[table][tr][td]

        maspskin
        maspskin arrow_drop_down
          starstarstarstarstarstarstarstarstarstarstarstar
          Associado GameViciado

          ANTES MORTO QUE VERMELHO

          ID: #270301
          Membro desde
          Masculino
          # Re: Tutorial - Como fazer uma sign
          Resposta de maspskin.

          ??timo tópico,mas só p profissionais

          phenon ll x4 940

          dfi-LANPARTY DK 790X-M2RS

          hd4870-512

          4 gb patriot extreme 800 mhz

          7team 620 paf[/td][/tr][/table]

          cavaleiro da lua
          cavaleiro da lua arrow_drop_down
            starstarstarstarstarstarstarstar
            Detonador de Game

            DEADPOOL

            ID: #270304
            Membro desde
            Masculino
            # Re: Tutorial - Como fazer uma sign
            Resposta de cavaleiro da lua.

            Bom tutorial

            achoq isso vai me ajudar

            [url=http://forum.gamevicio.com.br/index.php?action=rules]IMAGEaHR0cDovL2kzNi50aW55cGljLmNvbS8xNXE1MjEzLnBuZw==

            Anônimo
            Anônimo arrow_drop_down
              ID: #270537
              Membro desde
              # Re: Tutorial - Como fazer uma sign
              Resposta de Anônimo.

              Bom, eh simples.

              mas para os iniciantes eh excelente

              parabens tugh

              abraço

              THE NIGHTCRAWL3R
              THE NIGHTCRAWL3R arrow_drop_down
                starstarstarstarstarstarstarstar
                Detonador de Game

                Up The Irons !!!

                ID: #270541
                Membro desde
                Masculino, 47 anos
                # Re: Tutorial - Como fazer uma sign
                Resposta de THE NIGHTCRAWL3R.

                Achei o que eu tava precisando.

                Muito bom este tutorial.

                Parabéns.

                [table][tr][td]

                IMAGEaHR0cDovL2ltZzI5MS5pbWFnZXNoYWNrLnVzL2ltZzI5MS81NTUyL2NkNHpzMi5qcGc=

                [/td][td]"Você que está chegando agora, reclamando do que está feito, deveria estar aqui na hora de fazer." [table][tr][td]

                Don't look the graphics, enjoy the game!

                EvilLoki
                EvilLoki arrow_drop_down
                  star_border
                  Curioso
                  ID: #360541
                  Membro desde
                  Masculino, 31 anos, Namorando
                  # Re: Tutorial - Como fazer uma sign
                  Resposta de EvilLoki.

                  Olha, eu não entendo NADA NADA NADA desse assunto de design... primeiro eu gostaria de saber qual programa você utilizou pra fazer a sign... onde posso baixá-lo... aí sim eu posso até procurar umas apostilas na net e começar a aprender legalsinho.

                  flw.vlw

                  Gabriel Costa
                  Gabriel_Costa arrow_drop_down
                    starstarstarstarstarstarstarstarstarstarstar
                    GameViciado Master

                    Sakata Gintoki, MY HERO =D

                    ID: #360605
                    Membro desde
                    Masculino, 31 anos
                    # Re: Tutorial - Como fazer uma sign
                    Resposta de Gabriel_Costa.

                    [quote author=Musashy link=topic=32283.msg360541#msg360541 date=1228830723]

                    Olha, eu não entendo NADA NADA NADA desse assunto de design... primeiro eu gostaria de saber qual programa você utilizou pra fazer a sign... onde posso baixá-lo... aí sim eu posso até procurar umas apostilas na net e começar a aprender legalsinho.

                    flw.vlw

                    [/quote]

                    Primeiramente, seja bem vindo ao fórum GameVicio Brasil, se tiver oportunidade apresente-se nesse tópico: URLW0JlbS1WaW5kb10gLSBVc3UmYW1wOyMyMjU7cmlvIG5vdm8/IEFwcmVzZW50ZS1zZSBhcXVpIS0tOzstLWh0dHA6Ly9mb3J1bS5nYW1ldmljaW8uY29tLmJyL2luZGV4LnBocD90b3BpYz0zNTM1MC4wLw==

                    Bom, agora vamos as explicações...

                    Nesse tutorial o progama usado foi o Photoshop, umas das ferramentas de design mais conhecida no mundo, não existe sua versão FULL para download, mas sim para compra... existe a versão DEMO do Photoshop no URLQmFpeGFraS0tOzstLWh0dHA6Ly9iYWl4YWtpLmlnLmNvbS5ici9kb3dubG9hZC9hZG9iZS1waG90b3Nob3AtY3MzLmh0bS8=

                    Analise alguns tutoriais que depois de umas semanas você ja estará "entendido" no assunto.

                    Até

                    IMAGEaHR0cDovL2kzNi50aW55cGljLmNvbS8yYnl5NDQuanBnAlbúm Online, Visite">Albúm Online, Visite

                    Afim de uma sign? Peça aqui.">Afim de uma sign? Peça aqui.

                    Regras>Seção Design GV">Regras>Seção Design GV

                    Regras>Fórum.">Regras>Fórum.

                    Tutoriais de Designer, seu espaço para aprender na GV.">Tutoriais de Designer, seu espaço para aprender na GV.

                    [color=blue]Arena de batalhas GV, Mais um modo de interação entre os user GV! Confira!

                    Anônimo
                    Anônimo arrow_drop_down
                      ID: #375149
                      Membro desde
                      # Re: Tutorial - Como fazer uma sign
                      Resposta de Anônimo.

                      Valeu pelo tópico  ele vai me ajudar muito

                      Esta parte do texto foi marcado como Spoiler. Clique aqui para ver o contéudo.
                      caioamorim
                      caioamorim arrow_drop_down
                        starstarstarstarstar
                        Começando a Saber
                        ID: #375414
                        Membro desde
                        Masculino, 28 anos, Solteiro
                        # Re: Tutorial - Como fazer uma sign
                        Resposta de caioamorim.

                        Vlw ae

                        otimo topico!

                        mauvado
                        mauvado arrow_drop_down
                          starstarstarstarstarstarstarstarstar
                          Parceiro GameVicio

                          Viram ? Mudei de avatar!

                          ID: #375526
                          Membro desde
                          Masculino, 29 anos
                          # Re: Tutorial - Como fazer uma sign
                          Resposta de mauvado.

                          Bom tuto

                          mas acho esse negocio de deixar tipo tom de sépia não é meu estilo

                          IMAGEaHR0cDovL2kyOS50aW55cGljLmNvbS8zNDk5ZDc1LmpwZw==

                          Anônimo
                          Anônimo arrow_drop_down
                            ID: #684320
                            Membro desde
                            # Re: Tutorial - Como fazer uma sign
                            Resposta de Anônimo.

                            Muito bom esse topico agoraa olhaaa os sings (acho ki e isso )ki eu fiz espro que gostem !

                            IMAGEaHR0cDovL2ltYWdlcy5vcmt1dC5jb20vb3JrdXQvcGhvdG9zL09RQUFBRk5hdmlLdGFjbXNQczg5a1FSOExWTWtDZ3dfV2hJeE9KQVQ5MjRIS0M0UnJuRzdGMnpUaDZiMEllMjJ0ck50NGpfdWEtRFFlbWVYSTA5YW1nb2V1ZElBbTFUMVVBZHNfSzRqVTI5NHEtbFgzX1hLSHFGX01oeWEuanBn

                            IMAGEaHR0cDovL2ltYWdlcy5vcmt1dC5jb20vb3JrdXQvcGhvdG9zL09RQUFBQnFxdmp6WDgxSXhPYm1mMUtLNFd3ZVVtbU5oMEh2bXRldzF0cTRRamppdFpTNmRERVBKVTg0WXV5b191NHhzVG1ZM0hMcmRieGpncE5LcXFKbnR6NlFBbTFUMVVEb2N5VTdKRFUyMHBzaXc1TW9yaXdkWnNuNkEuanBn

                            DouglasResende
                            DouglasResende arrow_drop_down
                              starstarstarstar
                              Sabe Pouco

                              "Nunca Faça Algo Para Superar os Outros, Mas Sim Para Superar a Si Mesmo"

                              ID: #722885
                              Membro desde
                              Masculino, 31 anos, Solteiro
                              # Re: Tutorial - Como fazer uma sign
                              Resposta de DouglasResende.

                              Naum entendi nada xD ! ! !

                              Windows 7 Home Premium 32-bit

                              Processador - Intel(R) Core(TM)2 Duo CPU E4500 @ 2.20GHz

                              Placa Mãe - Gigabyte VM900M v1

                              MSI NX7300 LE (NVIDIA GeForce 7300 LE)

                              SAMSUNG HD250HJ (7200RPM)

                              1GB DDR2 667MHz Markvision

                              Fonte ATX 450Watts

                              Monitor LG 17'CRT

                              IMAGEaHR0cDovL2ltZzcxNC5pbWFnZXNoYWNrLnVzL2ltZzcxNC81NjQ5LzM2MjAwLmdpZg==

                              IMAGEaHR0cDovL2ltZzIyOC5pbWFnZXNoYWNrLnVzL2ltZzIyOC8zMzUwLzI4Nzc1LmdpZg==

                              IMAGEaHR0cDovL2ltZzE5Ny5pbWFnZXNoYWNrLnVzL2ltZzE5Ny8yNjk1LzMzMzU5LmdpZg==

                              IMAGEaHR0cDovL2ltZzEzMC5pbWFnZXNoYWNrLnVzL2ltZzEzMC8yMzgzLzI1OTMucG5n

                              IMAGEaHR0cDovL2ltZzE5MS5pbWFnZXNoYWNrLnVzL2ltZzE5MS84MzMwLzE2ODQzLnBuZw==

                              IMAGEaHR0cDovL2ltZzcxMC5pbWFnZXNoYWNrLnVzL2ltZzcxMC8yMzc4LzEwM2dxLmpwZw==

                              IMAGEaHR0cDovL2ltZzcwOC5pbWFnZXNoYWNrLnVzL2ltZzcwOC84ODQ5LzM1MTk2LmdpZg==

                              WOLF05
                              WOLF05 arrow_drop_down
                                star_border
                                Curioso
                                ID: #744242
                                Membro desde
                                Masculino, 28 anos, Solteiro
                                # Re: Tutorial - Como fazer uma sign
                                Resposta de WOLF05.

                                Otimo topico , vlw !

                                esclareceu minhas duvidas =D

                                Fórum GameVicio » Tutoriais de Designers » Tutorial - Como fazer uma sign