no , , , ,

Como criar uma ilustração bordada.

(adsbygoogle = window.adsbygoogle || []).push({});

Preview Descrição: Hoje veremos como criar uma ilustração com aspecto de bordado no Photoshop usando shapes padrões, brushes personalizados e texturas.

Tutorial Avançado

(adsbygoogle = window.adsbygoogle || []).push({});

01. Pressione Ctrl+O e abra uma textura de tecido, caso queira utilizar a mesma textura usada no tutorial clique aqui para baixar a textura, com a textura aberta no Photoshop pressione Ctrl+N para criar um novo documento, defina o tamanho de 500×700 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, clique no documento da textura pressione Ctrl+A para selecionar seu conteúdo, Ctrl+C para copiar, volte ao documento que criamos e pressione Ctrl+V para colar, dê o nome de Fabric para a layer.

tutoriaisphotoshop

02. Agora vá em Layer> New Adjustment Layer>Layer> New Adjustment Layer> Levels e defina os valores abaixo, pressione Ok, vá em Layer> New Adjustment Layer> Hue/Saturation e defina o valor de 0 para Hue, 46 para Saturation e -60 para Lightness.

tutoriaisphotoshop

03. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Stripes para a layer, escolha a cor #FF9000, pressione a letra M do teclado para selecionar a Layer> New Adjustment Layer>Rectangular Marquee Tool e crie algumas seleções verticais como na foto abaixo, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida, crie diversas linhas como na foto abaixo, mude o modo de blend da layer para Overlay.

tutoriaisphotoshop

04. Pressione a letra U do teclado para selecionar a Custom Shape Tool, na barra de opções da ferramenta clique na opção Shape e escolha o Shape indicado abaixo, com a tecla Shift pressionada clique e arraste no documento.

tutoriaisphotoshop

05. Agora vá em Window> Paths, clique no Path criado e depois clique no ícone de Load Path as Selection no rodapé da paleta de Paths, vá em Window> Layers, clique na layer Fabric, pressione Ctrl+C e depois Ctrl+V, isto criará uma nova layer, dê o nome de Badge para a nova layer, vá em Image> Adjustments> Hue/Saturation, clique em Colorize e depois defina o valor de 200 para Hue, 45 para Saturation e 0 para Lightness.

tutoriaisphotoshop

06. Com a tecla Ctrl pressionada clique na miniatura da layer Badge para ativar a seleção ao redor do Shape criado, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Border, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores, sua cor de Foreground deve ser a branca, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção, vá em Select> Modify> Contract, defina o valor de 20 pixels, pressione Delete.

tutoriaisphotoshop

(adsbygoogle = window.adsbygoogle || []).push({});

07. Pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva um texto qualquer.

tutoriaisphotoshop

08. Pressione Ctrl+E para mesclar a layer de texto com a layer Border, com a tecla Ctrl pressionada clique na miniatura da layer (que acabou de ser mesclada) para ativar a seleção, vá em Layer> Delete> Layer para deletar a layer selecionada, com a seleção ainda ativa clique na layer Badge, vá em Image> Adjustments> Hue/Saturation, clique em Colorize, defina o valor de 0 para Hue/65 para Saturation e 0 para Lightness.

tutoriaisphotoshop

09. Agora vá em Layer> Layer Style> Bevel and Emboss, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop

10. Agora pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush pequeno e pontas duras, vá em Window> Brushes, clique em Brush Tip Shape e defina os valores abaixo.

tutoriaisphotoshop

(adsbygoogle = window.adsbygoogle || []).push({});

11. Agora clique em Shape Dynamics e defina os valores abaixo.

tutoriaisphotoshop

12. Agora com a tecla Ctrl pressionada clique na miniatura da layer Badge para ativar a seleção, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground será a branca, vá em Window> Paths, clique no ícone de Make Workpath from Selection, clique com o botão direito do mouse sobre o Path criado (dentro da paleta de Paths) e escolha a opção Stroke Path, escolha a opção Brush e pressione Ok.

