Tópico fixo para postagem de dicas sobre design.

AEEEEEEEE! Boa versu!




Eai pessoal, tudo beleza? A Partir de Hoje eu irei postar diariamente dicas de Photoshop e outras ferramentas relacionados a Signatures, Manipulações e Pesquisa de recursos, Não são dicas extensas, mas sim dicas rápidas que podem ajudar bastante a economizar tempo e conseguir fazer mais signatures para fazer leilões mais rápidos.

Vamos começar pela letra V.

Quote

V: A ferramenta Mover é uma das mais utilizadas pelos designers para mover objetos pela sua tela assim selecionando as camadas desejadas, essa ferramenta consiste em basicamente cuidar das funções de Mover e selecionar objetos, caso a sua função Auto-Select esteja ativada. Ela pode ser ativada usando a letra V como comando.

Quote

P: A ferramenta Pen-Tool é a ferramenta chave para a criação e renderização de várias ilustrações para compor as signatures, sem ela a signature não ganha vida e nem forma, a habilidade com a pen-tool é baseada na prática que o designer tem com ela, é uma ferramenta de difícil uso, mas muito eficaz quando se compreende como ela funciona. Podemos encontrar ela utilizando a letra P.

Quote

Control+Alt+Z: "Fiz besteira e agora quero desfazer, mas já avancei demais, o que fazer?" O Atalho "Desfazer" talvez seja um dos maiores salvadores da pátria na vida de vocês, porém muitas vezes vocês apagam tudo pois só pode voltar apenas 5 vezes, 4, talvez até 3 vezes! Não se desesperem, chega de re-começar do 0! Para aumentar as etapas de "comeback" do Photoshop basta pressionar Control + K ir em Performance e em History States(Historico de Estados) e Aumentar para quantas fases quiser!

Com toda certeza os Brushs fazem parte da criação da signature, os efeitos ou sua maioria surgem da função do pincel e muitas pessoas se sentem cansadas ao ficar abrindo a caixa de diálogo para aumentar ou diminui a espessura do Brush, seja ele para apagar ou para pintar algo. Mas não é preciso mais se preocupar, abaixo na imagem mostra o atalho mais fácil para aumentar ou diminuir o seu tamanho.

Esta foi a dica de Hoje! Lembrando que todos os tópicos de dicas ficarão aberto para pessoas que queiram também deixar suas dicas. Estejam cientes que as dicas tem um nível, são eles Iniciantes, Intermediárias e Avançadas. Em caso de flood o comentário será apagado.

— COMANDOS GERAIS

Spoiler

F1 — Abre o Adobe Help Center (Ajuda Online do Photoshop).
F5 — Mostrar ou esconder a paleta de Predefinições de Pincéis (Brushes).
F6 — Mostrar ou esconder a paleta de Cores, Amostras e Estilos.
F7 — Mostrar ou esconder a paleta de Camadas, Canais e Demarcadores (Layers).
F8 — Mostrar ou esconder a paleta do Navegador, Informações e Histograma (Info).
F9 — Mostrar ou esconder a paleta do Histórico e Ações.
Tab — Mostrar ou esconder todos os componentes da tela.
Shift+Tab — Mostrar ou esconder todos os componentes da tela (com exceção da barra de ferramentas).

— ATALHOS PARA BARRA DE FERRAMENTAS

Spoiler

M - Letreiro Retangular (Rectangular Marquee); Letreiro Elíptico (Elliptical Marquee)
V - Mover (Move)
L - Laço (Lasso); Laço Poligonal (Polygonal Lasso); Laço Magnético (Magnetic Lasso)
W - Varinha Mágica (Magic Wand)
C - Corte Demarcado (Crop)
K - Fatia (Slice); Seleção de Fatia (Slice Select)
J - Pincel Para Recuperação de Manchas (Spot Healing Brush); Pincel de Recuperação (Healing Brush); Correção (Patch); Olhos Vermelhos (Red Eye)
B - Pincel (Brush); Lápis (Pencil); Substituição de Cor (Color Replacement)
S - Carimbo (Clone Stamp); Carimbo de Padrão (Pattern Stamp)
Y - Pincel do Histórico (History Brush); História da Arte (Art History Brush)
E - Borracha (Eraser); Borracha de Plano de Fundo (Background Eraser); Borracha Mágica (Magic Eraser)
G - Degradê (Gradient); Lata de Tinta (Paint Bucket)
R - Desfoque (Blur); Nitidez (Sharpen); Borrar (Smudge)
O - Subexposição (Dodge); Superexposição (Burn); Esponja (Sponge)
A - Seleção de Demarcador (Path Selection); Seleção Direta (Direct Selection)
T - Texto Horizontal (Horizontal Type); Texto Vertical (Vertical Type); Máscara de Texto Horizontal (Horizontal Type Mask); Máscara de Texto Vertical (Vertical Type Mask)
P - Opções da Ferramenta Caneta (Pen); Caneta de Forma Livre (Freeform Pen)
U - Retângulo (Rectangle); Retângulo Arredondado (Rounded Rectangle); Elipse (Ellipse); Polígono (Polygon); Linha (Line); Forma Personalizada (Custom Shape)
N - Observações (Notes); Comentário de Áudio (Audio Annotation)
I - Conta-gotas (Eyedropper); Classificador de Cores (Color Sampler); Medir (Measure)
H - Mão (Hand)
Z - Zoom
D - Cores de Primeiro Plano e Plano de Fundo Padrão (Reset Foreground and Background To Black and White)
X - Alternar Cores de Primeiro Plano e Plano de Fundo (Change Foregroud to Background)
Q - Alternar entre Editar no Modo Padrão (Pattern Mode); Editar no Modo Máscara Rápida (Quickmode)
F - Alternar para o Modo de Tela Padrão (Pattern Screen); Modo de Tela Cheia com Barra de Menus (Fullscreen w/ Menu Bars); Modo de Tela Cheia (Fullscreen).

— Atalhos para ARQUIVO (File Menu)

Spoiler

Novo… (New) - Ctrl+N
Abrir… (Open) - Ctrl+O
Procurar… (File Browser) - Ctrl+Alt+O
Abrir Como… (Open As) - Ctrl+Alt+Shift+O
Editar no Image Ready (Jump to Image Ready) - Ctrl+Shift+M
Fechar (Close) - Ctrl+W
Fechar Todas (Close All) - Ctrl+Alt+W
Fechar e Ir para o Bridge… (Close and Jump to Bridge) - Ctrl+Shift+W
Salvar (Save) - Ctrl+S
Salvar Como (Save As) - Ctrl+Shift+S
Salvar para Web (Save to Web) - Ctrl+Alt+Shift+S
Reverter (Revert) - F12
Info Sobre Arquivo (File Info) - Ctrl+Alt+Shift+I
Configurar Página (Page Setup) - Ctrl+Shift+P
Imprimir com Visualização (Preview Print) - Ctrl+Alt+P
Imprimir (Print) - Ctrl+P
Imprimir uma Cópia (Print Copy) - Ctrl+Alt+Shift+P
Sair (Exit) - Ctrl+Q

— Atalhos para EDITAR (Edit Menu)

Spoiler

Desfazer - Ctrl+Z
Avançar uma Etapa (Step Backward) - Ctrl+Shift+Z
Retroceder uma Etapa (Step Forward) - Ctrl+Alt+Z
Atenuar…(Fade) - Ctrl+Shift+F
Recortar (Cut) - Ctrl+X ou F2
Copiar (Copy) - Ctrl+C ou F3
Copiar Mesclado (Copy Merged) - Ctrl+Shift+C
Colar (Paste) - Ctrl+V ou F4
Colar em (Paste Into) - Ctrl+Shift+V
Transformação Livre (Free Transform) - Ctrl+T
Transformar Novamente (Tranform Again) - Ctrl+Shift+T
Configuração de Cores (Color Settings) - Ctrl+Shift+K
Atalhos de Teclado (Keyboard Shortcuts) - Ctrl+Alt+Shift+K
Mudar Preferências (General Preferences) - Ctrl+K
Atalhos para IMAGEM (Image Menu)
Níveis (Levels) - Ctrl+L
Níveis Automáticos (Auto Levels) - Ctrl+Shift+L
Contraste Automático (Auto Contrast) - Ctrl+Alt+Shift+L
Cor Automática (Auto Color) - Ctrl+Shift+B
Curvas… (Curves) - Ctrl+M
Equilíbrio de Cores… (Color Balance) - Ctrl+B
Matiz/Saturação (Hue/Saturation) - Ctrl+U
Remover Saturação (Desaturation) - Ctrl+Shift+U
Inverter (Invert) - Ctrl+I
Tamanho da Imagem (Image Size) - Ctrl+Alt+Y

