Ir para conteúdo
Faça parte da equipe! (2024) ×

Como criar uma boa sign


RenatooO999
 Compartilhar

Posts Recomendados

[CENTER][B][SIZE=6][COLOR=#ff0000]INTRODUÇÃO [/COLOR][/SIZE][/B][/CENTER] E aí galera, bão ou não? Dessa vez teremos um tutorial diferente, não vai ser um daqueles tutoriais onde a pessoa abre o photoshop e mostra passo a passo o que deve ser feito, mostra as técnicas, como usar as ferramentas e blábláblá.. Hoje falaremos sobre alguns aspectos básicos para a criação de uma boa sign, que muitas vezes são esquecidos por todos, mesmo sendo tão importantes.. Primeiramente vamos falar sobre os Principais Tipos de Sign: [LIST] [*][B][COLOR=#ff8000]C4D's[/COLOR][/B] [*][B][COLOR=#00ff00]Smudge[/COLOR][/B] [*][B][COLOR=#0080ff]Vector[/COLOR][/B] [*][B][COLOR=#ff00ff]Manipulação[/COLOR][/B] [/LIST] Lembrando que esses são os mais comuns, mas não se prenda à eles, tente sempre inovar, experimentar novos estilos, etc [CENTER][B][SIZE=6][COLOR=#ff8000]C4D[/COLOR][/SIZE][/B][/CENTER] Utiliza como recurso principal renders feitas no Cinema 4d. Basicamente são formas abstratas em 3D, você pode usar qualquer forma 3D pra fazer esse tipo de sign [CENTER][URL='http://www.webcheats.com.br/threads/mass-effect.2519808/'][IMG]http://orig02.deviantart.net/ea87/f/2015/360/1/9/mass_effect_by_twitterwc-d9lj1xi.png[/IMG][/URL] [URL='http://www.webcheats.com.br/threads/awmor.2521223/'][IMG]http://i.imgur.com/XnsnfvN.png[/IMG][/URL] [URL='http://www.webcheats.com.br/threads/yuumei.2519410/'][IMG]http://orig01.deviantart.net/d1ab/f/2016/002/e/f/yuumei_by_twitterwc-d9mg98b.png[/IMG][/URL][/CENTER] [CENTER][B][SIZE=6][COLOR=#00ff00]Smudge[/COLOR][/SIZE][/B][/CENTER] É um estilo feito que utiliza basicamente a smudge tool, com umas cores ao redor e uma boa iluminação [CENTER][URL='http://rebeccafx.deviantart.com/art/GFX-Morty-Pokemon-633153446'][IMG]http://orig03.deviantart.net/9d7c/f/2016/251/1/c/gfx_morty_pokemon_by_rebeccafx-dagyobq.png[/IMG][/URL] [URL='http://www.webcheats.com.br/threads/smudge-abstrato.2520922/'][IMG]http://i.imgur.com/a45Hqvl.png[/IMG][/URL] [URL='http://colourq.deviantart.com/art/Experimental-627341036'][IMG]http://orig10.deviantart.net/c500/f/2016/223/1/b/experimental_by_colourq-dadi3fw.png[/IMG][/URL][/CENTER] [CENTER][B][SIZE=6][COLOR=#0080ff]Vector/collage[/COLOR][/SIZE][/B][/CENTER] Esse estilo é um pouco diferente, as coisas são mais em 2d, é tudo mais desenhado, mais cartunizado Você pode utilizar brushes(vector brushes) e pen tool para criar os shapes ou pode baixar recursos prontos que são próprios pra esse estilo e ir adicionando. [CENTER] [URL='http://www.webcheats.com.br/threads/madearbear-1.2521417/'][IMG]http://orig07.deviantart.net/5e18/f/2016/034/a/9/mabear_by_eduardo_dsg-d9qd5e8.png[/IMG][/URL] [URL='http://www.webcheats.com.br/threads/s%C3%B3-p-n%C3%A3o-esquecer-msm.2519323/'][IMG]http://i1381.photobucket.com/albums/ah232/HagarOriginal/plante_zps01hoz8qa.png[/IMG][/URL][/CENTER] [CENTER][B][SIZE=6][COLOR=#ff00ff]Manipulation[/COLOR][/SIZE][/B][/CENTER] Combina stocks/renders para criar um ambiente totalmente novo [CENTER][URL='http://www.webcheats.com.br/threads/light-and-darkness.2520812/'][IMG]http://i.imgur.com/VJdQoY5.jpg[/IMG][/URL] [IMG]http://orig03.deviantart.net/e9c8/f/2016/017/8/c/werewolf_in_the_dark_forest_by_renatooo999-d58p8y7.png[/IMG] [URL='http://www.webcheats.com.br/threads/moon.2521200/'][IMG]http://i.imgur.com/IqqGl3t.png[/IMG][/URL][/CENTER] Beleza, agora tendo a noção de qual estilo de tag vc quer fazer, vamos analisar 4 aspectos de uma boa composição, que são: [CENTER][B][SIZE=6][COLOR=#ff0000]1. ILUMINAÇÃO[/COLOR][/SIZE][/B][/CENTER] Qualquer peça precisa de uma fonte de luz, existem múltiplas razões sobre porquê uma fonte de luz é necessária em qualquer peça de arte ou design, desde uma sign até um LP Uma fonte de luz ajuda a blendar a render/focal fazendo com que ela faça parte de um todo que é sua sign. A luz ajuda a criar profundidade A luz ajuda com o sombreamento também, onde não há luz, há sombras (meio óbvio, não?) É o aspecto mais importante de uma sign, pois sem iluminação, seus olhos não podem ver Na vida real luz e sombras funcionam sempre do mesmo jeito, não importa onde vc esteja, sempre o que estiver próximo a uma fonte de luz estará mais claro, e onde a luz dessa fonte não chega estará escuro. e na hora de fazer uma sign isso não pode ser diferente, vc tem que estar atento para não colocar a iluminação em um lugar onde possui sombras, pois isso não condiz com a realidade e sua sign fica estranha Quando você vê uma sign que parece esquisita, a primeira coisa errada que vc repara é a iluminação portanto se tiver algo te incomodando na sua sign e não sabe o que é, cheque a iluminação. Geralmente é ai que está o problema. Para determinar onde adicionar uma fonte de luz eu geralmente analiso as áreas mais claras da minha render como referencial, mas mesmo assim existem renders que possuem mais de um foco de luz, ou seja, existem dois ou mais pontos de onde a luz vem, por isso é importante ficar atento. Aqui algumas imagens para análise da iluminação [SPOILER] [IMG]http://i.imgur.com/ZAW3Csn.png[/IMG] As áreas mais claras são vistas primeiro [IMG]http://i.imgur.com/qQt03Xx.png[/IMG] Considere a fonte da luz (o que causa a luz?) De onde ela vem? [IMG]http://i.imgur.com/fjbrPo6.png[/IMG] Atrás? [IMG]http://i.imgur.com/wdDxFNb.png[/IMG] Na frente? [IMG]http://i.imgur.com/KSk4KA5.png[/IMG] Por baixo? [IMG]http://i.imgur.com/BQYubGX.png[/IMG] Você pode usar certas cores para fazer com que certas áreas pareçam mais claras [IMG]http://i.imgur.com/gKpfNDX.png[/IMG] Considere o reflexo natural da luz no resto da tag, não apenas na render [IMG]http://i.imgur.com/nVxGahZ.png[/IMG] Contraste, iluminação com áreas de sombra [/SPOILER] Video-Aula sobre Burn tool, Dodge tool, focos de iluminação, como fazer sombras e noções básicas de iluminação https://www.youtube.com/watch?v=PfCIvO8Ht4U [CENTER][B][SIZE=6][COLOR=#ff0000]2. FLOW[/COLOR][/SIZE][/B][/CENTER] Quando falamos sobre 'Flow' estamos nos referindo à relação entre o background e efeitos com o ponto focal da sign (geralmente a render). Todos os efeitos e tudo que está acontecendo na sua sign devem estar apontando para a mesma coisa, ou uma mesma direção. Flow é o caminho ao longo da sua sign que vc quer que os outros sigam com os olhos. Geralmente é feito para destacar melhor os efeitos e deixar tudo menos confuso e bagunçado. O Flow é a relação dos efeitos com o ponto focal. Tudo que vc fizer deve ter um flow, uma direção, um sentido. Um bom modo de demonstrar o flow é o smudge, pois o caminho que o smudge faz na sign geralmente obedece ao Flow. Para entendermos melhor a primeira coisa que você vê ao olhar para uma sign deve ser o ponto focal e a partir do ponto focal o caminho que seus olhos irão percorrer ao longo da sign é determinado pelo Flow. Por isso, se os efeitos da sua sign não seguirem o mesmo flow tudo ficará bagunçado, as pessoas ficarão sem saber pra onde olhar e não acharão a sign agradável. [CENTER][B][SIZE=6][COLOR=#ff0000]3. CORES[/COLOR][/SIZE][/B][/CENTER] A seleção de cores é um aspecto que sempre depende das preferências do artista, entretanto para facilitar, há algumas dicas gerais que você pode seguir. Aqui estão alguns temas diferentes de cores que são comumente usadas: [CENTER][B]Monocromático[/B] (cores que tem o mesmo matiz mas tons diferentes) [IMG]http://i.imgur.com/YkOyO8G.png[/IMG][/CENTER] Basicamente é utilizada uma única cor com tons diferentes, por exemplo: verde, verde escuro, verde claro, etc O que as pessoas fazem é usar também preto e branco, pois usar somente uma mesma cor na sign toda fica bem enjoativo. [CENTER][B]Cores complementares[/B] (cores que estão contrárias umas das outras na roleta de cores) [IMG]http://i.imgur.com/Ej5M4HK.png[/IMG][/CENTER] São cores contrárias uma da outra na roda de cores. Você pega uma cor, vê qual está do outro lado da roda em uma linha reta e pronto. [CENTER][B]Cores Análogas[/B] (cores adjacentes na roleta de cores) [IMG]http://i.imgur.com/VkXRnAf.png[/IMG][/CENTER] São cores que estão proximas umas das outras, não é a mesma cor, mas são próximas, como azul e roxo , vermelho e laranja, etc [CENTER][B]Tríade[/B] (3 hues posicionados à mesma distância um do outro na roleta de cores) [IMG]http://i.imgur.com/VYsobwk.png[/IMG][/CENTER] Basta pegar sua roda de cores, dividir em três partes iguais e pegar as cores de onde as divisões estão e pronto. (As três cores devem estar à 60° uma das outras) Basicamente estes são os estilos mais comuns, mas é claro que também existem outros modos de utilizar sua roda de cores, se quiser saber mais: https://www.youtube.com/watch?v=ufkrPBIluIU Se quiser saber ainda mais sobre cores, temos aqui um tópico muito interessante postado pelo .Dee [URL='http://www.webcheats.com.br/threads/uma-palavrinha-sobre-cores.2522001/']Uma palavrinha sobre Cores[/URL] [CENTER][B][SIZE=6][COLOR=#ff0000]4. PROFUNDIDADE[/COLOR][/SIZE][/B][/CENTER] Tem tudo a ver com perspectiva. Onde algo está em perspectiva à alguma outra coisa. Profundidade é o que vai fazer sua tag parecer o mais 3D possível. Com isso você estará criando realismo. Para isso, usualmente as coisas que estão no fundo devem aparecer menores e menos focadas, enquanto as coisas que estão na frente devem aparecer mais nítidas e maiores (a não ser que esteja bem próximo mesmo, nesse caso deve-se desfocar). Parece confuso mas não é. Por exemplo, coloque um dedo em frente ao seu rosto, e foque sua visão no seu dedo, você verá que tudo ao redor ficará embaçado (desfocado), você perde detalhes lá.. E Quanto mais você aproximar o dedo do seu rosto, você percebe que eventualmente após um certo ponto a visão de seus olhos irão se cruzar e aí seu dedo começará a ficar embaçado e tudo ao redor que estiver à meia distância ficará nítido. E esse é o efeito que você quer replicar na sua sign, dependendo em quão perto ou longe algo está é o que determina se vc deverá usar blur ou sharpen. Técnicas para profundidade: Normalmente a Blur tool é um bom modo de demonstrar distância, mas também podemos utilizar luz e sombras para isso. Há dois modos principais de mostrar profundidade que são: Blur vindo do background para o foreground, desfocando mais o que está longe e menos o que está perto, isso mostra distância. Ou você pode mostrar que algo está na frente, apenas colocando essa coisa na frente das outras, kkkkkkk .. Lembrando da perspectiva é claro ^^ [B][SIZE=6][COLOR=#ff0000]Considerações finais[/COLOR][/SIZE][/B] Bom, tendo esses conceitos em mente, eu creio que você será capaz de criar uma boa sign. Se quiserem, em breve estarei fazendo uma segunda parte deste tutorial onde tentarei explicar como funciona a escolha de recursos e como utilizá-los corretamente. Por hoje é só, Obrigado :D Lembre-se: Qualquer dúvida deixe aqui embaixo, beijos [PLAIN]:*[/PLAIN] [RIGHT][B]Créditos:[/B] Esse tópico foi baseado no seguinte vídeo: [URL='https://www.youtube.com/watch?v=0ur0ku6Ywgc']The Ultimate Photoshop Signature Tutorial[/URL] Signs usadas no tópico: (É possível clicar na sign para abrir o tópico dela) @Bellamy Blake @midwino @GasKun @ProArts @ShiezO ' @Oragah @RenatooO999 Demais imagens e formatação: RenatooO999 (Eu)[/RIGHT]
nQ3rEGL.png

Link para o comentário
Compartilhar em outros sites

Vlw Re Muito bom o Tutorial <3 Vou estudar bastante por ele

"Eu queria ter cinco vidas,

Eu queria nascer em cinco cidades diferentes.

Comer cinco vezes a mesma quantidade de comida.

Ter cinco profissões. Mas nessas cinco vidas, eu amaria a mesma pessoa."

Link para o comentário
Compartilhar em outros sites

  • 1 mês depois...
Este tópico está impedido de receber novos posts.
 Compartilhar

  • Quem Está Navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.
×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.