tutoriaisphotoshop

13. Ao final sua imagem estará como a da foto abaixo.

tutoriaisphotoshop

(adsbygoogle = window.adsbygoogle || []).push({});

site de origem: http://10steps.sg/photoshop/sewing-a-fabric-badge-in-photoshop/

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  1. onde eu consigoo o shape de escudo ? à dias estou procurando e nao acho pois mecho muito com isso se puder passar-me o site agredeço . Abrss 😀

  2. Oi Sk, obrigado pela visita!! volte sempre!! 🙂

    Oi Anônimo este shape vem no Photoshop, basta procurar lá na lista de shapes disponíveis, obrigado pela visita!!

  3. Olá! esse blog tá muuito massa, olha, será que você poderia ensinar a galera a fazer uma imagem desse tipo:
    st3to.deviantart.com/art/Sorceress-of-Water-85101985

    cara já tentei de várias maneiras mas não consigo de jeito nenhum, eu já vi um tutorial aqui ensinando à fazer algo parecido mas ainda não é o resultado desse imagem aí que eu te mandei o link

    se conseguir ajuda ae! Vlw!

  4. Tuto muito 10, mas não consegui a textura. Poderia me mandar um link por favor?
    Obrigada Pathy

  5. muito bom…quantas vezes deixei de atender um cliente pq não sabia como fazer coisas deste tipo….sucesso andré..

    fabi agnes

  6. D+ esse tutorial, fiquei doido p fazer, só q no passo 5 eu não entendi mais nada, "clicar no ícone de Load Path as Selection no rodapé da paleta de Paths", não sei mesmo, não consegui fazer o pathy ficar azul com a textura do pano, nada nada, por favor se puder me ajudar e vlw esse site é o meu preferido!

  7. Ow amigo por favor te pesso que me ensine esse tutorial ai passo a passo, tenho um trabalho a fazer e nescessito desse ai amigo,no passo 5 eu não entendi mais nada, "clicar no ícone de Load Path as Selection no rodapé da paleta de Paths", não sei mesmo, não consegui fazer o pathy ficar azul com a textura do pano,por favor se puder me ajudar te agradeço de coração, me mande por e-mail por gentileza,
    pablo_henriqueandrade[at]yahoo.com.br

  8. adorei fazer o tutorial. mais faltou o download do tecido, nao consegui fazer. pordeira me mandar por email por favor? Obrigada. bruna.presas[at]gmail.com

  9. Ae andre esse tuto eh de 4 estrelas e ta classificado com 2 no menu principal…

    flws!

  10. Gostaria de pedir a sua autorização de postar esse tutorial em um outro site.
    Não vai se modificado nada e é claro serão dados os devidos crédito.

  11. André, não consegui passar do 2º passo. Sempre faço as edições publicadas no seu blog sem nenhum problema, mas essa que me pareceu simples tem me dado dor de cabeça. Espero que possa me esclarecer o motivo. Minha imagem não muda a cor para o vermelho que fica no seu exemplo.

  12. André show de bola!!! mas só consegui ir até o passo 5… depois não entendi

  13. muito bom kara!!!
    é possivel aplicar o bordado em uma figura pronta?
    se for passa o tuto aê^! agradeço desde já! valeu!!

  14. Adorei, ficou lindo!!
    Sua explicação é show, não tem como errar.
    Obrigada!
    Fatima

  15. putz, muito legal! que photoshop é esse que você usou? será que com o photoshop 7 em portugues dá pra fazer? to apanhando aqui nas traduções dos botões… tá foda! se você colocasse a imagem da tela do photoshop com os botões que fossem usados no passo a passo seria mais fácil, he he. abraços
    márcio

Deixe uma resposta

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

4 + dezenove =

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

Um polícial muito desligado na animação Café Serré.

Inspiração, Cartazes de Rock: The Warlocks.