Mr. Designers

Como Renderizar Imagens - Ps

Washington20

No tutorial de hoje vou ensinar como renderizar uma imagem no Photoshop.

Primeiro abra seu Photoshop (Não importa qual seja a versão), depois abra a imagem a ser renderizada:

Vou passar 2 ferramentas úteis para seleção de partes de uma imagem:

Varinha mágica e a Seleção rápida

E para apagar use a Borracha e a borracha mágica.

1º- Apague a parte inútil da imagem (a parte que você não irá mexer da imagem).

2º- Selecione a Borracha mágica e clique nas partes brancas:

3º- Use as ferramentas de seleção (Varinha mágica e a Seleção rápida) para selecionar as partes desnecessárias (neste caso a parte útil da imagem seria o personagem principal do Prototype).

4º- Após fazer as seleções, selecione a borracha e vá apagando as partes selecionadas:

Após a conclusão a imagem deverá ficar com o fundo quadriculado (serve para mostrar que está em transparência) :

Quando for salvar não se esqueça de colocar em .PNG (Png e Gif são os únicos tipos de imagens que aceitam transparência).

Segue o resultado (está mal-renderizada pois o Kenshi tava me azucrinando no xat para eu acabar logo:

O próximo tutorial de como renderizar será no Gimp.

Até Mais!

Comentários:
Sem comentários

Categorias:
Tutoriais

Como criar a Fonte do Club Penguin no Fireworks

Washington20

Oi galera!

Este vai ser o tutorial de como fazer marcas d'águas para seu blog de Club Penguin. A marca d'água serve para várias coisas, entre elas são: Colocá-la em banners, fundos de chats, botar no cabeçalho, marcar exclusivos (deixando-a transparente, também vou ensinar a fazer isso) e etc.

Para criá-la, você deve baixar a fonte Bumbastika, que é a igual do CP (aprenda a baixá-la na postagem anterior). O programa que vamos usar é o Fireworks. Abra ele e clique em "Create New Fireworks Document (PNG)" e ponha o seguinte tamanho:

Width: 930
Height: 675

Agora iremos escrever o texto, para isso vou usar uma exemplo, vou escrever "Club Penguin". Selecione a ferramenta de texto, chamada "Text tool". Veja a imagem para te auxiliar:

Então escreva o nome, no meu caso é Club Penguin e depois lá embaixo escolha a fonte Bumbastika.

E para botar a cor dourada igual a do CP, clique para escolher a cor e vá com o conta-gotas a té o centro da letra, não pode ser no canto que é o local da sombra, ou então digite o código #FFBC3A. Veja:

Criada o nome, vamos começar com os efeitos que se localizam em Filters na parte de baixo. o primeiro efeito que vamos adicionar é a sombra, na verdade vamos criar duas sombras, pois cada uma pega um ângulo diferente da letra. Então clique em + do Filters, e na parte de Shadow and Glow, selecione Inner Shadow. Veja para entender melhor:

Para configurar a sombra é melhor ver quais são as configurações, porque fica difícil de explicar, e para escolher a cor da sombra, vá com o conta-gotas na sombra da palavra "Penguin" ou digite o código #FF9A00:

Feita o primeiro efeito, vamos criar outra sombra. Atenção: a única configuração que vai mudar será o ângulo, confira:

Agora que já fizemos as sombras, vamos para os contornos, que é um fino preto e uma largo azul. Começando com o preto. Para fazer contorno, clique em + de Filters, "Bevel and Emboss" e "Outer Bevel". Veja o percurso:

E para configurar o contorno, veja a imagem:

A cor pode ser preta ou também copiada da do Club Penguin que é um pouco mais clara. Falta agora somente um contorno e sua marca d'água vai estar assim por enquanto:

Agora, vamos fazer outro contorno, clicando em Outer Bevel novamente. Porém, mude as configurações, para fazer a cor pefeita, vá com o conta-gotas até o contorno azul do Club Penguin ou digite o código #0052AF ou #CDCDCD. Veja as mudanças na figura abaixo:

Atenção: As configurações do contorno citadas são apenas uma base, você deve editar como quiser!

Agora ela já está pronta, mas ainda falta alguns reparos. Agora iremos deixar o fundo transparente, clique na setinha preta (pointer tool) e depois fora de qualquer imagem, ou seja, na arte cinza. Depois clique no quadradinho branco.

Deixe o fundo transparente clicando no quadradinho branco com um risco vermelho. E já estará pronta. No Fireworks ainda, aperte "Ctrl" e a tecla "Shift" e a tecla "S" (juntas) para salvar. Coloque um nome para ela e clique em "Salvar".
Segue um "preview" de como ficou

E aí o que acharam?

Até mais!

~Washington20

Comentários:
Sem comentários

Categorias:
Tutoriais

Tutorial - Criar a Fonte Do C.A. no Photoshop

Washington20

Olá galerinha, aqui quem comanda a nave é o Washington20, o tutorial de hoje refere-se a como criar a fonte do Combat Arms, sem mais delongas segue:

1° - Inicie o Photoshop, CS3, CS4, CS5 não importa.

2° - Crie uma nova imagem com resolução ao seu gosto, use 600 por 250 como exemplo.

3° - Selecione a fonte "Living Hell" e digite o texto ao seu gosto.
É necessário que seja em "CAPSLOCK" para que haja efeito entre as fontes.
Para dar mais detalhe as fontes, use tamanho 90 se desejar.

4° - Crie uma "Layer" apenas para a letra maíuscula, e outra para as demais letras.
Por exemplo: Uma "Layer" para "C" e outra para "omputador".

5° - Após as Layers prontas, segure Shift, click em ambas e click em "Rasterize Layer".
Agora alinhe a letra maíuscula as demais letras.

6° - Selecione a letra maíuscula e vá em" Edit > Free" Transforme, ou simplismente CTRL+T.
Ajuste sua largura para 98% e sua altura 90% , e sua inclinação horizontal para -12.

7° - Faça o mesmo processo nas letras minusculas, apenas mudando largura para 95% e
altura para 82%. A inclinação horizontal continua em -12.

8° - Segure Shift, click em ambos Layers e selecione "Merge Layers".

9° - Agora click com o botão direito na "Camada" e vá em "Blending Options"
Selecione "Gradient Overlay" e click 2 vezes sobre a caixa "Gradient".
No "Gradient Editor", click 2 vezes não botão inferior preto do lado esquerdo.
Selecione sua cor desejada e faça o mesmo com o botão do lado direito, e de OK.

10° - Vá em "Outer Glow" e altere o "Blend Mode" para "Normal" e "Opacity" para 100.
Ajuste "Spread" e "Size" para 10%. Click na caixa de cores e escolha a cor preta.
Agora click 2 vezes sobre a imagem do "Contour" e arraste o eixo inferior totalmente
para a direita, até que o "Input" se torne 98% e de Ok.

11° - Click com o botão direito sobre sua "Layer" e selecione "Convert to Smart Object".
Em seguida, click novamente e selecione "Rasterize Type".

12° - Agora vamos inserir o fundo a sua "Layer". Vá em "File > Open" e abra o fundo.
Ajuste sua "Layer" sobre o fundo. Agora ajuste o fundo conforme o tamanho de sua
"Layer". Utilize dos mesmos métodos de Altura, Largura e Inclinação Horizontal se desejar.
Click na "Layer" de fundo e selecione "Blending Options > Outer Glow". Defina "Blend" como
"Normal" e "Opacity" como 100%. Em "Size" ajuste para 1 Pixel.

13° - Segure Shift, click sobre sua "Layer" e a "Layer de fundo", botão direito e vá em "Merge Layers".

14° - Desabilite o 'olho' onde está escrito "Background" para que sua "Layer" seja transparente.

15° - Vá em "File > Save As..." e selecione "PNG", para que o arquivo mantenha seu contraste.