no , , , ,

Tutorial: Criando formas geométricas complexas no Photoshop

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

"use strict"; var adace_load_5f0c33515d947 = function(){ var viewport = $(window).width(); var tabletStart = 601; var landscapeStart = 801; var tabletEnd = 961; var content = '%3Cdiv%20class%3D%22adace_adsense_5f0c33515d90a%22%3E%3Cscript%20async%20src%3D%22%2F%2Fpagead2.googlesyndication.com%2Fpagead%2Fjs%2Fadsbygoogle.js%22%3E%3C%2Fscript%3E%0A%09%09%3Cins%20class%3D%22adsbygoogle%22%0A%09%09style%3D%22display%3Ablock%3B%22%0A%09%09data-ad-client%3D%22ca-pub-3297652328497884%22%0A%09%09data-ad-slot%3D%221456553999%22%0A%09%09data-ad-format%3D%22auto%22%0A%09%09%3E%3C%2Fins%3E%0A%09%09%3Cscript%3E%28adsbygoogle%20%3D%20window.adsbygoogle%20%7C%7C%20%5B%5D%29.push%28%7B%7D%29%3B%3C%2Fscript%3E%3C%2Fdiv%3E'; var unpack = true; if(viewport=tabletStart && viewport=landscapeStart && viewport=tabletStart && viewport=tabletEnd){ if ($wrapper.hasClass('.adace-hide-on-desktop')){ $wrapper.remove(); } } if(unpack) { $self.replaceWith(decodeURIComponent(content)); } } if($wrapper.css('visibility') === 'visible' ) { adace_load_5f0c33515d947(); } else { //fire when visible. var refreshIntervalId = setInterval(function(){ if($wrapper.css('visibility') === 'visible' ) { adace_load_5f0c33515d947(); clearInterval(refreshIntervalId); } }, 999); }

})(jQuery);

01. Pressione Ctrl+N para criar um novo documento de 400×400 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/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  1. Seu pagerank ali na direita aparece zero, mas na minha google toolbar aparece 3!

    Gostei deste tutorial. O resultado final é muito bonito.

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

    abraços.

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

    ja vi varias no orkut .

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

  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:
    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

  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!!

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

  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[at]hotmail.com

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

dois × cinco =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.