— Atalhos para CAMADAS (Layers Menu)

Spoiler

Nova Camada (New Layer) - Ctrl+Shift+N
Nova Camada por Cópia (Layer via Copy) - Crtl+J
Nova Camada por Corte (Layer via Cut) - Ctrl+Shift+J
Criar/Soltar Máscara de Corte (Create/Release Clipping Mask) - Ctrl+Alt+G
Agrupar Camadas (Group with Previous) - Ctrl+G
Desagrupar Camadas (Ungroup) - Ctrl+Shift+G
Trazer para o Primeiro Plano (Bring to Front) - Ctrl+Shift+]
Trazer para Frente (Bring Forward) - Ctrl+]
Enviar para Trás (Send Backward) - Ctrl+[
Enviar para o Plano de Fundo (Send to Back) - Ctrl+Shift+[
Mesclar Camadas (Merge Down) - Ctrl+E
Mesclar Camadas Visíveis (Merge Visible) - Ctrl+Shift+E

— Atalhos para SELECIONAR (Select Menu)

Spoiler

Selecionar Tudo (Select All) - Ctrl+A
Cancelar Seleção (Deselect) - Ctrl+D
Selecionar Novamente (Reselect) - Ctrl+Shift+D
Inverter Seleção (Inverse Selection) - Ctrl+Shift+I ou Shift+F7
Selecionar Todas as Camadas (All Layers) - Ctrl+Alt+A
Difusão… (Feather) - Ctrl+Alt+D ou Shift+F6

Bom, não foi de minha autoria, mas a maioria daí eu já sabia, isso foi bom até pra mim que aprendi uns comandos novos pro photoshop, espero que ajude vocês!!!
Att. Worm Fonte. oficinadanet

Hehe vim postar umas dicas.

Dicas de como Fazer uma borda boa.

1º Passo:

Quote

Primeiramente para você fazer uma borda que combine, Você tem que procurar primeiramente a "Render", Pois caso você faça uma borda vai ser dificil encontrar um tema que encaixe depois, Por isso procure a render primeiramente.

2º Passo:

Quote

Antes de fazer a borda procure pontos positivos da render, Detalhes e Caracteristicas.
Ex:

Spoiler

3º Passo:

Quote

Faça com styles da cor do personagem, Mais não Exagere nas "styles", No mínimo "2" Styles e no Maximo "5" Styles.

4º Passo:

Quote

Faça camadas bem detalhadas para harmoniza a sign, Camadas pequenas para detalhar bem a borda, Pois uma sign bem detalhada fica muito bom na bordas e também fica harmonizada.

Então e isso espero que tenham gostado das dicas.

Editado Abril 16, 2015 11 anos por B_T_R

-
vou participar do tópico um pouquinho...
ps:são dicas para iniciantes caso estejam abaixo do seu nível apenas ignore.

---

Vou dar dicas voltadas para as tag's, espero que poção ser uteis

dica 1
Tenta começar sua gfx com documentos de 400x200 pixel's porque a manipulação das imagens fica razoavelmente melhor nessas dimensões digamos ''padrão''.

dica 2
Quando for redimensionar a sua render ou wallpaper dentro da tag com o comando Ctrl+T redimensione pressionando a tecla Shift do seu teclado, isso garante que sua imagem não perca a proporção ao aumentar ou diminuí-la.

dica 3
Nunca exagere no tratamento, colocando varias camadas de degradê avulsas e sempre use o pincel nas camadas de tratamento para retirar as partes indesejáveis de cada opção de tratamento.

dica 4
Use o comando Ctrl+B caso a bg que voce escolheu esteja numa tonalidade totalmente diferente da render por exemplo voce vai fazer uma gfx do soul master e quer usar um bg só que o fundo dele é vermelho, basta apertar Ctrl+B e regular essa diferença nas opções que vão aparecer.

Tamanhos:

1- Bom o tamanho que vc vai usar em uma sign depende do estilo de sign

GFX = 400x150
Modelada = 468x320
Tech = 468x320
Foto Pessoal = 150x150
Avatar = 150x250
Renderizada = 468x320

---

Teclas de Atalho Mais Usadas:

Ctrl+S = Salvar
Ctrl+T = Redimensionar
Ctrl+J = Copia e cola o objeto no msm lugar de uma vez só
Ctrl+U = Abrir Janela Hue/Saturation , nessa janela vc pode mudar as cores de um objeto
Ctrl+Z = Desfaz sua ação anterior

---

Cuidados:

Quando for redimensionar um objeto mantenha sempre pressionado o SHIFT assim ele sera redimensionado proporcionalmente fazendo que ele não fique achatado ou esticado. E quando for redimensionar algo NUNCA aumente o msm, pois se vc aumentar, ele vai perder a qualidade.

Quando for salvar um Arquivo Salver sempre com um nome facil de encontra-lo, Ex: Modelada - Warcraft,
e vá sempre salvando o seu arquivo a cada 10 ou 20 Minutos, pois se acontecer algum acidente de o seu PC desligar ou travar vc n vai perder muita coisa.E crie uma Pasta com o nome Photoshop e Dentro dela crie pastas com os nomes: Modeladas,Techs,GFX,Banners, etc... e vá salvando seus trabalhos no devido lugar, é sempre importante manter a organização.

---

Usando o Google:

O google é uma site de pesquisa muito conhecido mais muita gente n sabe como usa-lo, por incrivel que pareça.
para vc encontrar algo no google é preciso digitar oq precisa em ingles.

Ex:

Ruines PNG
Wallpapers
BackGrounds
Fractals
Brushes
Styles
Fire Png
Rock Png

---

Vocabulario:

BG = Background = Fundo
Brush = Pincel
Style = Stilo
Gaussian Blur = Desfoque Gaussiano
Tipografia = O seu nome ou Nick
Sharpen = Tornar Nitido
Layer = Camada
Render = Imagem principal
Pen Tool = Caneta

---

Estilos de Signs:

GFX = Parecido com um banner só que bem pequeno
Renderizada = Sign feita a partir de partes de uma render ou objetos, Existe a Sign com Borda renderizada onde só a borda é renderizada e tem a Sign renderizada onde a sign inteira é renderizada usando um wallpaper ou criando um cenario com recursos renderizados.
Tech = Sign com borda futuristica, o principal aspecto da Borda é ter Layers retas e quadradas.
Modelada = Sign Artesanal feita com a Ferramenta Pen Tool.

---

Dicas para Signs:

GFX = Normalmente em uma GFX se usa uma tipografia de cor solida (Sem Style) Toda Branca ou Preta, e vc tmb pode diminuir a opacidade dela um pouco, n deixe a tipografia grande e nem muito pequena e n deixe ela muito afastada da render,use imagens com boa qualidade,use uma BG que combine com o tema e render, deixando a sign em harmonia.

Modelada,Tech ou Renderizada = Detalhe bem a borda use as styles com cuidado,a Tipografia em uma sign modelada deve ter uma styles e tmb é legal fazer a tipografia em 3D.

---

Recursos Essenciais:

Styles
Brushes
Patterns
Gradients
Recursos renderizados

---

Essas são as dicas Essenciais para vc que quer começar na area de DSG
use sua imaginação
seje criativo
não use dorgas
Não tenha medo de erra e inovar
Treine bastante veja tutos no Youtube
e com o tempo vc vai se aperfeiçoando.

Olá,

Segue algumas dicas simples básicas e rápidas porém que ajudam bastante a ganhar alguns minutos. Enfim, vamos lá ao que interessa.

1ª dica: Opacidade
• Ao realizar um Job as vezes você necessita abaixar a opacidade e leva um certo tempo até mover o mouse e ficar arrastando, ou clicar no retângulo e ficar digitando trocentas vezes até encontrar qual a opacidade certa. Porém existe uma mãozinha digamos assim do Photoshop ao abaixar e aumentar opacidade das camadas que é muito simples. Com as teclas numéricas! Isso mesmo que você leu!
Com as teclas numéricas você pode estar alterando a opacidade de cada camada. "-Mas como Lobo?"
Veja bem, se você quiser alterar a opacidade para 50%, basta você apertar uma vez a tecla "5", porém caso você queira um número quebrado dentro dessa casa do 50, basta você ao apertar 5, logo em seguida apertar algum outro número para assim formar a dezena. Exemplo: (53=5+3).
Caso queira escolher outra dezena de números, basta novamente apertar alguma outra tecla numérica, e caso queira um número quebrado, aperte novamente o número quebrado que você quer.

2ª Dica: Linhas
• Nós aqui do fórum sempre vemos tutoriais a qual os mesmo só ensinam a posicionar a régua arrastando e quando travar, vai estar no meio, porém tem um método que quando você necessita trabalhar com linhas milimetricamente alinhadas, indico que use esse recurso do Photoshop.
Primeiramente o nome do recurso é "Nova Guia" e em inglês "New Guide Layout". Se encontra na aba "Visualizar>Nova Guia/New Guide Layout". Ao clicar irá aparecer o quadro com as opções para demarcar, cujo nomes são: "Horizontal" e "Vertical" e logo abaixo terá a "Posição". Quando você quiser adicionar uma linha no eixo X, basta marcar a opção "Horizontal" e caso quiser a linha no eixo Y marque a opção "Vertical", abaixo na "Posição" você colocará em qual ponto quer sua linha, ou seja, caso queira ela centralizada você marcará dentro da caixa: "50%". Só lembrando que as medidas devem ser marcadas em porcentagem ou em cm. Para marcar em Centímetro, basta adicionar o número a qual deseja a distância, exemplo: 1 cm(Vai ser a distância das bordas laterais do seu documento)

3ª Dica: Atalhos para seleção de ferramentas
De repente você é uma pessoa que usa os comandos de letras(P/E/W etc) para pegar tais ferramentas, porém a sua ferramenta nunca é a primeira selecionada . Encontrou agora a solução dos seus problemas.
Aquele momento que você aperta a letra B para escolher o pincel, porém quer usar um lápis, e ai você pensa: "Ah, vou ter que clicar no balão e clicar no lápis... " Nada disso! Basta você apertar a tecla B do pincel e depois pressionar a tecla Shift e apertar B novamente com Shift pressionado. Automaticamente sua ferramenta será mudada para a seguinte e quanto mais você apertar o B, mais ela vai adiante, até que tudo recomece.

Por enquanto são essas dicas, que foram escritas por mim neste momento e de última hora para ajudar os membros que necessitam.

Hoje minha dica é simples sobre as signs e os trampos de Design de hoje em dia.
Não siga o padrão,ele quer todos nós iguais e pra que ser igual? seja diferente e faça a diferença.
Tente não copiar tente criar!

Editado Maio 15, 2015 11 anos por Byel__

Campeonatos SOTW
#1 Bom a galera ta com uma mania de Pedir +(reputação) nesses tópicos de postagem que ta muito feia, vence a melhor sign com a melhor qualidade e que chame mais a atenção dos jurados(designer's, aprendizes e etc).
#2 Participem mas participem com calma, vocês tem uma semana para fazer uma sign brilhante!!! Basta ter Imaginação boa que os temas já ajudam, tempo tem de sobra!!

Guia DEFINIFITO de Signatures GFX

http://greev.deviantart.com/art/Signature-GFX-Guia-definitivo-539699187?ga_submit_new=10%253A1434510511

Opa galera hoje vou dar umas dicas de renderzição!

Então primeiramente use a ferramenta da caneta

Spoiler

Com essas configurações você pode usa-la melhor, porem tem muita gente que gosta de renderizar via Preenchimento(o modo que vai colocando cor a cada click do mouse)

Spoiler

Renderize com bastantes detalhes, com varios clicks para isso use o +ZOOM

Spoiler

Renderize selecionando e dando um CTRL+C crie uma nova layer e de um CTRL+V

Spoiler

Logo apos renderizar totalmente a sua render Use a ferramenta da Borracha para apagar algumas falhas que você esqueceu

Spoiler

(Nessa imagem não da para ver muito bem, mas são partes do fundo que eu destaquei com o vermelho.)

Resultado

Tenho uma dica muito legal que foi muito usada em tempos remotos pelos nossos antepassados e tambem muito utilizada pelos monges, a dica é...

Deixe de preguiça e use o Google

Sim existia Google naquela epoca

Bom galera eu vejo muita gente criando o avatar modelado com o fundo BRANCO, porém o fundo do avatar não é totalmente branco deem uma olhada.

Avatar(Exemplo) Nik

Neste caso ele esta nessas configurações de branco

-----------------------------------------
Porem se vocês perceberem bem mesmo o fundo da área do avatar é outro mesmo então segue as configurações

Ficando nessa cor.

*notem a diferença do fundo do fórum para signs do fundo do avatar

Editado Julho 13, 2015 11 anos por Byel__

Só completando O que todo designer iniciante precisa saber?;
C R I A T I V I D A D E ou seja, pensar de forma diferente. É ser original, não seguindo as normas pré-establecidas e nunca imitando o que já foi feito milhares de vezes.

Dicas Signs Modelada:
-------------------------------------------------------------------------------------

Explore o tema que você vai trabalhar, busque saber tudo sobre o tema, ate mesmo em seus mínimos detalhes.
Desenvolva seu proprio jeito de fazer, seja independente, não dependa de alguém para realizar sua sign, procure aprimorar seu conhecimento com a ferramenta pen tool que é sem duvida a melhor coisa para aquele que quer fazer uma sign modelada.
Faça suas sharpes com cautela,não tenha pressa para terminar a sign, faça algo pensado, algo criativo, algo chamativo, nunca copie isso é feio e idiota.
Faça um bom bg explorando o tema ao máximo, usando tudo que o tema também te oferece, não fique só em bgs com cenários, que graça tem usar um cenarinho qualquer, no que ele te lembra o tema? Em nada, se usar cenários coloque uma render do tema é mais bonito e terá um melhor resultado do que com um bg vazio. Também saiba escolher uma render que ficara perfeita com o bg.
Escolha uma boa fonte para fazer sua tipografia, evite fontes muito exagerados, procure a fonte que mais se adequada ao tema, aquela que ao você olhar vai pensar ' Essa sim, essa vai ficar muito boa para o que eu estou pensando!'. Fuja do modo tradicional de montar uma tipografia, inove, brinque com ela vera que o resultado é melhor do que usar uma tipografia a moda normal (retinha e sem nenhum detalhe).

Resumindo tudo o que eu disse, SEJA NOVO, SEJA CRIATIVO e ESTUDE o que você vai trabalhar , assim terá muito mais prazer no que faz.

By: Soushi

Visão geral de Curvas

No Ajuste de curvas, ajuste pontos em todo o intervalo de tons de uma imagem. Inicialmente, a tonalidade da imagem é representada como uma linha diagonal direta em um gráfico. No ajuste de uma imagem RGB, a área superior direita do gráfico representa os realces, e a área inferior esquerda, as sombras. O eixo horizontal do gráfico representa os níveis de entrada (valores de imagem originais), e o vertical, os níveis de saída (novos valores ajustados). Conforme você adiciona pontos de controle à linha e move-os, a forma da curva muda, refletindo os seus ajustes de imagem. As seções mais excessivas da curva representam áreas de maior contraste, enquanto as seções mais achatadas representam áreas de menor contraste.



Opções de curvas no painel Ajuste (CS5) e no painel Propriedades (CC, CS6)
A. Ferramenta Ajuste na imagem B. Amostra na imagem para definir ponto preto. C. Fazer uma amostra da imagem para definir ponto cinza. D. Fazer uma amostra da imagem para definir ponto branco. E. Editar os pontos para modificar a curva. F. Desenhar para modificar a curva. G. Menu Predefinições de curvas H. Definir ponto preto. I. Definir ponto cinza. J. Definir ponto branco. K. Mostrar o corte.

Tipos de bordas modeladas Créditos.
JeeSAMA
Diego-Dran
pedrowo
Kiochiu
DynamiT-Cpa
Cade Papai
JeeSama

Editado Agosto 2, 2015 11 anos por Byel__

Quando for mecher em um aquivo em .gif na aba de "Animação" sempre use para a edição a primeira layer da animação pois ela é o pilar da sua GIF!

Só vou dar algumas dicas sobre Sign mais enfaticamente tratando-se de modeladas, renderizadas e misturadas, tech também.
Primeiro tudo que um Designer precisa fazer é procurar um tema, porém decorrente a isso se encontrar durante sua busca imagens semelhantes a do tema principal não despreze, utilize-a muitos designers acreditam que para uma sign ser 100% perfeita precisa ser trabalhada somente com um tema só, mas na BG plano de fundo de uma sign você pode esbanjar criatividade utilizando outros temas que se assemelham.
Na borda normalmente o preto é muito utilizado, por tanto atenua-se a isso, conforme for fazendo mesmo que seja totalmente modelada baseada na ferramente pen tool, você pode agregar algumas renderizações do proprio personagem, ou de outro semelhante.
E para dar uma finalizada explore por brush's, exatamente isso, procure por brushs de particulas, de fumaça, com elas você pode posicionar atras da borda, na borda e com uma brush de cor com a opção linear dodge você cria a iluminação e com uma smoth brush ou circular esfumaçada dará um efeito real de luz em foco.
Bom depois trarei mais dicas.
Acredito que o que eu passei deve ser o básico para qualquer um que queira ingressar nesse ramo.

Bom galera hoje a minha dica é para a galera ai que ajuda aqui no fórum, só achando que porque vai ter um nick AMARELO que vai ter Status e vai bombar aqui. Não se firme no seu status e bens que você possui, apenas evolua sua mente e seu modo de pensar, alguém dará valor a isso e você será feliz e recompensado!
Reflitam! Ajudem porque GOSTA não por oportunidade, Hoje dia 05-Sep-15 completa 4 mêses que estou dando suporte, fazendo tutoriais, ajudando via MP e muito mais sabe em troca do que? Apenas de eu ver que a galera ta aprendendo, evoluindo e entendo já me faz bem! O CARGO SIM ME FARIA MUITO BEM, mas aceito assim como esta por enquanto, NÃO DEIXEM ISSO SUBIR A CABEÇA.

Máscara de Corte:

Uma ferramente extremamente boa, e prática do Photoshop. Eu acho que são poucos os que conhecem ela, ou usam ela com frequência, mas eu afirmo que depois que você conhece e saber a lidar com ela, ela facilitará praticamente 50% nos seus jobs quando você for fazer algum trabalho, e precise apaga algum lado, caso não saiba de qual ferramente estou falando, é essa:

A função dela é similar a da Borracha, cuja a tecla de atalho é "E", porém com uma grande diferença, quando você usa a Borracha para apaga algum lado, ela EXCLUÍ aquele pedaço aonde você aplico a Borracha, aonde para você reverte aquele processo precisa utilizar o Ctrl+Alt+Z, já a Máscara de Corte ela apenas oculta aonde você aplicar ela, ou seja, se eu aplicar ela em determinada imagem ela não vai deleta aquele pedaço, apenas deixará oculto para que eu possa está visualizado a mesma sem ter necessidade de pressionar CTRL+ALT+Z. Para você usar ela, basta você pegar a imagem na qual prefere trabalha e clica "Adiciona máscara da camada" (imagem ilustrativa da mesma em cima). Após você clicar em Adicionar máscara de camada, a mesma ficará desta forma por padrão:

Spoiler

Para você oculta alguma parte, você vai utilizar apenas o Pincel da cor Preto(Ocultar) e Branco(Visualizar). Para a Máscara de Corte for ativada basta clica no quadro em branco na sua render/imagem, e deixa marcado (aparecerá a mesma em contornada) e usar a cor Preto para ocultar ou a cor Branca para você visualizar, e a medida que você for pintando, a sua render ou imagem que você for aplicando ele irá sumindo e no quadro em questão irá ficando preto de acordo com que você vai pintando.

Spoiler

As partes em questão da render, estão oculto, caso você tenha ocultado alguma parte que deseja visualizar novamente, basta troca a cor do pincel para branco, cuja a tecla de atalho é o "X".

Spoiler

Pode notar que a render está completa novamente como se nada tivesse acontecido, e a caixa ao lado da render está totalmente em branco, ou seja, visível. No photoshop cs6, a mesma vem com uma nova atualização que apresenta mais desempenho quando utilizar a mesma, infelizmente eu estou usando o photoshop cs5 e não posso demonstra o quê é, mas o básico é isso e é uma ferramenta fantástica.