Mar
02
2010

Criando máscaras de vetor com a ferramenta Caneta no Photoshop CS4


Em algum ponto ou outro que você pode encontrar a necessidade de ordenadamente ou separam claramente um elemento de uma imagem do seu fundo. Neste caso, deseja isolar um rosa a partir de uma imagem, mantendo a integridade do contorno natural da flor. Este processo é conhecido como um mascaramento. Photoshop foi primeiramente considerado um "Programa de Raster Editing Based Image" e em sua maior parte, com razão. Embora em encarnações mais recentes do programa, a implementação de ferramentas de vetor drasticamente ampliado o potencial para criar facilmente arte incrível. Embora a ferramenta borracha funciona muito bem para apagar as informações de cor de pixels, é muitas vezes difícil de precisão remover apenas os pixels em torno do objeto que você deseja isolar preservando um perfil limpo. Além de ser impreciso, o método de "borracha" pode ser destrutiva para a imagem sendo editada, levando a uma dessas "OH NÃO!" Momentos que todos nós temos (ou terá) quando a realização de sobrescrever um arquivo afunda dentro eu pudesse dobrar seu ouvido (ou olhos neste caso) por horas a praticar o gerenciamento de arquivos bom, mas este é um tutorial de design, então vamos chegar a isso. ;)

  1. Primeiro vou começar com uma imagem que eu tiro no dia de São Valentim no meu quintal. Baixe a imagem de rosas aqui!
  2. Unedited image of a rose

  3. Usando a "Pen Tool" meu objetivo é seguir o contorno da rosa, tanto quanto possível, deixando o fundo fora o meu caminho. O primeiro passo é definir o meu "ponto âncora" inicial. Normalmente eu encontrar um canto em algum lugar na imagem para iniciar / encerrar qualquer caminho que eu criar. (Isso não é necessário que você pode começar os seus pontos de ancoragem no meio de uma linha ou curva, se desejar. Use o que você achar que funciona melhor para você).
  4. Pen tool
    Pick up anchor point

  5. O próximo passo terá de ser repetida se necessário, para atingir um nível de detalhe satisfatório ao seu projeto. Pode levar um pouco de tentativa e erro para se acostumar com a ferramenta caneta, mas a cada minuto gasto na aprendizagem de usá-lo você vai economizar horas e dores de cabeça no futuro. Eu uso algumas teclas predefinidas Adobe modificadoras (Ctrl, Alt, ou Option Shift) para alterar a forma como a ferramenta caneta interage com o meu documento. Neste exemplo, a seta horizontal mostra onde eu coloquei o meu segundo ponto de ancoragem, a seta diagonal mostra a direção que eu arrastado a ferramenta caneta, continuando a manter pressionado o botão esquerdo do mouse depois de criar o segundo ponto de ancoragem.
  6. New anchor point

  7. Você vai notar que duas linhas com círculos nas extremidades irá aparecer depois de cada ponto de ancoragem posterior, estes são chamados "pegas" e assim como as alças em uma bicicleta permitem orientar, estas alças dar-lhe um controle preciso sobre as curvas que você criar . Se você é um pouco fora com um de seus cliques não se preocupe, você pode facilmente corrigir a curva usando essas alças. Com a ferramenta caneta espera ainda ativo "Ctrl" e arraste a alça entre os dois últimos pontos de ancoragem, observe como as mudanças de raio.

    Em algum momento você vai precisar criar um ângulo em vez de uma curva. Isto pode ser conseguido facilmente segurando a tecla "Alt" ("Opção" no Mac) e clicar diretamente no seu último ponto de ancoragem. Essa função redefine o ângulo da "final aberto" do seu caminho, permitindo-lhe fazer ângulos duros, se necessário. Usando as teclas modificadoras para ajudá-lo, terminar traçando o contorno de sua imagem até chegar ao ponto onde você começou. Agora você deve ter um caminho contínuo que define a imagem como representado pela linha tracejada em preto e branco em torno da rosa no meu exemplo a seguir

  8. Rose with a path outline

  9. Agora, abra o "Caminhos" janela (Window> Paths) e clique direito sobre o ícone de seu esboço e selecione "Make Selection ..."
  10. Paths window
    Paths window, make selection

  11. Abra o "Layers" janela (Window> Layers) e clique no botão "Add Layer Mask" ícone na parte inferior da janela Camadas.
  12. Add Layer Mask

  13. Seu "Layers" janela deve ficar assim:
  14. Layers window with mask

  15. ... E seu arquivo de projeto deve agora olhar como este:
  16. Finished File

Espero que goste de usar máscaras em Adobe Photoshop CS4, tanto quanto eu gosto de ensinar-lhe.


tags: , , , , , ,
postou em tutoriais de design por Rory

Siga os comentários através do RSS Feed | Deixe um comentário | Trackback URL

Deixe seu comentário

© 2008 - 2012 - Todos os Direitos Reservados - Ideamesh, Inc. 22 procedimentos. 0,230 segundo.