Criar Sites » PhotoShop

Como Criar um Papel de Parede Simples Com o Photoshop

Celso Lemes — Thu, 28 Jul 2011 11:00:06 +0000

Este artigo foi desenvolvido por Luigi do site Tutos Web, que é um designer profissional que trabalha desenvolvendo sites, logomarcas e outros trabalhos gráficos.

Como Criar um Papel de Parede Simples Com o Photoshop

Versão Utilizada: CS3
Nivel de Dificuldade: 1 2 3 4 5

PASSO 1
Crie um novo documento em branco no Photoshop.
Dimensões: Width (largura) 1024 px, Height (altura) 768 px e Resolução 72.
PASSO 2
Crie uma nova camada e preencha com a cor #000000 (preto), com a ferramenta “balde de tinta”, apertando a letra G.

PASSO 3
Adicione a logo e o slogan no centro da página e logo abaixo o link do site. Você pode utilizar os mesmos efeitos utilizados nos textos do cartão de visita.

PASSO 4
Baixe essa textura clicando aqui:

Coloque a textura em uma nova camada, em cima da camada preta. Redimensione para caber certinho na imagem.
Agora mude a camada da textura para “Hard Light” e opacidade para 70%. Você pode fazer outros ajustes ao seu gosto.

Agora, utilize a imaginação para complementar o papel de parede e nos mostre como ficou!
Obrigado por acompanhar este tutorial, esperamos seus comentários.

Mais Artigos que você pode estar interessado

Como Criar um Banner básico no Photoshop

Celso Lemes — Sun, 13 Feb 2011 12:28:04 +0000

Este artigo foi desenvolvido por Luigi do site Tutos Web, que é um designer profissional que trabalha desenvolvendo sites, logomarcas e outros trabalhos gráficos.

Versão Utilizada: CS3
Nivel de Dificuldade: 1 2 3 4 5

Passo 1
Crie um novo documento no PhotoShop com tamanho 468px X 60px. Como é um banner para ser utilizado na web defina a resolução em 72 pixel/inch, que vem por padrão.

Passo 2
Defina um fundo para o seu banner. Tente escolher um no padrão do seu site/blog. No meu caso, escolhi o fundo do topo do meu site, para ficar padrão. Como eu não usarei este banner no meu próprio site, não haverá problema. Também ficará mais fácil das pessoas lembrarem e associarem a identidade visual.

Passo 3
Adicionar o conteúdo do banner. Primordial colocar a logo de forma bem aparente.

Passo 4
Adicionar o texto/mensagem que o banner utilizará para atrair cliques. Aqui você pode usar o slogan ou uma frase de efeito. Lembre-se sempre de caprichar na fonte. Caprichar não é enfeitar muito, mas sim fazer algo bonito e compatível com a identidade visual do seu site/blog.

O meu ficou idêntico ao meu topo do meu site, mas não precisa ser, fiz só para mostrar como se faz. Use sua imaginação e veja o que será melhor para o seu site. Pense no objetivo do seu site, o que você quer transmitir para os visitantes. Que frase, slogan, etc., atrairia o público alvo do seu site/blog a clicar no banner.

Outro exemplo é o banner que o Celso disponibiliza aqui no Criar Sites para quem quiser divulgar o blog.

Repare que ele não usou o topo do Criar Sites, mas, quem quer aprender a Criar Sites com certeza se sentirá atraído a clicar.
E você, o seu banner atrai os cliques que você deseja?! Mostre o seu banner para nós!

Este artigo foi desenvolvido por Luigi do site Tutos Web, que é um designer profissional que trabalha desenvolvendo sites, logomarcas e outros trabalhos gráficos.

Mais Artigos que você pode estar interessado

Como Criar um Cartão de Visitas com o Photoshop

Celso Lemes — Tue, 04 Jan 2011 15:08:19 +0000

Este artigo foi desenvolvido por Luigi do site Tutos Web, que é um designer profissional que trabalha desenvolvendo sites, logomarcas e outros trabalhos gráficos.

Como Criar um Cartão de Visitas com o Photoshop

Versão Utilizada: CS3
Nivel de Dificuldade: 1 2 3 4 5

PASSO 1
Crie um novo documento em branco no Photoshop.
Dimensões: Width (largura) 9,53 cm, Height (altura) 5,73 cm e Resolução 300.

PASSO 2
Agora, precisamos definir algumas linhas-guia. As linhas exteriores serão cortadas fora quando for imprimir seu projeto. A segunda linha é uma linha de segurança. Coloque as linhas exteriores com 38px e as interiores 75px.

PASSO 3
Crie uma nova camada e preencha com a cor #000000 (preto), com a ferramenta “balde de tinta”, apertando a letra G.

PASSO 4
Adicione a logo e os textos e uma linha vertical para dividir o conteúdo.

Depois, adicione sombras e brilho externo ao texto e a linha (Drop Shadow e Outer Glow, respectivamente).

PASSO 5
Adicione outras coisas de acordo com sua imaginação. Eu adicionei somente uma luz ao fundo, para continuar simples. Veja como ficou:

