Codelic Hackers
Estamos voltando

[Mega Tutorial]Criando um trabalho no photoshop

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[Mega Tutorial]Criando um trabalho no photoshop

Mensagem por Cdubb em Qui Jul 15, 2010 4:05 am

Programa:Photoshop
Cs4(Versão portatil, em purtugues)
Dificuldade:Iniciante
Autor:| YaN |



Gente, eu criei esse tutorial enquanto eu tava sem net
exatamente porque eu não tinha nada pra fazer( brink's ;D)

recomendo ler um tutorial de ferramentas
para ter uma ideia das ferramentas
aqui voce colocara em pratica tudo que aprendeu sobre as ferramentas
eu farei esse tuto em diversos posts, separados pelo indice para poder
por imagens explicativas e talz
qualquer coisa pod manda PM galerinha
e qualquer palavra que voce não entendeu, va no glossario
Obs:Fiz algumas referencias ao jogo que eu jogo ;P, se voce não joga ele
Ignore, thx


Indice:
1-)Iniciação
2-)Tamanho
3-)Iluminação
4-)Borda personalizada
5-)Efeitos degrade
6-)Pinceis
7-)C4ds
8-)Background
9-)Render's
10-)Stocks
11-)Harmonia de cores

12-)Creditos Finais
13-)Recursos
14-)Glossario

Iniciação

Bom...
Em 1º lugar, para voce fazer qualquer coisa no photoshop(e em qualquer
programa de edição)

voce presisa de recursos, pinceis(brushes),C4d's(fotos de cinema
4D),Renders(personagem), etc...
Que encomtraremos no final do tutorial, alguns feitos por mim ;D
Fazendo isso antes de voce abrir a pagina definitiva da sign/avatar, eu
recomendo
abrir o arquivo da render, selecionar a lente de almento, e visualizar a
render
afim de mentalizar oque voce vai fazer ali, como que uma previsão do seu
trabalho
quando fizer isso, nunca pare no meio do caminho para não desmentalizar
pode parecer bobera isso que eu to falando, mas e bem recomendavel
alem disso, recomendo fazer quaquer coisa no photoshop em dias
inspirados,
e fassa de um jeito confortavel, que voce não se encomode com sua
posição no PC
Lembre-seesing e só
uma forma diferente de dizer arte, então se voce não se
sente
bem fazendo oque voce esta fazendo, ira sair ruim e nem valera a pena
ter feito
e tambem lembre-se que nenhum pintor famoso comeco a pintar daquele
jeito do
nada, eles estudarão pra caramba ,então se seus trabalhos ficarão ruins
não desanime!!Corra atras de um jeito de melhorar, assim que um designer
pensa
outra coisa legal e pegar a signature do proximo e observar...Observar
bem cada
detalhe e ver oque que ele mudo, coloco, etc....


Tamanhos
Existem varios tipos de trabalho, finos, baixos, quadrados, etc..
Mas os que mais são criados são:signatures e avatares
As signatures são as mais feitas, geralmente para ser postas em
foruns,etc..
O tamanhos padrão de uma signature é de 400x150 pixels
mas pode variar para 450x100, 400x200....


O mais importante e que a largura seja maior que a altura, mas tome
cuidado
para não exagerar em ficar muito grande ou muito pequena
Os avatares são os mais rigidos com o tamanho, porque se tiver diferente
do basico do
forum, ele peredera a qualidade de foco, e ficara estranho
o tamanho muda muito de forum em forum, geralmente o proprio forum
fornece quando voce vai colocar um novo, mas o basico é 300x150 pelo que
eu
me lembro..Qualquer coisa eu do edit


Iluminação
A iluminação e a parte que deixa sua sign com vida, exatamente, com
senso
de iluminação, por isso e uma parte muito importante de seu trabalho
existe um jeito facil de fazer a iluminação de seu trabalho:Filtro
Dai voce se pergunta:filtro de linha??de agua??
Não e nada disso e a opção que faz uma modificação da imagem
Procure em photoshop na barra onde tem Arquivo,editar,imagem...
procure "filtro" clique nele, e procure acabamento e depois efeitos de
iluminação

ali do lado aparecera um jeito de posicionar a lampada e talz...
Eu, da primera vaz que mechi nisso, dei uma brincada pra meio que pega a
pratica


Mas como e que eu sei onde eu coloco a lampada??
Primero, olhe a render, onde tem sombra, voce faz do lado contrario
mas de uma boa olhada na render, porque e bem dificil saber exatamente o
lugar
uma coisa boa e que voce pode mudar de cor da lampada do outro lado,
nas opções....Não ha muito oque falar sobre iluminação, isso voce
normalmente aprende
sozinho...

