por Magno Urbano
10 Abril 2008
por Magno Urbano Neste tutorial de Photoshop vamos ensinar de que forma pode criar um escudo no Photoshop.
PHOTOSHOP CS3
Este tutorial foi feito no Adobe Photoshop CS3. Entretanto, foi idealizado de maneira a poder ser realizado em qualquer versão do Photoshop, a partir da versão 7. Neste artigo, utilizámos o Photoshop em inglês. Para ver os comandos equivalentes no Photoshop em português, clique aqui.
A CRIAÇÃO DE UM ESCUDO NO PHOTOSHOP
Para fazer um escudo com aparência moderna como o que mostramos no início deste tutorial, siga os passos seguintes:
- Vá ao menu File, New e crie uma imagem com 800×800 pixels em 72 dpi (pontos por polegada);
- Para criar um escudo vermelho, vá à paleta de cores do Photoshop, na barra lateral, e ajuste a cor de foreground para a cor indicada na figura seguinte:
- De seguida, vá à barra lateral e escolha a ferramenta Polygon Tool (para criação de polígonos).
- Depois de escolher o Polygon Tool, vá nas suas propriedades no alto da interface do Photoshop, ajuste o campo Sides (lados) com o valor 3, clique no ponto indicado pelo círculo na figura seguinte e verifique que tem desligadas as opções Smooth Corners (cantos arredondados) e Star (estrela), na janela seguinte:
- Verifique também se tem a opção Shape Layers ligada, antes de utilizar a ferramenta.
- Então, com a ferramenta Polygon Tool ajustada para desenhar um polígono de 3 lados (sides), desenhe um triângulo com a ponta para baixo, no meio da área de trabalho, como mostramos na figura seguinte:
- Volte à barra de ferramentas e escolha a ferramenta Add Anchor Point Tool. Vamos usar esta ferramenta para acrescentar pontos (vértices) ao triângulo, para poder arredondá-lo e criar a forma do escudo. Ver a figura seguinte:
- Com a ferramenta Add Anchor Point Tool activada, faça clique nos pontos indicados pelos números 1, 2 e 3 na figura seguinte, de forma a criar novos vértices no triângulo, nestas posições.
- Volte à barra lateral do Photoshop e seleccione a ferramenta Direct Selection Tool (ver a figura seguinte). Utilizaremos esta ferramenta para seleccionar e mover os vértices criados na etapa anterior, de maneira a dar curvatura ao escudo.
- Então, com a ferramenta Direct Selection Tool activada, clique em cada um dos vértices e mova-os conforme indicado na figura seguinte:
Quando clica num determinado vértice, verifica que este possui dois pontos de controlo, que também deverá modificar. Para além disso, mova e ajuste os outros vértices do triângulo também, até obter a forma mostrada na figura seguinte:
Terminada esta etapa, já temos a forma do escudo. Na fase seguinte, mostraremos como poderá criar a textura do escudo.
(continua…)
Este artigo continua...
Leia as outras partes deste artigo nos sequintes links:
PARTE 1 : PARTE 2 : PARTE 3 :
| Se gostou desse artigo... | |
:: |
receba as novidades deste site por e-mail! |
Dê a sua opinião sobre este artigo
17 Opiniões
-
rustho on
Abril 14, 200814:03
como eu faço pro escudo ficar vermelho?? pois quando eu pinto ele toda a layer tambem pinta
-
magno.urbano on
Abril 14, 200816:57
Caro Rushto, realmente faltava um passo no tutorial, o segundo, que justamente dava a cor ao escudo. Acrescentei esse passo no início do tutorial. Então, é necessário escolher a cor antes de desenhar o triângulo. Obrigado por fazer essa observação!!!
-
Kaminari on
Abril 20, 200823:34
nossa, muito bom esse tutorial! obrigado mesmo!
-
rafael on
Abril 29, 20085:05
gostaria de saber porque quando eu crio o formato do escudo a tela enteira fica da cor vermelha e no seu tutorial só aparece o formato triangular obrigado pela atenção
-
magno.urbano on
Abril 29, 20085:49
Se seguir o tutorial conforme descrevemos, não existe razão aparente para isso acontecer. Testamos várias possibilidades que podiam estar incorrectas e nenhuma ocasionou uma "tela" toda vermelha. Caso venha a descobrir o porque pedimos que, coloque a resposta aqui.
-
rafael on
Maio 1, 20084:31
muito obrigado pela sua resposta, mas mesmo assim continua dando errado, se é alguma coisa q eu estou fazendo errado eu não sei, pois eu segui todo o tutorial ele da tudo certo, as cores ficam iguais, etc, mas o unico problema é q não fica só o formato do escudo ele fica só com o contorno da ferramenta polygon tool mas a tela continua inteira 800 x 800 obrigado pela atenção.
-
magno.urbano on
Maio 1, 200813:20
ahhhhh. Quando seleccionar a ferramenta polygon tool, verifique nas propriedades no alto da interface, se a primeira opção, nomeada Shape Layers, está activa. Acrescentei essa etapa no início do tutorial.
-
rafael on
Maio 1, 200822:17
obrigado mesmo. agora deu certo! esse tutorial é demais! mande um do after effects se tiver!
-
gustavo on
Maio 4, 200817:43
e nao consegui fazer direito pq meu photosop ta em ingles
-
magno.urbano on
Maio 4, 200818:03
Não sei se reparou, mas este tutorial foi todo feito para o Photoshop EM INGLÊS. Se na verdade enganou-se e quis dizer português, observe que o tutorial possui o link para poder ver os comandos equivalentes no Photoshop em português... :-)
-
BRUNNO on
Maio 20, 200818:04
simplesmente óptimo!! demais!!!!!!!!
-
rodrigo on
Maio 21, 200815:40
quero fazer monta gem no orkut
-
Ivan Nascimento on
Maio 24, 200823:13
Muito bom,sou um profissional da área e fico muito contente de poder contar com um site como este, que se propõe a ajudar os profissionais a aprimorarem e aprender novas técnicas, pois neste ramo aprendemos todos os dias. Obrigado aos profissionais que livremente ensinam. Ivan
-
Magno Urbano on
Maio 24, 200823:31
Obrigado Ivan, também é importante que as pessoas participem com comentários, sugestões, etc., como foi o seu caso.
-
Cristian Vaz on
Junho 29, 20083:27
por favor, me manda o .PSD desse tutorial? *-*
-
Magno Urbano on
Junho 29, 200818:12
Cristian, a graça é que o leitor aprenda a fazer. Usar um PSD pronto não tem graça!
-
André on
Outubro 25, 200817:09
Bem legal , eu apenas queria saber como se coloca um fundo nesse escudo , por exemplo ao invéz da cor vermelha , uma foto. Obrigado
Seleccione uma categoria para ver os artigos correspondentes...
2D — 3D — 3DS Max — Acrobat — Adobe — Adobe AIR —
Adobe Premiere — After Effects — Aperture — Apple — Autodesk — Autodesk Maya —
Áudio — Book & E-book — Cinema — Continuação — Criação de Sites — Criação DVD —
Curso de Photoshop — Cursos pela Internet — Dicas — Discreet — Dreamweaver — Dreamweaver CS3 —
e-learning — Edição de Vídeo — Fórum (2002-2005) — Filmes - Making of — Firefox — Fireworks —
Flash — Flash CS3 — Fotografia Digital — Galeria de Imagens — GIMP — Google —
Google Adsense — Google PageRank — HTML — Illustrator — Ilustração — InDesign —
Inferno — Intel — iphone — iPhoto — ipod — iPod - iTunes —
Linux — Livro — Mac OS X Leopard — Mac OS X Snow Leopard — MacOS X — Microsoft —
Montagem de Fotos — Nikon — Photoshop — Photoshop CS3 — Photoshop CS4 — Pinnacle Studio —
Pixar — QuickTime — Safari — Servidor Apache — Software — Tecnologias —
Tutoriais — Tutorial 3DS Max — Tutorial Fireworks — Tutorial Flash — Tutorial GIMP — Tutorial Inferno —
Tutorial Maya — Tutorial Photoshop — Tutorial Web — Ubuntu — Vídeos — Vídeos iPod —
Web — Web - Ferramentas — Windows — Windows Vista — Wordpress — Yahoo! —
YouTube —