Como arredondar uma imagem no Photoshop

Olá novamente, internautas! Shocker falando. Hoje trago um tutorial, pedido pelo Teco, nosso amigo no xat! Bem, ele tinha me pedido para ensiná-lo a fazer uma imagem arredondada, mas por quê não ensinar os outros também? Como ele não estava conseguindo entender apenas falando, aproveitei que estava entediado, e fiz essa postagem!

Primeiro, abrimos um tamanho no Photoshop, como sempre, usaremos 1000 x 1000 e depois recortaremos! Depois de aberto, deixe o zoom em 100%. Selecione a ferramenta Retângulo Arredondado, ela fica localizada entre a ferramenta Seleção de Demarcador e a Ferramenta Mão. Caso não esteja lá, normalmente no lugar dela PODERÁ ter as seguintes ferramentas: Poligono, Linha, Retângulo, Forma Personalizada e Elipse. Basta clicar e segurar no ícone da ferramenta, e um menu irá se abrir com todas as formas possíveis:

Abaixo do menu do Photoshop (Arquivo, Editar, Exibir, Janela etc) terá um outro menu com as propriedades da ferramenta Retângulo Arredondado. E lado direito, no final, terá Raio: 10 px, mude para 30 px ou o tamanho do arredondado que deseja. Faça um retângulo arredondado do tamanho da imagem, em seguida, vá no menu Arquivo > Inserir > Seleciona a imagem e posicione em cima do retângulo assim:

Feito isso, vá na camada da imagem, clique com o botão direito, e selecione Criar máscara de corte:

E então, irá ficar assim:

Vá na camada Retângulo, clique com o botão direito, clique em Rasterizar Camada, no mesmo menu onde você colocou a máscara de corte, faça o mesmo, porém, clique em Opções de Mesclagem em vez de Criar Máscara de Corte, e marque a caixinha: Traçado e ficará assim:

E então, está pronto!
Até mais!

Ferramenta Carimbo - Photoshop

Olá futuros designers! Shocker falando novamente!

Agora eu trago uma ferramenta simples, porém, útil, a ferramenta Carimbo!

Para quem tá boiando aí, quase afundando, vou explicar!

A ferramenta Carimbo do Photoshop, é uma ferramenta que permite corrigir falhas (rasuras, rasgados, riscos e manchas) em fotos ou quaisquer outras imagens!

Então, já enrolamos demais, vamos lá.

Primeiro, pegue uma imagem, como base, recomendo a imagem abaixo:

O link desta imagem é http://i.imgur.com/LXlnL.png

Bom, primeiro, pegue a ferramenta Carimbo, localizada entre a ferramenta Pincel e Pincel do Histórico!
Estão vendo a parte mais limpa da imagem? As partes sem rasura? Segure ALT e clique lá, depois solte ALT e clique sobre as partes onde estão rasuradas.
Ferramenta Carimbo requer paciência, e é meio complicada.
Sabendo-se que, a ferramenta Carimbo não fixa um ponto, você tem que segurar ALT, clicar numa parte não rasurada, depois clicar nas rasuras e fazendo isso até as manchas e rasuras acabarem! caso contrário, irá ficar assim:

No final, sua imagem deverá, ou pelo menos, deverá parecer assim:

Dúvidas em relação a isso? Perguntem-me no xat!

Adobe Creative Suite 6 & Crack

Olá pinguins, aqui é o Shocker novamente!
Agora, estou a disponibilizar o crack, e os programas que iremos usar durante os tutoriais!
Os programas são: Illustrator, Flash, InDesign, DreamWeaver, Fireworks e Photoshop!

Adobe.com/Photoshop
Adobe.com/Dreamweaver
Adobe.com/fireworks
Adobe.com/Flash
Adobe.com/InDesign
Adobe.com/Illustrator
Crack: oia.ae/c4

O crack é uma DLL, e vale para todos os programas da adobe.
Antes, instale os programas na versão de avaliação, e não os abra NENHUMA VEZ
Antes de tudo, leia também sobre Reclamações, vírus e DLLs.
Então, depois de instalados, coloque essa DLL na pasta de cada um. Irá aparecer uma mensagem dizendo o seguinte: O arquivo amtlib.dll já existe, deseja substitui-lo? Confirme, sim, e então, abra-os!