Borda
personalizada

A borda e uma parte de finalização do seu trabalho, por esse motivo
nunca fassa ela primeiro (alias nem da para fazer ela 1º, recomendo
deixar por ultimo)
Para voce fazer uma borda voce presisa primero criar uma nova camada
(pode ser fazendo shift+ctrl+N)
depois selecione essa camada e clique em imagem depois em aplicar imagem
e ok

naquela camada que voce fez vai aparecer a imagem toda feita do seu
trabalho
clique duas vezes nessa camada ou nesse botão:


, e aparecera uma pagina com varias opções
coloque na opção "Traçado" e depois nestas configurações:



voce pode mudar o tamanho da borda, mudando o numero de pxl's
eu recomendo 2pxl's e se for colocar maior, não maior que 3
(Opicional)Ai que vem a "Borda Personalizada"
Existem milhares de jeitos da fazer uma borda diferente, um deles
e colocar "Chanfro"
Mas oque e chanfro????
Chanfro e como se fosse um relevo na layer selecionada
No caso, a layer e o trabalho intero, então pegara só nas bordas
Eu recomendo o tamanho de chanfro de 1 pxl maior que o traçado
E se vc quiser( não muda quase nada) vc pod colocar a opção "Contorno"



Efeitos
Degrade

Existem muitos render stocks e outras imagens que quando voce termina o
bg e a render
ficam com muita diferenca de cor, ou não fica direito uma coisa ou
outra...
por isso que existe os "Mapas Degrade"
eles são feitos para deixar a imagem com as cores do degrade escolhido
como que uma substituição das cores
mas, para um designer, oque conta nessa opção mesmo serve para tratar as
imagens
tradução:deixar a imagem mais escura e mais clara ou colorida em alguns
lugares
para voce aplicar o mapa degrade voce tem que ir em "criar nova camada
de prenchimento ou ajuste"

ai voce clica em "Mapa Degradê"

, depois disso arrume a opacidade a seu gosto e pronto!


use e abuse dessa opção o quanto quiser (so toma cuidado para não
exagerar)


Pinceis/Brushes
Os pinceis são quase a coisa mais importante em um photoshop!
Eles são usados em varias ferramentas, mas as principais são:
pincel(hahaha, não e obvio?), borrar
por isso tome muito cuidado a escolha do pincel
os pinceis podem ser colocados no seu photoshop de manera facil
baixe seu pincel da internet, se for presiso, descompacte-o
e voce vai ter um arquivo em .abr
agora abra o photoshop clique em qualque ferramenta que use pincel
clique na flexinha apontando para direita e clique em "Carregar pinceis"


ao fazer isso abra o diretorio do pincel baixado e abra seu pincel
não se assuste se demorar muito para ele baixar, os pinceis são muito
dificeis de procesar, por isso pode demorar alguns segundos, no maximo 2
minutos..
Existem alguns tipos de pinceis que são como carinbos
que voce so coloca um dele(Ferramenta pincel)


e existem outros que servem para arrastar sigurando o mouse (borrar e
píncel em alguns casos)
Alem de baixar pinceis voce pode configuralos, para sair diferentemente
ao arrasta-lo
existem configurações para borrar entre outras
Eu fiz uma configuração pessoal aqui em casa, que deixa os borroes mais
bonitos
Clique >>>aqui<<< para olhar o tutorial(em construção)


C4d's
Os c4d são imagens feitas em um programa em 4D, geralmente combinão
espetacularmente com imagens 3D, que não é o caso de ragnarok,
por isso não são muito usadas por mim
mas em alguns casos eu posso usar em BG's, como um subistitulto do mapa
degrade, etc...
para usar o c4d voce tem que abrir ele como se fosse uma render
Arquivo>abrir... e escolhe o c4d para por em uso....
Existem 2 tipos de c4d
o que e como uma render, ou seja, não tem fundo

e o que normalmente server de BG



Background
O background e a parte mais dificil em um trabalho no photoshop(minha
opinião)
existem milhares de tipos e jeitos de fazer um bg
os mais usados são:
1-)Copiar varias fezes uma camada com um render(espalhando-a)


, criar uma camada vazia,
fazer um "Aplicar imagem" e borrar tudo


2-)Colocando c4ds ja feitos para bg

3-)Fazendo com a ferramenta degrade
4-)Combinado com qualquer outra acima voce pode colocar um pincel
splater
ou outro a seu gosto
Lembre de não deixar o bg com uma cor muito difernte da render
para 1º não deixar o bg muito chamativo
2º não desarmonizar as cores


