Crie Um Barril No Photoshop e Illustrator - PhotoPro

download Crie Um Barril No Photoshop e Illustrator - PhotoPro

If you can't read please download the document

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]