Agora você já pode criar seu próprio Cartão de Visita e distribuir por aí.
Obrigado por acompanhar este tutorial, esperamos seus comentários.

Atualização
O visitante DCP Serviços Gráficos nos chamou a atenção para dois detalhes quanto a impressão dos cartões, que eu acho que pode ser muito útil para quem pensa em criar seus próprios cartões.

1º. Como o objetivo é imprimir o cartão de visitas, é importante que o modelo de cores (color mode) utilizado ao criar o arquivo seja o CMYK;

2º. O fundo preto do cartão deve ter a seguinte formação: 40% de cyan, 0% magenta, 0% amarelo, 100% preto. É o que chamamos de “preto calçado”. Isso evita que o preto saia desbotado (lavado) ou que seja impresso com excesso de tinta.

Muito obrigado pela dica!

Mais Artigos que você pode estar interessado

Tunning Básico Com o Photoshop

Celso Lemes — Wed, 20 Oct 2010 17:15:09 +0000

Este artigo foi desenvolvido por Luigi do site Tutos Web, que é um designer profissional que trabalha desenvolvendo sites, logomarcas e outros trabalhos gráficos.

Tunning Básico Com o Photoshop

Versão Utilizada: CS3
Nivel de Dificuldade: 1 2 3 4 5

PASSO 1
Baixe a imagem abaixo, clicando aqui.

PASSO 2
Altere para o modo Máscara Rápida (Quick Mask – Q) e faça uma seleção em toda a lataria do carro.

PASSO 3
Vá em “Select – Save Selection”, dê um nome e salve a seleção que você fez da lataria.

PASSO 4
Adicione uma nova camada, mude o blending option para Overley (sobrepor), ative a seleção que você fez e pinte o carro na cor desejada (com a seleção ativada). Eu pintei a porta e o capô com cores diferentes do resto da lataria.

PASSO 5
Faça um retângulo em forma de linha e de a ele a cor vermelha (ou outra que você desejar).

Duplique o retângulo, posicione um pouco mais abaixo do outro, aperte CTRL + T e incline as linhas para ajustar na lateral do carro. Depois apague as partes que passarem por cima da roda e as pontas. Mude o blending option para Multiply (multiplicar).

Utilizando as blending options você pode adicionar novas coisas ao seu tunning. Faça alguns e nos mostre como ficou!

Mais Artigos que você pode estar interessado

Apresentação das Ferramentas do PhotoShop

Celso Lemes — Wed, 01 Sep 2010 14:06:53 +0000

Este artigo foi desenvolvido por Luigi do site Tutos Web, que é um designer profissional que trabalha desenvolvendo sites, logomarcas e outros trabalhos gráficos.

Para fazer bons trabalhos no Photoshop é preciso ter mais do que criatividade. Conhecer a ferramenta que você está utilizando é essencial para aprimorar seu trabalho.
Estarei aqui mostrando rapidamente para que serve cada ferramenta, para você poder aprimorar com o Photoshop.

Passe o mouse em cima de cada ferramenta e veja sua descrição.

Seu navegador não suporta iframes.

Em um próximo artigo, você verá mais dicas sobre o PhotoShop.

Mais Artigos que você pode estar interessado

PhotoShop – Editor de imagens Profissional

Celso Lemes — Mon, 09 Aug 2010 11:37:16 +0000

Este artigo foi desenvolvido por Luigi do site Tutos Web, que é um designer profissional que trabalha desenvolvendo sites, logomarcas e outros trabalhos gráficos.

O Adobe Photoshop é a maior ferramenta de edição de imagens profissionais.
Muito utilizado no tratamento e manipulação de fotos e por revistas para dar retoques aos modelos: maquiando ou alterando sua estrutura (emagrecendo, tirando marcas da pele, etc.).

Ganhou também o mercado “artístico”, não é difícil achar montagens feitas com o Photoshop espalhadas pela Internet. Muitos sites fazem brincadeiras editando fotos de famosos, distorcendo ou fazendo montagens engraçadas.

Também é utilizado para criação de web sites profissional, e, num artigo futuro, estarei ensinando a fazer um layout básico com esta ferramenta.

O tuning virtual também ganhou espaço com essa ferramenta. É possível que você veja como seu carro irá ficar antes mesmo de começar a fazer.
Antes:

Depois:

O Photoshop pode trabalhar junto com outros programas da Adobe e também de plataformas concorrentes, como o Suíte CorelDraw, importando os arquivos.
No próximo artigo abordaremos as ferramentas e suas funções.

Até lá!

Mais Artigos que você pode estar interessado

PSD Themes – Matrizes de Templates para Sites feitos no PhotoShop

Celso Lemes — Tue, 21 Jul 2009 10:13:34 +0000

O PSD Themes é um site (em Inglês) que oferece as matrizes desenvolvidos com o PhotoShop que podem ser utilizados para montar templates profissionais para sites e blogs.

Os templates oferecidos no PSD Themes são recomendados para programadores e desenvolvedores de sites que saibam mexer com o PhotoShop e que saibam montar os templates, mas que não tenham muita habilidade com edição de imagens.

Isso quer dizer que eles podem ser utilizados para montar templates para diversos tipos de sistemas CMS como é o caso do WordPress, Joomla ou Drupal, assim como podem ser utilizados para criar sites estáticos utilizando apenas HTML.

No site você poderá encontrar 18 templates gratuitos que necessitam apenas de um cadastro e diversos outros que somente estão disponíveis para membros pagantes.

Nota
A dica do PSD Themes veio de Luigi da empresa do blog Tutos Web.

>> Acesse o PSD Themes e baixe templates grátis <<

Mais Artigos que você pode estar interessado

PhotoShop Express Grátis – Editor online de Fotografias

Celso Lemes — Thu, 22 Jan 2009 15:31:23 +0000

O PhotoShop Express é um editor de imagens online (em Inglês) desenvolvido pela Adobe que é a mesma desenvolvedora do editor de imagens PhotoShop que é considerado o melhor editor de fotografias digitais.

Trata se de um editor com recursos mais simples que foi desenvolvido pensando nos usuários que apenas desejam fazer pequenas edições a fim de melhorarem suas fotos.

Como este editor roda diretamente nos servidores do PhotoShop Express, não é necessário instalar nada em seu computador (exceto o plugin do Flash Player necessário para acessar o editor), todo o processo de edição é feito com a ajuda de um navegador compatível como o Internet Explorer e Firefox.

Ferramentas disponíveis
Remoção de olhos vermelhos, correção automática de luz e contraste, redimencionamento de imagens, retoques, saturação, balanço de cores, transformação de fotos em desenho, distorção entre outras ferramentas.

Confira um exemplo abaixo. Do lado esquerdo você pode ver uma imagem sem nenhum efeito e do lado direito uma imagem com retoques e uma decoração.

Cadastro
O Cadastro é rápido e fácil, basta apenas que você inclua algumas informações e confirme o cadastro clicando em um link que será enviado a você pelo email.

Armazenamento
Imagens editadas resultam em vários arquivos com tamanhos grandes para manter a qualidade. O PhotoShop Expres oferece 2 Gigas de espaço para armazenar seus trabalhos.

>> Acesse o PhotoShop Express e transforme suas fotografias <<

Mais Artigos que você pode estar interessado

Quer Criar Sites um site complexo? – Tem que estudar!

Celso Lemes — Wed, 07 Jan 2009 22:26:25 +0000

Créditos da imagem de Christolakis

Hoje recebi um email de um visitante que dizia que não Criar Sites é a coisa mais difícil que tem.

Admito que para desenvolver um site de sucesso é necessário muito trabalho, persistência e gostar do que faz.

Digo isso porque as vezes é necessário executar tarefas difíceis e entediantes e que as vezes exigem algum conhecimento extra para ser executada.

Muitas pessoas que iniciam seus sites pensam que é fácil criar uma animação em Flash, criar um script inovador ou criar um design de babar.

Pessoas que pensam assim, costumam iniciar seus projetos e abandoná-los logo em seguida quando percebem que necessário muito trabalho e acima de tudo estar sempre estudando.

A verdade é programas como o Flash, PhotoShop, DreamWeaver ou trabalhar com linguagens de programação como o PHP, ASP ou CSS exigem muito estudo sobre o assunto.

Minha dica é que antes de iniciar um site, pense em torná-lo simples, sem muitos recursos e que vá tentando incrementá-lo aos poucos, de acordo com o seu gosto, principalmente se não tiver conhecimentos avançados sobre a criação de sites.

Uma boa dica para quem está começando é o WebNode que é um serviço gratuito e que permite criar um site facilmente (desde que você o mantenha simples).

Isso irá poupar seu tempo, aumentará a produtividade e melhorará os resultados.

Mais Artigos que você pode estar interessado

Apostila PhotoShop, Corel Draw, Corel Photo Paint, Flash

Celso Lemes — Sat, 05 Apr 2008 13:02:36 +0000

Apostilas para edição de imagens

Curso Intensivo de PhotoShop
Esta apostila ensina a dominar o ambiente de trabalho e também apresenta alguns exercícios para aperfeiçoamento no programa.

PhotoShop para webdesign
Esta apostila ensina técnicas utilizadas para criar efeitos em imagens.

Corel Draw X4
Apostila completa do Corel Draw X4 – Manual do utilizador.

Corel Draw 10
Apostila completa do Corel Draw 10 que ensina a utilizar as principais ferramentas deste programa.

Corel Draw 9
Apostila completa do Corel Draw 9 que ensina a utilizar as principais ferramentas deste programa.

Flash CS4
Apostila completa sobre o Flash CS4.

Desenho no Flash
Esta apostila ensina a utilizar as ferramentas de desenho do Flash. Você aprenderá a desenhar um avião.

Manual de Flash
Esta apostila ensina a utilizar as ferramentas, criar animações e inserir vídeos no Flash.

Tutorial do Flash MX
Esta apostila ensina a criar uma animação utilizando o Flash MX.

Corel Photo Paint
Esta apostila apresenta os comandos básicos do Corel Photo Paint e também a criar um Banner.