Photoshop CS6: Ferramenta Caneta e Sobreposição de Degradê

Olá! Aqui é o Shocker e hoje trago uma postagem de como usar a ferramenta caneta do PhotoShop!
Para quem tá vendo essa postagem e está boiando aí, vou explicar:
A ferramenta caneta, é uma ferramenta no PS, muito utilizada para criar relevos e formas legais.
Na construção da marca d' água do Club Penguin por exemplo, essa ferramenta é utilizada!
Hoje eu vou ensinar a criar um efeito legal no texto, utilizando a ferramenta caneta, e Sobreposição de Degradê.

1- Abra um documento 1000 x 1000 no PS, depois de aberto, defina o Zoom em 100%:

2- Na barra de ferramentas, (Do lado esquerdo da tela) procure a ferramenta TEXTO, ela normalmente se localiza entre a ferramenta CANETA, e SELEÇÃO DE DEMARCADOR, ou então, a ferramenta TEXTO, é a ferramenta cujo ícone é um T.
Caso ela não esteja como na foto acima, clique sobre ela, e segure, em seguida, irá aparecer um menu com mais ferramentas, então, procure a ferramenta TEXTO, a normal, como mostrada na imagem.

3- Faça uma palavra qualquer, mas recomendo uma fonte ''GORDA'', como Grobold, Bumbastika ou Burbank Big Condensed, LivingHell ou MelodBold. Caso não tenha alguma dessas, aqui está o link das fontes:

www.fontpark.net/en/font/burbank-big-condensed-black
www.fontpark.net/en/font/Grobold
www.fontpark.net/en/font/Bumbastika
www.fontpark.net/en/font/LivingHell

Não foi possível achar a MelodBold, acho que ela é uma fonte padrão do Windows, pelo menos aqui foi.
Depois de ter feito a palavra, pegue a ferramenta CANETA, acima da ferramenta TEXTO.


4- Dê um clique em um lado, irá ficar um quadradinho bem pequeno, e depois, dê outro clique no outro lado, como na imagem abaixo, e irá ficar assim:

Feito isso,clique na linha e adicione mais um ponto, segure CTRL, e arraste esse ponto para cima, e os outros 2 pontos anteriores um pouco para baixo, formando um arco de ponta-cabeça, e ficará assim:

Para ficar mais fácil, vou numerar as pontas!

Não é necessário fazer isso, apenas fiz para ficar fácil de entender!
Um pouquinho abaixo da ponta 2, dê um clique, depois dê outro um pouco mais baixo, e depois clique no Ponto 1. Irá ficar assim:

5- Clique com o botão direito sobre a área criada, e em Criar Seleção, e dê OK.
Aperte CTRL+ALT+SHIFT+N para criar uma nova camada.
Pegue a ferramenta PINCEL, selecione uma cor de sua preferência, e então, cubra toda a área selecionada, como na foto abaixo:

Feito isso, segure CTRL e clique onde mostra a imagem:

Então, deverá estar assim:

Aperte SHIFT + CTRL + I e aperte DELETE!
E agora, a parte mais chata e mais cansativa: a Sobreposição de degradê.
Você já deve conhecer  a parte das camadas!
Com a camada de texto TESTANDO selecionada, clique com o botão direito sobre ela e em OPÇÕES DE MESCLAGEM, marque a caixinha Traçado, dê OK e vá para a Camada 2, vá nas opções de mesclagem e marque Sobreposição de Degradê.
Clique na SOBREPOSIÇÃO DE DEGRADÊ para abrir as configurações, marque a caixinha: Reverter, e terá um retângulo, com branco e preto, clique nele e pronto! Se quiser trocar as cores, basta clicar nos botãozinhos pretos, e escolher a cor!
No meu caso, como ficou:

E por hoje é só!
Dúvidas, perguntem-me no xat!

Template 1 sidebar

Olá pinguins, Luksthere aqui, com mais um tutorial para vocês, hoje, venho trazendo um tutorial de como fazer um layout com 1 sidebar. Muitos queriam o HTML para um lay assim, mas como não havia sido postado no blog ainda, resolvi posta-lo agora. Primeiramente vamos dividir em 3 etapas.

• Criar as imagens.
• Hospedar as imagens.
• Montar elas no HTML.

1ª Etapa.