Render
A render e a parte principal do seu trabalho, a que as pessoa
terão a primeira impressão, por isso e muito importante
que a render seja de qualidade, com isso, ja excluimos:
renders preto e branco
renders muito pequenas para seu tipo de trabalho
renders mal-recortadas(quando voce for pegar ela presa a um bg)
renders mal-colorizadas
renders mal-desenhadas
Por isso, pense muito bem qual render ira por em seu trabalho,
eu recomendo as oficiais(no caso do ragnarok), que apesar de serem
comuns
são de otima qualidade, as vezes ja vem renderizadas
mas existem sites que postão renders, e no proprio google tem algumas
no caso do iniciantes estarei disponibilizando algumas renders no final
do
tutorial, quase todas com qualidade maxima, mas não custa voce dar uma
olhadinha no google, procurando a classe que voce que colocar...



Stock's
Os stocks, são como as renders, só que presos a seu bg, algumas pessoas
não gostão de stocks(o meu caso),porque não ou a experiencia com isso
ou preferem fazer seus proprios bg's, ou acham mesmo que aquilo e inutil
mas, para designers experientes, as stocks, são como ouro, porque eles
jogam um c4d de um lado um borrão do outro e fica magico
por isso, vale a pena dar uma brincada com stocks
arriscar uma sign ou um avatar
tambem, estarei disponibilizando umas muito poucas
stocks(porque eu não tenho muitas) para voceis no final




Harmonia
de cores

Provavelmente(não e todo mundo ^^) as pessoas aprendem isso na faculdade
mas, estarei explicando como é que funciona aqui
a harmonia de cores, é basicamente uma roda com 12 cores(no simples)
ebjetivo e formar um triangulo equilatero(perfeito) nesse circulo


Mas dai voce se pergunta, "oque isso tem haver com o desing???"
Tudo!!
Se voce fizer um trabalho que não esta em harmonia, seu trabalho
afunda!!
Mas, de qualquer jeito, eu prefiro as cores escuras...
O importante nessa parte é que as cores não contrastem muito
para não ficar nada mais chamativo que o outro


Creditos
Finais

Bom...
Primeramente eu agrade-co IMENSAMENTE ao nosso querido ADM Kyo(do jogo q
eu jogo '-')
foi ele que me fez ingressar na longa jornada do desing
agradesso a minha forca de vontade de ajudar as pessoas de nosso
mundinho
agradesso a meu photoshop cs4 que e perfeito pra mim
agradeso a minha cadera ortopedica para não ter dor nas costas ao fazer o
tuto
agradeso a minha mae que não liga muito quando eu durmo tarde(hahahaha
liga sim)
E o power bolt e a todos que ja fizeram um tuto de desing aqui na WC
Obs:qualquer erro de portugues, ignorem

Em construção

Recursos
Um patch de pinceis:
.rar
.zip
Um pacth de renders,stocks e logos
.rar
.zip
Um pacth de c4d
.rar
.zip
Um patch de fontes para seus trabalhos
.rar
E para quem e preguisoso tenho Ó mega patch
.rar
.zip
O photoshop cs4(feito por um amigo meu o cerebus reborns)
.rar
Colocar o photoshop em portugues
.rar
Topaz vivacity com crack(pra pega no seu pc)
.zip


Glossario
Brushes>Pinceis
Render>Personagem ou recurso para se adicionado a uma imagem
Stock>Uma imagem para modificação
.zip>Um modo mais rapido de compactação mas, ao mesmo tempo,
deixa o arquivo maior que o mesmo compactado no rar
.rar>Um modo mas devagar de compactação, porem mais eficas,
tornando o arquivo bem mais compacto, mais faceis de baixar pela
internet
mas, demorara mais para descompactar em seu computador
Bg>abreviação de Background
Background>Plano de fundo em ingles
Pixels>medida de computador para imagens, Largura X Altura
Desing>estilo de vida ;D
Pacth>Conjunto em ingles
Degrade>Mudansa de cor suavemente
Sign>Abreviação de Signature
Signature>Assinatura, geralmente usada em foruns em forma de desenho
que marque voce
Avatar>uma imagem, que nos foruns, representa sua pessoa


Peço que esperem minha net melhorar para eu colocar os recursos
e eu recomendo os patch do cerebus reborns
Apesar de grandes, são muito bons

_________________________________________________


Sing






Cdubb
Admin
Admin

Mensagens : 1262
Data de inscrição : 06/05/2010
Idade : 25
Especialidade : TQ Binary, Web Sites, Desing, Photo Shop

http://www.orkut.com.br/Main#Community?cmm=103811536

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum