Jump to content


Foto
TUTORIAL

Tutorial Completo de como Vetorizar em Photoshop!

TUTORIAL



Existem 52 respostas neste tópico

#1 Guto Roller    

Guto Roller
  • Participante
  • 572 mensagens

Publicado 06 September 2003 - 04:15 PM

Olá.

Vi esse tutorial em um site muito xxxxx.... e resolvi passar um dia traduzindo e postando ele aqui no fórum ok
Espero que gostem desse tutorial (pois passei uma noite toda traduzindo e postando


A Baixo é a iamgem (o minicar) Eu vou recrear para dar isto o vetor olha e sente.
A qualidade da imagem está não tanto uma questão neste caso, enquanto, theres enought detalhe traçar.
http://www.heathrowe...es/theimage.gif


Deixado começa este tutorial por opeing a imagem de fonte.
''File/Open'' e folheia ao arquivo de fonte chamado theimage.jpg.
Quando você tem que fez, toda vontade do Photoshop é abre o arquivo de fonte, mas no processo isto fecha isto dentro seu possui camada, como Eu tenho capturado.
http://www.heathrowe...torimages/1.gif

Que nós necessitamos fazer primeiro e primeiro está salvar este arquivo ao Photoshops .psd arquivo formato.
Próximo indo para ''Arquivo,Salva Como'' e do dropdown '' opções de Formatos escolhem ''Photoshop (*.PSD, *.PDD)'' e bate o ''Salva'' comanda opção.(Certamente sendo atento do ''Salva Em'' opção de localização no topo)
http://www.heathrowe...torimages/2.gif


Próximo, deixado destranca que baseia camada e vira isto dentro um novo e camada separada.
Faz isto por clique duplo na camada fechada. Você estará solicitado com um ''Nova Camada'' caixa de diálogo. Preencha um novo nome como Eu tenho capturado e bato o ''OK'' comanda botão.
http://www.heathrowe...torimages/3.gif
Próximo, deixado duplica o original ''theimage'' camada e se seu usando Photoshop 7, cria um novo '' Conjuntos De Camada para armazenar todo os objetos individuais( camadas múltiplas). Assim por pressiona no ícone de Pasta no fundo do '' Palheta De Camadas'', clique duplo no ''Conjunto 1'' cabeçalho de texto de default e muda para que Eu tenho (Elementos).
http://www.heathrowe...torimages/4.gif


Deixado começo por criar um contorno sólido do carro inteiro.
Atribua o primeiro plano colore por escolher o '' Ferramenta Do Eyedropper (Eu)'' para amostra a área a mais escura da imagem. Neste caso isto está fechando para preto. 
Próximo selecionado o '' Ferramenta De Caneta'' da barra de ferramentas. E para cima no '' Barra De Ferramentas De Opções'', certifica-se a ''Forma opção de Camadas é selecionada como Eu tenho capturado (em contorno laranja).
http://www.heathrowe...torimages/5.gif
SHAPE LAYERS OPITION = FORME OPITION DE CAMADAS


Então somente começo somando ''Ancora Pontos'' em áreas onde você pensa eles requererão algumas adaptações. 

TIP: Ctrl + (Mais Assina Chave) ao zoom em e Ctrl + ( Chave De Sinal De Subtração ao zoom fora em áreas que necessitam detalhe especial. Eu faço este um muito para alcançar mais grande detalhe.

NOTE: Por ter o '' cópia do theimage'' camada em topo, o caminho delineia espetáculo através de sem dilacerar a visão de meu próximo ponto de âncora. Throughtout este tutorial, Eu estarei estabelecendo visibilidade desta camada uma muito.
http://www.heathrowe...torimages/6.gif
START HERE = COMEÇE AQUI


Depois fazendo seu caminho cerca o minicar, conecta à primeira Âncora Aponta criar uma forma sólida. Então esconde o '' cópia do theimage'' camada para ver que isto olha gosta de. (Como Eu tenho capturado.) Então deixado começo manipulando aquelas âncora aponta para wrap/fit o minicar propriamente.
http://www.heathrowe...torimages/7.gif
Isto é que o '' Palheta De Camadas'' agora olhares gostam de, com o novo Vector Forma highlighed de Camada em azul. Também, se você pressiona no ''Caminhos'' tabulação da palheta de camadas você pode ver o '' versão de Caminhos daquela camada.

http://www.heathrowe...torimages/8.gif
Layer de Platte =  Palheta De Camadas Patchs de Platter = Platter de Caminhos


Agora vira modo de visibilidade do '' cópia do theimage'' camada ajuda em.
Selecione o ''Converte Ponto De Âncora'' ferramenta e começa movimentação aquelas áreas que necessitam curvatura à imagem.
http://www.heathrowe...torimages/9.gif

Certifique-se o ''Forma 2'' camada é selecionada, na '' Palhetas De Camadas. 
Com o ''Converte Ponto De Âncora'' ferramenta, Eu comecei na roda de primeiro plano, pressiona a ''Ancora Pontos, e arrasta na direção de minha (preta) unto de flecha isto começa ajuste a camada do underlying.
TIP: ''Converte Ponto De Âncora'' cria dois pontos do bezier handler, para além disso controle de curvatura.
http://www.heathrowe...orimages/10.gif

Comece obter confortável com o ''Converte Ponto De Âncora'' ferramenta e trabalha seu caminho cerca o caminho de forma, tentando obter um fechado um movimentado como possível.

http://www.heathrowe...orimages/11.gif

TIP:
Depois convertendo alguns pontos de âncora, você compreenderá que algum dos pontos de âncora originais estiveram não necessários de qualquer modo. De Fato o menos a âncora aponta a mais suave a curvatura! Use o ''Apaga Ponto De Âncora'' ferramenta ao eleiminate âncoras indesejadas. 
Aqui É minha forma final depois aplicando como muita da ''Converte Ponto De Âncora'' ferramenta como possível.
Nós usaremos este à base (a mais escura sob camada).

http://www.heathrowe...orimages/12.gif


Próximo Eu dupliquei o ''Forma 2'' camada (para obter ''Forma 2 cópias) e manipulada sua âncora aponta movimentar o dominant colore da imagem, primeiramente a azul (corpo) do carro. Pressione na Antecipação Do Thumbnail daquela camada para obter a ''Colore Picker'', e muda o preto para azul #3672BD.

http://www.heathrowe...rimages/12a.gif


Agora isto é que o corpo dos olhares de carro gostam de.

http://www.heathrowe...orimages/13.gif


Próximo trabalho deixado no windows.
Estabeleça o '' cópia do theimage'' ( um preto) ajuda em e esconde ''Forma 2 camada de cópias (o um azul).
Selecione o '' Ferramenta De Caneta http://www.heathrowe...orimages/14.gif


Esconda ''Forma 2 cópia'' camada na '' Palhetas De Camadas.
Selecione ''Forma 2'' camada na '' Palhetas De Camadas.
Então investigação de começo nas áreas da janela que estão no lado contrário do carro.

http://www.heathrowe...orimages/15.gif

Estabeleça o '' cópia do theimage'' modo de visibilidade para desligado, para ver acontecimento do whats.
Seu subtraindo da mesma camada de forma, dando a ilusão de transparência

http://www.heathrowe...orimages/16.gif

Para aplicar o mesmo sentimento no outro dois windows sem somar uma nova camada, simplesmente segura Ctrl + Notas Agudas, então pressionam e arrastam aquele caminho de subtração para duplicar. (Faz isto duas vezes.) Então lugar as formas duplicadas dentro lugar.
Use o ''Converte Ponto De Âncora'' ferramenta outra vez para definir as esquinas para movimentar nas posições direitas.

http://www.heathrowe...orimages/17.gif

http://www.heathrowe...orimages/18.gif

Aplique a mesma técnica à ''Forma 2 cópia'' camada, exceto traço ao longo o windows de primeiro plano para obter uma imagem final como Eu tenho capturado.(Todo o enquanto, tem ''Forma 2'' visibilidade desligado.)

http://www.heathrowe...orimages/19.gif


Agora que nós temos a crosta do vector forma em lugar, o descanso está simplesmente somando novas formas, linhas, e algum tectures. Nós preencheremos aqueles windows mais tarde!




Próximo aplicado as mesmas técnicas como nós criamos à base forma camada à (branca) teto do carro. Usando o '' Ferramenta De Caneta http://www.heathrowe...orimages/20.gif

Próximo, com o '' Ferramenta De Elipse http://www.heathrowe...orimages/21.gif


Desde novas camadas estão sendo somadas e eles podiam empilhar para cima, seus sensatos para especificar eles apropriadamente. (Pensado isto é possível aqui para usar como camadas poucas como possíveis, como Eu fiz com o corpo principal)

http://www.heathrowe...orimages/22.gif

Próximo Eu comecei somando o pára choque. Outra Vez, usa o '' Ferramenta De Caneta http://www.heathrowe...orimages/23.gif
Eu então apliquei um estilo de camada ao pára choque para dar isto um algo efeito de cromo.
Direita, pressiona na ''pára choque'' camada e escolhe ''Misturando Modos para aplicar as seguintes três capturas.

http://www.heathrowe...orimages/24.gif

http://www.heathrowe...orimages/25.gif

http://www.heathrowe...orimages/26.gif

http://www.heathrowe...orimages/27.gif

Próximo Eu começarei somar algum das linhas boas que compreendem das portas e outras áreas.
Selecione o '' Ferramenta De Caneta http://www.heathrowe...orimages/28.gif


Crie uma nova camada, e chama isto ''Linhas''. Esta camada deveria seria posicionar uppermost em pedido para eles para mostrar.
Assim, Barra De Ferramentas - Ferramenta De Caneta selecionada, Barra De Opções - Caminhos selecionados, começam clicking/adding Ancoram Pontos na direção que compreende da porta do passageiro principal.

http://www.heathrowe...orimages/29.gif


Próximo conjunto o forground colore para preto (bate a chave do D), bate a http://www.heathrowe...orimages/30.gif


Bata o http://www.heathrowe...orimages/31.gif


Você estará solicitado escolher de um '' Preset De Ferramenta'' para usar criar o novo afago. Selecione, ''Escova'' da lista do dropdown, então acesso '' comando do OK.

http://www.heathrowe...orimages/32.gif


Eu então reduziste o ''Opacity'' da camada de linha para 54% para amaciar isto.

http://www.heathrowe...orimages/33.gif


Eu então prossegui (usando o mesmo acima Caneta Tool/Paths/Stroke técnica de Caminho em outras linhas.
Eu também somei a grelha frontal e aplicada o mesmo estilo como o pára choque acima.
Somado o espelho os limpadores de janela e o crest de logotipo do mini na frente.
HINT: Ao reas que estão também pequeno para seja manipulado com o '' Ferramenta De Caneta http://www.heathrowe...orimages/34.gif


Para texturas tal como os destaques, deixados uso o '' Ferramenta Do Polygonal Lasso http://www.heathrowe...orimages/35.gif


Depois investigação como muita como Eu posso Eu apliquei um ''Filter/Blur/Gaussian Obscureço de 1.1 pixeis'' (respectivamentes) e reduzidos os ''Opacity da camada para 30%

http://www.heathrowe...orimages/36.gif


Em uma nova camada Eu fiz o mesmo Lasso De Polígono efetua às áreas mais escuras, usando #2A579C. Então aplicado um ''Filter/Blur/Gaussian Obscurece de 1.1 pixeis'' e reduzidos os ''Opacity da camada para 30%.

http://www.heathrowe...orimages/37.gif

http://www.heathrowe...orimages/38.gif


Próximo Eu somarei o windows.
Para este todo nós temos ser o reuse nosso original ''Forma 2'' ao windows do backgorund, e o ''Forma 2 cópias ao windows do forground.
Primeiro duplica o original ''Forma 2'' camada e chama isto ''backgroundwindows.

http://www.heathrowe...orimages/39.gif


Uma Vez seu duplicado arrasta isto baixo o orignial ''Forma 2'' camada na '' Palhetas De Camadas, como Eu tenho capturado.

http://www.heathrowe...orimages/40.gif


Então acesso o ''Um'' chave para selecionar a '' Ferramentas Selecionadas Diretas da ''Barra De Ferramentas'', então segura a '' chave de Trocas e seleciona o windows de fundo individualmente.

http://www.heathrowe...orimages/41.gif


Vá ao '' Barra De Opções'' e muda a ''Subtrai de área de forma (-)'' para ''Contribui forma área (+) como Eu tenho encaixado em laranja.

http://www.heathrowe...orimages/42.gif


Aquelas áreas de janela agora estarão preenchidas com sua cor de primeiro plano, em meu caso preto.
Próximo, com o '' Ferramenta De Seleção Direta (Uma)'' ainda ativa & ainda em ''backgroundwindows'' camada, pressiona na linha de caminho de exterior como Eu tenho capturado e bato o '' chave do Delete'' em seu teclado. Agora todo nós ahve são o windows, que é nossa meta aqui. Certamente salva um muito de tempo desenhando eles em outra vez.

http://www.heathrowe...orimages/43.gif


Agora deixado personaliza o windows com um um tint branco. Isto simplesmente por pressiona no '' Thumbnail De Camada'' como Eu tenho capturado. E muda a cor para branca (#ffffff) na ''Colore Picker'' caixa de diálogo. Então conjunto que opacity de camadas nivela para aproximadamente 23%

http://www.heathrowe...orimages/44.gif


Aplique a mesma técnica à original ''Forma 2 cópia'' camada.
Duplique, arrasta baixo o original, '' Ferramenta Selecionada Direta'' e Troca + pressiona selecionar o windows de primeiro plano, '' Barras De Opções e muda para ''Contribui forma área'', então apaga o caminho exterior de modo que o windows de primeiro plano permanece.
Pressione em que '' Thumbnail De Camada'' e muda cor para branca, reduzimos opacity para aproximadamente 43%.

http://www.heathrowe...orimages/45.gif


Todo que detalhes bons, quantia pode você. Baixo é minha imagem final depois somando detalhe aos centros, luzes, outros destaques. Deseje você desfrutou este tutorial.

http://www.heathrowe...orimages/46.gif


Uma versão do scenic.

http://www.heathrowe...mages/final.gif



Espero que gostem desse tutorial refeito por mim
Valeu pessoal! 'http://www.Babooforum.com.br/idealbb/images/smilies/4.gif



PUBLICIDADE  
 

#2 SpOoK®    

SpOoK®
  • Participante
  • 1520 mensagens

Publicado 06 September 2003 - 04:28 PM

Poxa, o tutorial está nota 10 mesmo!

Mais que trampo que não dá para fazer isso ... !


#3 Guto Roller    

Guto Roller
  • Participante
  • 572 mensagens

Publicado 06 September 2003 - 04:33 PM

Sim da muito trabalho... mais olha o resultado


#4 SpOoK®    

SpOoK®
  • Participante
  • 1520 mensagens

Publicado 06 September 2003 - 04:37 PM

Sim, o resultado fica ótimo!

Mais que dá um trampo, dá ...


#5 Guto Roller    

Guto Roller
  • Participante
  • 572 mensagens

Publicado 06 September 2003 - 04:40 PM

Muito por sinal


#6 Beagle    

Beagle
  • Participante
  • 8433 mensagens

Publicado 06 September 2003 - 04:53 PM

Muito show o tutorial! parabéns!


#7 ricardo_yakuza    

ricardo_yakuza
  • Participante
  • 2454 mensagens

Publicado 06 September 2003 - 05:00 PM

Nossa, ótimo tutorial, tudo o que eu precisava!! VALEUUU!!

Parabéns GUTO


#8 Scooby-Doo    

Scooby-Doo
  • Participante
  • 1211 mensagens

Publicado 06 September 2003 - 05:38 PM

Muito rox!


#9 2.advanced    

2.advanced
  • Participante
  • 2269 mensagens

Publicado 06 September 2003 - 06:26 PM

Muito bom.

Editado por -=*Dener*=- 05 March 2009 - 09:41 AM


#10 MarcoMendes    

MarcoMendes
  • Participante
  • 1216 mensagens

Publicado 06 September 2003 - 06:30 PM

Muito bom o tutorial . Valeu o esforço.



PUBLICIDADE  
 









Tópicos com palavra-chave: TUTORIAL