André Sugai 
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 :)
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.
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.
03. Ainda na barra de opções da ferramenta clique na opção Shape Layers.
04. Agora escolha o Shape da imagem abaixo ou outro caso queira criar formas diferenciadas.
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.
06. Agora pressione a letra A do teclado para selecionar a Direct Selection Tool.
07. Agora clique e arraste afim de demarcar a área central do Shape criado para selecionar os pontos internos do Shape.
08. Todos os pontos deve ser selecionados, mas como na imagem abaixo um dos pontos ficou de fora da seleção.
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.
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.
11. Ainda mantendo as teclas Shift+Alt pressionada gire a caixa de Free Transform arrastando o mouse para a esquerda.
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.
13. Sua imagem deverá estar assim.
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.
15. Seu shape deverá ficar com todos os pontos selecionados (internos e externos).
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.
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.
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.
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.
Abaixo algumas outras formas criadas.
site de origem: http://mintyferret.com/photoshop/geometric-shapes/
Muito bom!
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
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+.
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!!
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
André, como eu desenho uma curva no photoshop? Alem de desenho a mao livre, tem algum jeito?
Abraço
eae cara .
ei . nao teria jeito de vc por para download uma action de uma borda simples preta .
ja vi varias no orkut .
Muito bom o tutorial André, continue assim pois o site está muito bom.
abraços.
Seu pagerank ali na direita aparece zero, mas na minha google toolbar aparece 3!
Gostei deste tutorial. O resultado final é muito bonito.