Tutorial: Criando formas geométricas complexas no Photoshop

COMPARTILHE:

Como criar formas geométricas complexas no Photoshop usando a Custom Shape Tool.

Preview Descrição: Como criar formas geométricas complexas no Photoshop usando a Custom Shape Tool.

  • [message]
    • ##check##AVISO: Criando formas geométricas complexas no Photoshop

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

tutoriais photoshop

01. Pressione Ctrl+N para criar um novo documento de 400x400 pixels, modo de cor RGB, 72 pixels e fundo branco, pressione Ok e logo em seguida a letra U do teclado para selecionar a Custom Shape Tool.

Criando formas geométricas complexas no Photoshop

02. Na barra de opções da ferramenta clique na opção Shape para abrir a caixa de Shapes disponíveis para uso, nesta caixa clique na pequena seta existente no canto superior direito para abrir uma lista de opções, clique na opção Shapes como na imagem abaixo, na caixa de confirmação que irá aparecer clique na opção Ok.

Criando formas geométricas complexas no Photoshop

03. Ainda na barra de opções da ferramenta clique na opção Shape Layers.

Criando formas geométricas complexas no Photoshop

04. Agora escolha o Shape da imagem abaixo ou outro caso queira criar formas diferenciadas.

Criando formas geométricas complexas no Photoshop

05. Agora pressione a tecla Shift clique no documento e arraste para criar o Shape escolhido mantendo sua proporção, na imagem abaixo ao redor do Shape aparece a caixa de Transform Controls, caso na sua imagem não apareça não fique preocupado pois não usaremos este recurso.

Criando formas geométricas complexas no Photoshop

06. Agora pressione a letra A do teclado para selecionar a Direct Selection Tool.

Criando formas geométricas complexas no Photoshop

07. Agora clique e arraste afim de demarcar a área central do Shape criado para selecionar os pontos internos do Shape.

Criando formas geométricas complexas no Photoshop

08. Todos os pontos deve ser selecionados, mas como na imagem abaixo um dos pontos ficou de fora da seleção.

Criando formas geométricas complexas no Photoshop

09. Para incluir o ponto pressione a tecla Shift e clique no ponto, ou clique e abra um quadrado ao redor do ponto para selecioná-lo.

Criando formas geométricas complexas no Photoshop

10. Agora pressione Ctrl+T para abrir a caixa de Free Transform, clique em um dos pontos da diagonal da caixa de Free Transform, mantenha as teclas Shift+Alt pressionadas para manter a proporção e centralização do Shape e arraste para o mouse para o centro do Shape.

Criando formas geométricas complexas no Photoshop


11. Ainda mantendo as teclas Shift+Alt pressionada gire a caixa de Free Transform arrastando o mouse para a esquerda.

Criando formas geométricas complexas no Photoshop

Criando formas geométricas complexas no Photoshop

12. Agora clique no ícone de Commit Transform (parecido com um Checkmark) na barra de opções da ferramenta no alto da tela para confirmar as transformações.

Criando formas geométricas complexas no Photoshop

13. Sua imagem deverá estar assim.

Criando formas geométricas complexas no Photoshop

14. Pressione a letra A do teclado para selecionar a Direct Selection Tool novamente, mantenha a tecla Shift pressionada e vá abrindo retângulos nos pontos externos do Shape afim de selecionar apenas a parte externa do Shape.

Criando formas geométricas complexas no Photoshop

15. Seu shape deverá ficar com todos os pontos selecionados (internos e externos).

Criando formas geométricas complexas no Photoshop

16. Novamente pressione Ctrl+T para abrir a caixa de Free Transform, mantenha as teclas Shift+Alt pressionadas, clique em um dos pontos da diagonal da caixa de Free Transform e arraste para a parte interna do Shape para manter a proporção e centralização do Shape, logo após pressione a tecla Enter ou clique no ícone de Commit Transform na barra de opções da ferramenta.

Criando formas geométricas complexas no Photoshop

17. Agora pressione a letra V do teclado para selecionar a Move Tool, na barra de opções da ferramenta certifique-se de que a opção Show Bounding Box esteja marcada.

Criando formas geométricas complexas no Photoshop

18. Isto irá ativar a Bounding Box ao redor do seu Shape, agora mantenha as teclas Shift+Alt pressionadas, clique em um dos pontos diagonais da caixa e arraste para fora para redimensionar novamente seu Shape e pressione Enter.

Criando formas geométricas complexas no Photoshop

19. Como pode-se notar um Shape permite o redimensionamento livre sem perda de qualidade e que a caixa Bounding Box permite que o redimensionamento seja feito sem o uso da caixa de Free Transform, para aplicar cores na sua forma que foi criada vá em Layer> Layer Style> Gradient Overlay, escolha um gradiente e pronto.

Criando formas geométricas complexas no Photoshop

Abaixo algumas outras formas criadas.

Criando formas geométricas complexas no Photoshop

Criando formas geométricas complexas no Photoshop

site de origem: http://mintyferret.com/photoshop/geometric-shapes/

COMENTÁRIOS

BLOGGER: 9
  1. Seu pagerank ali na direita aparece zero, mas na minha google toolbar aparece 3!

    Gostei deste tutorial. O resultado final é muito bonito.

    ResponderExcluir
  2. Muito bom o tutorial André, continue assim pois o site está muito bom.

    abraços.

    ResponderExcluir
  3. eae cara .
    ei . nao teria jeito de vc por para download uma action de uma borda simples preta .

    ja vi varias no orkut .

    ResponderExcluir
  4. André, como eu desenho uma curva no photoshop? Alem de desenho a mao livre, tem algum jeito?
    Abraço

    ResponderExcluir
  5. Opa André, tudo certo?
    Embora o blog seja mais focado na tradução de alguns tutoriais mais "prontos", digamos assim, será que rolava um tutorial sobre como fazer esse tipo de imagem:
    http://img175.imageshack.us/img175/5049/printlo6.jpg
    Creio que não seja difícil, acho que é um fundo cinza com retângulos em degradê (primeira dúvida), modo overlay e basicamente é isso... Mas eu acho o efeito bem interessante de ser explorado! Se precisar de ajuda para preparar o tutorial, entra em contato comigo.
    Um abraço
    Henrique Neto

    ResponderExcluir
  6. Oi Diogo, há algum tempo que já está assim e nem sei o porque, antes o rank estava em 3 mesmo... bom, isso não tem afetado as visitas por enquanto, mas vou tomar algumas providencias para ver o que ocorre, obrigado pelo toque, volte sempre!!

    Oi Nick, obrigado pela força!! volte sempre!!

    Oi Anônimo, na seção PS Downloads existem diversos sites onde você pode encontrar actions gratuitas ok? obrigado pela visita!!

    Oi Henrique, este efeito é uma variação deste outro efeito, se você entender como é feito basta recriar este outro que mandou, no caso a foto que você enviou é composta de uma série de retângulos em perspectiva... obrigado pela visita!!

    ResponderExcluir
  7. André,estou precisando de ternos em psd. com a finalidade de usa-los para montar fotos 3x4. vc sabe como consigo de graça? Continue assim amigo este blog é D+.

    ResponderExcluir
  8. oi.. gostaria de dize ke adorei teu site, nao conhecia a pagina e desde ontem qndo começei a ver os primeiros tutoriais gostei mto. parabens pelo teu trabalho! Gostaria de pedir um tutorial de como usar a pen tool uso mto photoshop, e preciso dela as vezes mas nao sei mexer nada!! se puder me ajudar
    agradço desde jah.. fakemorena17@hotmail.com

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,358,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,511,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Criando formas geométricas complexas no Photoshop
Tutorial: Criando formas geométricas complexas no Photoshop
Como criar formas geométricas complexas no Photoshop usando a Custom Shape Tool.
https://www.andresugai.org/Tutoriais/01.2008/T21/imagem22.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/01/criando-formas-geomtricas-complexas-no.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/01/criando-formas-geomtricas-complexas-no.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar