Crie Um Barril No Photoshop e Illustrator - PhotoPro
-
Upload
franklin-pacifico -
Category
Documents
-
view
69 -
download
5
Transcript of Crie Um Barril No Photoshop e Illustrator - PhotoPro
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 1/17
CAD O AL TUTORIAL PHOTOSHOP PODCAST MEGA FUSES PRODUTOS CURSOS & EVENTOS PARCERIAS CONTATO
1TweetarTweetar 8Curtir 74
Crie um barril no Photoshop e Illustrator14. Jun. 2013
No tutorial do Grupo PhotoPro de hoje, utilize os recursos do efeito 3D do
Illustrator e o Photoshop na elaborao desta criativa ilustrao de barril.
CAD O AL
Criando um barril com Photoshop e Illustrator
O Illustrator tem o recurso do efeito 3D, que dependendo do trabalho que vai ser elaborado, mais indicado e consegue-
se um resultado mais rpido do que trabalhar com as ferramentas 3D do Photoshop. No caso deste tutorial, por exemplo,
a ilustrao de um barril foi criada usando o recurso do Illustrator para criar a forma e aplicar a textura e o Photoshop para
fazer o acabamento.
Confira!
Trabalhando no Illustrator
1) No Illustrator, crie uma elipse no sentido vertical usando a ferramenta elipse:
AGENDA CURSOS
Dominando o Photoshop CS6
Data: 06 de julho de 2013
Local: Brusque/SC - Centro Empresarial de
Brusque
Encontros de
Photoconhecimento
Data: 08 de julho de 2013
Local: Salto/SP
Photoshop CC Photo Retouch -
Photoshop CC Creative
Retouch - Prtico
Instrutor: Alexandre Keese
Data: 15 e 16 de julho de 2013
Local: Sede do Grupo PhotoPro - Itu, SP Rua
Madre Maria Basilia, 237 - Centro
Grupo PhotoPro
Curtir
15.622 pessoas curtiram Grupo PhotoPro.
PODCAST VER TODOS
194
Pesquisar
http://www.photopro.com.br/http://www.photopro.com.br/tutorial-photoshop/http://www.photopro.com.br/video-tutorial-photoshop/yellow-mello-visita-a-sede-do-grupo-photopro-em-sao-paulo-http://www.photopro.com.br/fusoes-de-imagem/http://www.photopro.com.br/livros-e-dvds-photoshop/http://www.photopro.com.br/curso-de-photoshop/http://www.photopro.com.br/parceiros/http://www.photopro.com.br/contato/https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.photopro.com.br%2Ftutorial-photoshop%2Fcrie-barril-photoshop-illustrator&text=Crie%20um%20barril%20no%20Photoshop%20e%20Illustrator&tw_p=tweetbutton&url=http%3A%2F%2Fwww.photopro.com.br%2Ftutorial-photoshop%2Fcrie-barril-photoshop-illustrator&via=grupophotoprohttp://twitter.com/search?q=http%3A%2F%2Fwww.photopro.com.br%2Ftutorial-photoshop%2Fcrie-barril-photoshop-illustratorhttp://www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustratorhttp://loja.photopro.com.br/ecommerce_site/produto_28238_4455_03-LANCAMENTO-DVD-CRIANDO-O-CAOS-NO-PHOTOSHOP-Getulino-Pachecohttp://www.photopro.com.br/livros-e-dvds-photoshop/dvd-illustrator-dicas-e-truqueshttps://www.facebook.com/grupophotoprohttps://www.facebook.com/grupophotoprohttps://www.facebook.com/grupophotoprohttps://www.facebook.com/vaguinrosariohttps://www.facebook.com/caina.faccohttps://www.facebook.com/fateh.negro.skilledmanhttps://www.facebook.com/danielgeib.fotografiahttps://www.facebook.com/cinaralodihttps://www.facebook.com/ideva.batistahttps://www.facebook.com/1Matheushttps://www.facebook.com/profile.php?id=100003937721469https://www.facebook.com/jrferae10https://www.facebook.com/tesilainimoitimhttps://www.facebook.com/marcospaulo.correa2https://www.facebook.com/fernando.artefinalhttp://www.jasperentretenimento.com.br/https://www.facebook.com/Dtupphotobarhttp://www.photopro.com.br/curso-de-photoshop/15-e-16-de-julho-de-2013-photoshop-cc-photo-retouch---photoshop-cc-creative-retouch---praticohttp://loja.photopro.com.br/http://www.eizo.com.br/http://br.fotolia.com/http://www.photopro.com.br/video-tutorial-photoshop/http://www.photopro.com.br/http://twitter.com/AleKeesehttp://feeds.feedburner.com/GrupoPhotoProhttp://www.googleadservices.com/pagead/aclk?sa=L&ai=CGAbwLPnAUfz6AtTWqwHVsYEIkvqF1wPq__HQZrLExvS-ARABIO2p7RxQ9vb0-QVgzcDngJwDoAGRw7D_A8gBAqgDAcgD0QSqBKMBT9Ctos5XgCSk-rX9BUDgKVy1uJfRPp6uJJRjNsTPVE8yMvk3QC2i0HnGXkXSPFYR3bbyMtJbFq7TdRQPeM8XA8fc9WaMPSYYXfhj6ynUOXP2OP7voVYx0fJIvduHK2Xy_uNcEinRyiUBW5QwPhgntJpValmzo3dNDGba6G4e3kVBUVKchAROkSYw9X5RK4OK35Dg5GX0jWxpdPvScCDqpwnLaIgGAaAGAoAH17xP&num=1&cid=5GjIkVC4hUNf5YGWxy7kJkXc&sig=AOD64_0xa5TS31iFqtE9IPWF07a78OJS-w&client=ca-pub-4846586358044269&adurl=http://eteacherhebrew.com/pt-br/landing-page/learn-hebrew-or-biblical-hebrew-online-general-2%3Fcid%3D6713%26adgroup%3Dallofmysite -
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 2/17
2) Mude para a ferramenta retngulo e crie dois retngulos sobrepostos sobre a elipse. Um deles deve ser posto no topo
da elipse e o outro na base, como demonstrado no exemplo:
3) Ative Window > Pathfinder no Illustrator, selecione a elipse e os retngulos e aplique a opo Subtrao do painel:
Yellow Mello visita a sede doGrupo PhotoPro em So Paulo
10. Jun. 2013
Assista j!
Criando mscara de opacidade
no 3D do Photoshop
23. Apr. 2013
Assista j!
Tratando fotos com Camera
Raw e Photoshop
12. Apr. 2013
Assista j!
Criar foto panormica com
Lightroom e Photoshop
26. Mar. 2013
Assista j!
Tratando uma foto no
Lightroom com Clicio Barroso
19. Feb. 2013
Assista j!
http://www.photopro.com.br/video-tutorial-photoshop/yellow-mello-visita-a-sede-do-grupo-photopro-em-sao-paulo-http://www.photopro.com.br/video-tutorial-photoshop/yellow-mello-visita-a-sede-do-grupo-photopro-em-sao-paulo-http://www.photopro.com.br/video-tutorial-photoshop/criando-mascara-de-opacidade-no-3d-do-photoshophttp://www.photopro.com.br/video-tutorial-photoshop/criando-mascara-de-opacidade-no-3d-do-photoshophttp://www.photopro.com.br/video-tutorial-photoshop/tratando-fotos-com-camera-raw-e-photoshophttp://www.photopro.com.br/video-tutorial-photoshop/tratando-fotos-com-camera-raw-e-photoshophttp://www.photopro.com.br/video-tutorial-photoshop/criar-foto-panoramica-com-lightroom-e-photoshophttp://www.photopro.com.br/video-tutorial-photoshop/criar-foto-panoramica-com-lightroom-e-photoshophttp://www.photopro.com.br/video-tutorial-photoshop/tratando-uma-foto-no-lightroom-com-clicio-barrosohttp://www.photopro.com.br/video-tutorial-photoshop/tratando-uma-foto-no-lightroom-com-clicio-barroso -
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 3/17
4) Volte a utilizar a ferramenta retngulo e crie dois novos pequenos retngulos e os pocisione sobre a forma, como
demonstrado. Selecione tudo e volte a aplicar a opo de subtrao do painel Pathfinder:
5) Arraste uma guia vertical para o centro da forma:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 4/17
6) V em View > Guides e verifique se as guias esto destravadas. Caso a opo Lock Guides estiver ativada, desative.
Em seguida, selecione a guia mais a forma e aplique a opo Divide do painel Phathfinder e a forma ser dividida em
duas partes. Selecione e delete a parte da direita:
7) V agora em Effect > 3D, opo Revolve. Esta opo far atravs da forma a renderizao de um barril:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 5/17
8) Providencie uma textura de madeira como a do exemplo, que pode ser baixada no site Fotolia.com
Ref: 40052252.
http://br.fotolia.com/http://br.fotolia.com/id/40052252 -
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 6/17
9) Em File > Place, posicione a imagem da textura no arquivo do Illustrator e, em seguida, clique no boto Unembed para
fazer com que a imagem seja inserida no arquivo. Arraste e salve a imagem para dentro do painel Symbols:
10) Com a forma 3D selecionada, ative o Painel Appearance e clique duas vezes sobre o item 3D Revolve para abrir o
painel de configuraes 3D:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 7/17
11) No painel de opes 3D, entre na opo Map Art e em Surface navegue pelas partes das malhas do objeto at
encontrar a malha da parte externa do barril, que exibida por uma grade que mostra a localizao do mapa exibido no
objeto 3D:
12) Uma vez localizado o mapa, acesse o item Symbol na parte superior do painel e localize e aplique a textura de
madeira sobre o mapa. Clique em Scale to Fit para que a textura envolva toda a malha:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 8/17
13) Acesse atravs de surface outros mapas da forma e repita o procedimento ativando no final a opo Shade Artwork,
que criar o sombreamento do barril sobre a textura de madeira:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 9/17
14) Faa uma cpia do barril e no painel de opes 3D rotacione ele atravs do cubinho azul para criar um outro barril
deitado:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 10/17
15) Faa agora uma cpia do layer do arranjo dos dois barris:
16) No layer da cpia, selecione um barril por vez e volte a acionar painel de opes. Em Map Art habilite Clear All. Isto far
com que as texturas do objeto sejam eliminadas, deixando os barris como no incio:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 11/17
17) Pressione Command + Y (MAC) ou Control + Y (PC) para conseguir enxergar o render no modo aramado. Crie dois
pequenos retngulos e os posicione, um na base e outro no topo da forma do barril em p, como mostrado abaixo:
18) Preencha estes retngulos com um tom de cinza escuro ou uma outra cor que preferir e em seguida selecione os
dois e os arraste para dentro do painel Symbols:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 12/17
19) Selecione um barril por vez e volte em suas configuraes no painel de opes e ative desta vez a opo Invisible
Geometry. Com isso, voc conseguir criar os anis dos barris:
20) Organize os layers de forma que cada anel fique em um layer acima do seu respectivo barril:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 13/17
21) Em seguida, exporte o arquivo para o Photoshop em File Export. No painel de opes de exportao, verifique se o
item Write Layers est ativo. Esta opo conservar a hierarquia dos layers no arquivo exportado para o Photoshop:
Trabalhando no Photoshop
22) Abra o arquivo no Photoshop e comece trabalhando com a ferramenta Burn. Use a ferramenta para escurecer as
reas de sombra dos barris:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 14/17
23) Faa o mesmo procedimento nos anis, porm use tambm a ferramenta Dodge para dar mais intensidade de luz
nas rea claras:
24) Para ganhar um pouco mais de profundidade nos anis, d dois cliques no layer para ativar o painel Layer Styles.
Use a opo Bevel & Emboss e aplique uma leve espessura sobre os anis:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 15/17
25) Aplique um Style Drop Shadow para criar uma sombra no barril e em seguida v at o menu principal. Em Layer >
Layer Style, ative Create Layer. Isto far com que o efeito de sombra seja convertido em um novo layer com a sombra
sendo um elemento individual. Selecione o layer com a sombra e v em Edit > Transform > Distort e distora a sombra
sobre a base do lado esquerdo do barril para transform-la em uma sombra projetada:
-
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 16/17
1TweetarTweetar 8Curtir 74
26) Para concluir, repita o processo em outro barril e preencha a sombra com um gradiente preto e branco. Aplique sobre
as sombras Filter > Blur > Gaussian Blur para fazer a suavizao de suas bordas.
Por Getulino Pacheco
J assistiu o ltimo episdio do PhotoPro TV?
Yellow Mello visita a sede do Grupo PhotoPro em So Paulo - Podcast 86
Leia tambm:
> Lanamento do Illustrator CC traz muitas novidades
> Novidade Photoshop CC: Novo Spot Removal
> Adobe faz lanamento do novo Photoshop CC
> Crie um barril no Photoshop e Illustrator
> O que Low Key na fotografia?
> Novidade Lightroom 5: Radial Filter
> Adobe promove ao criativa em ponto de nibus
> O que High Key na fotografia?
LHJR%DOELQRGLVVHCara, como sempre voce postando tutoriais de grande auxilio. Vc demais parabns pelo trabalho.
Continue sempre assim, photopro como sempre se parabns.
June 14, 2013, 3:29 pm
/ HRQLGDV$OYHVGLVVHBom bom o tutorial! ja vou colocar mos a obra! Muito obrigado pessoal vcs so d+ ^__^
June 14, 2013, 3:39 pm
0 DUFHOR* RP HVGLVVHQue bacana! Consegui reproduzi-lo, no ficou perfeito como do nosso amigo Pacheco, mas d para
enganar, rs. Vejam o link: https://www.facebook.com/photo.php?
fbid=284625065014737&set=a.284624978348079.1073741826.100004017380862&type=1&theater
June 15, 2013, 10:38 am
https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.photopro.com.br%2Ftutorial-photoshop%2Fcrie-barril-photoshop-illustrator&text=Crie%20um%20barril%20no%20Photoshop%20e%20Illustrator&tw_p=tweetbutton&url=http%3A%2F%2Fwww.photopro.com.br%2Ftutorial-photoshop%2Fcrie-barril-photoshop-illustrator&via=grupophotoprohttp://twitter.com/search?q=http%3A%2F%2Fwww.photopro.com.br%2Ftutorial-photoshop%2Fcrie-barril-photoshop-illustratorhttp://www.photopro.com.br/video-tutorial-photoshop/yellow-mello-visita-a-sede-do-grupo-photopro-em-sao-paulo-http://www.photopro.com.br/tutorial-photoshop/novidades-lancamento-illustrator-cchttp://www.photopro.com.br/tutorial-photoshop/novidade-photoshop-cc-spot-removalhttp://www.photopro.com.br/novidades-photoshop/lancamento-photoshop-cchttp://www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustratorhttp://www.photopro.com.br/tutorial-photoshop/low-key-fotografiahttp://www.photopro.com.br/tutorial-photoshop/novidade-lightroom-5-radial-filterhttp://www.photopro.com.br/novidades-photoshop/adobe-promove-acao-criativa-ponto-onibushttp://www.photopro.com.br/tutorial-photoshop/high-key-fotografiahttp://leonidasalves.jimdo.com/ -
18/06/13 Crie um barril no Photoshop e Illustrator - PhotoPro
www.photopro.com.br/tutorial-photoshop/crie-barril-photoshop-illustrator 17/17
Deixe um comentrio
Nome (obrigatrio)
Email (no ser publicado) (obrigatrio)
Website
Enviar Comentrio
FIQUE LIGADO!
Twitter
RSS
DIRETO DO BLOG DO AL
Novidade Photoshop CC: Novo Spot Removal
18. Jun. 2013
Confira uma das novidades do Photoshop CC: O novo Spot Removal no Adobe Camera
Raw , trabalhando de forma super dinmica!
Lanamento do Illustrator CC traz muitas novidades
18. Jun. 2013
Confira no Grupo PhotoPro algumas das novidades do lanamento do Illustrator CC, que
torna o aplicativo ainda mais poderoso e verstil
Adobe faz lanamento do novo Photoshop CC
17. Jun. 2013
A Adobe lana hoje o novo Photoshop CC. Confira aqui algumas novidades da nova verso,
que promete grande mudanas e mais recursos!
CONTATO
Endereo: Rua Madre Maria Baslia, 237 -
Centro
Cep 13300-003
Itu / SP
Telefone: (11) 4013-7979
Email: [email protected]
Copyright - Todas as marcas utilizadas neste site so propriedade a seus respectivos fabricantes.
0 DUFHOR* RP HVGLVVHQue bacana! Consegui reproduzi-lo, no ficou perfeito como do nosso amigo Pacheco, mas d para
enganar, rs. Vejam o link: https://www.facebook.com/photo.php?
fbid=284625065014737&set=a.284624978348079.1073741826.100004017380862&type=1&theater
June 15, 2013, 11:06 am
IDEULFLRDOYHVGLVVHtutorial assim complexo, tem que ser em video ! otimo tutoo !!!
June 17, 2013, 7:47 pm
http://twitter.com/AleKeesehttp://feeds.feedburner.com/GrupoPhotoProhttp://www.photopro.com.br/tutorial-photoshop/novidade-photoshop-cc-novo-spot-removalhttp://www.photopro.com.br/tutorial-photoshop/lancamento-do-illustrator-cc-traz-muitas-novidadeshttp://www.photopro.com.br/novidades-photoshop/adobe-faz-lancamento-do-novo-photoshop-ccmailto:[email protected]