1-Cabeçalho: Vamos começar criando as imagens, abra seu Fireworks ou seu Photoshop e crie um arquivo de 982px e a altura fica a gosto de vocês. Usem sua criatividade para fazer o cabeçalho, adicione efeitos, pinguins e o que mais desejar.

Exemplo:

(Imagem reduzida)

2- Sidebar: A sidebar é a barra lateral do blog, como esse lay só tem 1 sidebar, você pode escolher o lado que quer a sidebar, com tanto que encaixe com o cabeçalho. O tamanho do arquivo é 982 px de largura e 200px de altura, já o tamanho da sidebar fica a gosto do designer.

Exemplo:

(Imagem reduzida)
Nessa imagem a sidebar tem 275px de largura.

3- Rodapé: Para criar o rodapé, crie um arquivo de 982px de largura e a altura novamente fica a gosto do designer. Em alguns casos, o xat fica dentro do rodapé, para isso precisamos de um rodapé maior e com as regras de xat. Use bastante efeitos e sua criatividade. Ele também deve encaixar com a sidebar.

Exemplo:

(Imagem reduzida)
Nesse exemplo, o xat fica dentro do rodapé, como podem ver, há um espaço para o xat e as regras de xat.

4- Title gadget: O Title gadget é o fundo do titulo das gadgets. Primeiramente crie um arquivo da largura de sua sidebar e da altura que desejar. Use efeitos e se quiser, recomendo do máximo 1 pinguim ou outro objeto.

Exemplo:

 

(Imagem em tamanho real)
Nesse exemplo usei somente 1 pinguim (recomendado)

5- Fundo: O fundo do blog é o mais simples, você apenas deve procurar uma imagem grande de uma paisagem.

Exemplo:

(Imagem muito reduzida)
Fundo simples, bastante usado.

2ª Etapa:

Para hospedar as imagens, você deve entrar em tinypic.com ou em imgur.com, esses 2 sites são usados para hospedar imagens. Basta escolher o arquivo e clicar em upload, o link que você deve usar é o direct link.

3ª Etapa:

Segue abaixo o link do html que vocês devem usar:

http://pastebin.com/XGdHLNTE

Legenda:

• Link do fundo do blog.
• Altura do cabeçalho.
• Link do cabeçalho.
• Link da sidebar.
• Largura da sidebar.
• Lado da sidebar (right ou left).
• Margem direita da sidebar.
• Margem esquerda da sidebar.
• Largura da area de postagem.
• Lado da area de postagem (oposto ao lado da sidebar).
• Cor de contorno do template.
• Cor clara do template (para fundos).
• Link do title gadget.
• Link do rodapé.
• Altura do rodapé.

Bom, é isso pessoal, espero que tenham gostado e que os ajudem em seus layouts.

Vou ficando por aqui... Até a próxima jovens designers!

~Luksthere

Colocar SWF no Blogger

Olá internautas! Wave postando!

Nessa postagem vamos abortar um assunto muito discutido, SWFs. O CP é composto por vários SWFs isso todo mundo já sabe - mais como expressa-los em HTML, a linguagem que todos os sites são feitos (alguns combinam HTML e outra como a Microsoft que utiliza ASP (.asp ou .aspx) e o Google Python(.py)), aqui em baixo um formulário que gera o SWF:

O Formulário é feito em PHP e HTML5, eu mesmo o desenvolvi, para ver a versão em tamanho  clique aqui.

Exemplo

Exemplo de um catálogo de tamanho 300 x 400 para alinhar ao centro basta fazer isso:

<center>CÓDIGO GERADO</center>

Até mais!

@WaveCP

Tutorial - Nova marca do CP

Olá designers! Como podem perceber, sou o mais novo designer postador desse maravilhoso blog, gostaria de agradecer ao Mouro e ao Guga pela oportunidade de postar nesse maravilhoso blog! Bom, hoje venho trazendo para vocês, um tutorial em video que eu fiz ensinando a fazer a nova marca do CP no photoshop CS6. Todos os meus tutoriais serão em videoe eu farei tutoriais de tanto de photoshop quanto de fireworks. Sem mais delongas, fiquem com o video abaixo:

Bom, espero que tenham gostado e que os ajudem a se tornarem designers cada vez melhores. Espero que gostem dos meus tutoriais.

Vou ficando por aqui... Até a próxima, designers!

~Luksthere