Brincar de Criar - Tutoriais de Photoshop, Corel Draw, Fireworks - Aprenda Brincando

Radicalizando foto com o Photoshop

noreply@blogger.com (Luanildo Silva) — Sat, 24 Oct 2009 01:44:00 +0000

Depois de bastante tempo sem postar nada aqui no Brincar de Criar, estou de volta para ensinar mais um efeito bem simples. Vocês vão ver que não é preciso muita coisa para melhorar a qualidade de fotografias.

Este efeito é bem parecido com o do ultimo tutorial: Efeito Dramático em Fotos no Photoshop.

O Resultado final deste tutorial pode ser utilizado como papel de parede do seu computador, ficou bem legal no meu.

Objetivo:

Link para a Imagem

1- Com o Photoshop aberto abra a imagem do link.

2 – Duplique a camada clicando com o botão direito do mause sobre a camada e em seguida na opção Duplicar camada.

3 – Nome-e a camada com o nome de sua preferência, utilizei o nome ajuste1.

4 – Agora vamos modificar o Contraste da Fotografia. Com a camada ajuste1 seleciona clique em Imagens > Ajustes > Brilho/Contraste.

Altere o Contraste para +30 clicando e arrastando a barrinha ou digitando o valor.

5 – Duplique a camada ajuste1 e coloque o nome efeito1.
Com a camada duplicada nossa paleta de Camadas vai ficar como na figura abaixo:

6 – Selecione a camada efeito1. Vamos retirar a Saturação da imagem pressionando as teclas Shift+Ctrl+U ou clicando em Imagens > Ajustes > Remover Saturação.
Obs.: Não esquecer de selecionar a camada.

Veja como ficou a imagem:

Estamos quase chegando a final.
7 – Com a camada efeito1 selecionada modifique o modo de mesclagem de Normal para Multiplicação:

A imagem vai ficar bem escura:

8 – Vamos alterar a Opacidade da camada diminuindo a sua porcentagem. Modifique para o valor que desejar, alterei para 40%.

Chegamos ao fim, tão fácil que quase eu desisto de postar.

Antes

Depois

Vamo brincar de criar!

Primeiro video tutorial (Efeito dramático em foto no Photoshop CS3)

noreply@blogger.com (Luanildo Silva) — Wed, 03 Jun 2009 03:03:00 +0000

Este é o primeiro video tutorial do Brincar de criar. Nele ensino com aplicar um efeito drámatico em uma foto, efeito bem simples e rápido.

Link da imagem utilizada no tutorial: Dog

O resultado do tutorial é este da imagem abaixo:

Vamo Brincar de Criar!

Deixando a paisagem na curva do planeta com o Photoshop CS3

noreply@blogger.com (Luanildo Silva) — Wed, 01 Apr 2009 00:44:00 +0000

Nesta semana estava fazendo um serviço de telefonia em um banco, quando vi um cartaz que tinha uma paisagem de uma rua de pedra com árvores ao fundo, o que achei legal é que a paisagem parecia estar na curva do planeta. Resolvi tentar imitar o efeito e acabei fazendo este tutorial.

Procurei uma imagem parecida a que eu vi no cartaz, mas não encontrei, então fiz o tutorial com essa imagem que está no link abaixo.

Imagem utilizada: Edifícios

Objetivo:

1 – Abra a imagem dos prédios no Photoshop CS3.

2 – Duplique a camada clicando com o botão direito sobre a camada e escolhendo a opção Duplicar Camada.

3 – Agora vamos ao efeito. Clique em Editar > Transformação > Deformar.

Escolha na barra que aparece em cima a opção Personalizada.

Veja que aparecem vários quadros sobre a imagem.

4 – Clique no segundo ponto do lado esquerdo e arraste para baixo:

Veja como ficou curvado:

5 - Repita o mesmo procedimento com o ponto 3 do lado esquerdo e com os pontos 2 e 3 do lado direito.

Mexa nos pontos e deixe como desejar.

Antes:

Depois:

Espero que tenham gostado.

A ordem é Brincar de criar.

Vamo Brincar de Criar!

Como abrir uma textura no Photoshop

noreply@blogger.com (Luanildo Silva) — Sun, 29 Mar 2009 14:52:00 +0000

Resolvi fazer este tutorial para tirar a duvida de um leitor do blog e consequentemente de outras pessoas que venham a ter a mesma duvida.

Possa ser que tenha outra maneira de fazer isso, porém vou passar para vocês como faço.

1 – Para abrir a textura ou qual quer outra imagem pressione as teclas Ctrl + O ou clique em Arquivo > Abrir.

Na janela que abrir, escolha a textura que quer utilizar e clique em Abrir:

Veja que a textura abriu em outro documento:

2 – Para adicionar a textura ao projeto, clique na textura e arraste para dentro do projeto. Observe que ao clicar e arrastar aparece um + próximo ao ponteiro.

Veja a textura adicionada ao projeto:

Agora é só você fazer bom uso da textura e continuar a Brincadeira.

Qualquer duvida seja sobre este assunto ou qualquer outro, fiquem a vontade para perguntar e questionar.

Vamo Brincar de Criar!

Efeito fotográfico no Photoshop 7

noreply@blogger.com (Luanildo Silva) — Fri, 27 Mar 2009 00:29:00 +0000

Mais um tutorial fruto de minhas brincadeiras no querido Photoshop. O mesmo efeito pode ser utilizado em outras imagens e é bem fácil podendo ser feito até mesmo por quem está começando a brincar no photoshop.

Imagem utilizada: por do sol

Objetivo:

1 - Com o Photoshop aberto abra a imagem clicando em Arquivo > Abrir ou pressionando a teclas Ctrl + O.

2 - Clique com o botão direito sobre a camada e selecione a opção Duplicar Camada, na tela que abrir, nomeie a camada com um nome de sua preferência:

3 – Clique sobre a camada duplicada e pressione as teclas Ctrl + U ou clique em Imagem > Ajustes > Matiz/Saturação.

Altere o valor de Saturação para (-100):

Veja como vai ficar a janela das camadas:

4 – Com a camada duplicada selecionada pressione a tecla U ou selecione a ferramenta Marca de seleção retangular que encontra-se na barra de ferramentas.

5 – Crie um retângulo sobre a imagem de forma que ele fique como na imagem abaixo:

6 – Depois de criar o retângulo pressione as teclas Ctrl + X para recortar o retângulo:

7 – Com a camada ainda selecionada clique no ícone que contém um símbolo parecido com um f, ícone este que está localizado na parte inferior da janela de camadas. Após clicar no ícone clique na opção Sombra Projetada:

Altere os valores para os que estão na imagem abaixo:

Fim de papo, a brincadeira terminou, use a imaginação, escolha boas imagens e continue brincando.

Vamo Brincar de Criar!

Criando grama sintética no Fireworks

noreply@blogger.com (Luanildo Silva) — Tue, 24 Mar 2009 11:00:00 +0000

Disse aqui uma vez que quando tentamos fazer um efeito descobrimos 10 novos efeitos diferentes. Como exemplo disso fiz este tutorial fruto das minhas tentativas.

Objetivo:

1- Crie um novo documento no tamanho desejado, utilizei 800 x 600px.

2 - Digite o texto que desejar e aplique o efeito Gradient Linear.

Com as cores:

3 – Agora aplique o seguinte filtro: Fiters > Noise > Add Noise...

Altere o valor do filtro para 50:

4 - Duplique o texto e retire o filtro e altere a cor para preto (#000000):

5 - Posicione o texto preto abaixo do texto com o filtro. Modifique sua posição de forma que ele fique como na imagem abaixo.

6 – Para finalizar agrupe as duas imagens selecionando-as e pressionando simultaneamente as teclas Ctrl + G. Aplique o filtro Drop Shadow. Veja como aplicar o filtro no tutorial: Selo de carta no Fireworks

Vamo Brincar de Criar!

Simulando marca de tiro no Fireworks

noreply@blogger.com (Luanildo Silva) — Tue, 24 Mar 2009 01:46:00 +0000

Na brincadeira de hoje vou mostrar como fazer uma marca de tiro (furos de bala). Como os outros tutoriais este também é bem simples.

Objetivo:

Imagem utilizada: placa

1- Abra a imagem da placa que está no link acima.

2 - Pressione a tecla "U" para selecionar a ferramenta elipse. Crie um circulo na cor preta no tamanho 12 x 12px:

3 - Selecione o circulo e aplique o filtro Outer Bevel: Filters > Bevel and Emboss > Outer Bevel.

4 – Modifique os valores do filtro para:

Sloped
Width = 7px;
Cor: #CC6600;
Button preset: Inverted;

Veja como ficou na imagem abaixo:

Duplique o circulo quantas vezes quiser e posicione onde desejar.
Acabamos!

Usem a criatividade e façam bom proveito.

Vamo Brincar de Criar!

Como fazer uma caixa de som no Photoshop

noreply@blogger.com (Luanildo Silva) — Sun, 01 Mar 2009 20:50:00 +0000

Depois de muito tempo estou de volta postando um novo tutorial.
Mostrarei como fazer um caixa de som bem simples.

Objetivo:

1 - Crie um novo documento do tamanho que desejar. Utilizei o tamanho 800 x 600px.

2 - Selecione a Ferramenta retângulo pressionando a tecla U ou clicando na barra de ferramentas. Crie um retângulo. Antes de criar o retângulo certifique-se que a opção "Camada de forma" esteja selecionada:

3 - Selecione a camada do retângulo e aplique as seguintes opções de mesclagem clicando com o botão direito sobre a camada:
Sobreposição padrão, Chanfro e entalhe.

4 - Selecione a Ferramenta retângulo, selecione a máscara do vetor e marque a opção "Excluir áreas de forma em sobreposição". Veja nas imagens abaixo:

Agora clique e arreste sobre o retângulo que foi criado anteriormente. Deixe só uma pequena borda:

5 - Crie mais um retângulo e posicione por dentro da borda criada nos passos anteriores:

A cor vermelha é só para poder visualizar melhor como dever ser posicionado.

6 - Selecione a camada do retângulo e aplique as seguintes Opções de mesclagem:

7 - Para finalizar iremos criar as laterais da caixa.
Selecione a Ferramenta caneta e crie as laterais, posicionando da melhor forma. Crie as duas partes separadas.

Agora aplique as seguintes opções de mesclagem:

Nossa brincadeira finaliza por aqui. É só utilizar a imaginação e continuar brincando.

Até a proxima!

Webtutoriais:61E02BC2

Criação da Logo do blog Emi

noreply@blogger.com (Luanildo Silva) — Fri, 27 Feb 2009 03:56:00 +0000

Estou desenvolvendo o template do blog da minha irmã. Crei a logo e a imagem de subscrição no Fireworks. Veja como ficou.

O endereço do blog é: www.emi-lly.blogspot.com

Foto de Tênis editada no Photoshop

noreply@blogger.com (Luanildo Silva) — Thu, 26 Feb 2009 03:29:00 +0000

Em Breve estarei voltando à ativa postando novos tutorias. Por equanto vou postar essa imagem que editei ontem, ficou bem legal.

Meus trabalhos, ou melhor Minhas Brincadeiras no Photoshop, CorelDraw e Fireworks.

noreply@blogger.com (Luanildo Silva) — Tue, 09 Sep 2008 00:37:00 +0000

Aqui estão algumas de minhas brincadeiras que fiz durante o tempo que venho aprendendo a utilizar estas ferramentas.

BRINCADEIRAS NO PHOTOSHOP

BRINCADEIRAS NO FIREWORKS

Selo de Carta

Logo do Sistema de Biblioteca Tereza

Logo do Sistema Integrado Pizzaria da Praça

Topo do blog Programar é Bom

Logo do grupo Pegasus

Tela de carregamento do Sistema de Biblioteca Tereza

Aparelho Celular

Embalagem de Shampool

Cartão de Visita

Primeiro topo do blog brincar de criar

Embalagem de Creme de Cabelo

Imagem Vetorizada

Borboletas

Estante

Vetor Lobo

Primeiro Logo Tereza

Convite de Casamento

BRINCADEIRAS NO CORELDRAW

Flor

Folder

Foto preto e branco antiga com o Photoshop

noreply@blogger.com (Luanildo Silva) — Sun, 07 Sep 2008 22:08:00 +0000

Vamos voltar aos tempos passados onde as fotos eram em preto e branco. O efeito fica bem legal e dá para brincar com suas fotos.

Imagens utilizadas: Imagem1, Imagem2.

Objetivo:

1 – Abra a Imagem1 do link acima.
Vamos alterar o valor da Matiz/Saturação pressionando as teclas Ctrl+U. Altere o valor da Saturação para -100:

2 – Clique no menu Imagem > Ajustes > Brilho/Contraste. Altere o valor do Brilho para 25 e Contraste para + 30.

Veja como vai ficar a Imagem:

3 – Duplique a imagem pressionando Ctrl + J e vá ao menu Filtro > Ruído > Adicionar Ruído. Altere o valor da Intensidade para 3,00%:

4 – Duplique a camada mais uma vez e repita o passo 2.

6 – Agora vamos pôr o papel sujo por cima das camadas.
Selecione a camada do papel e repita os passos 1 e 2. Depois que repetir os passos, altere o Modo de Mesclagem para Multiplicação e a Opacidade para 40%.

7 – Duplique a camada Ctrl + J.

Pronto. Agora é só continuar a brincadeira.

Vamo brincar de criar!

Webtutoriais:0EA5CCF8

Como fazer nuvens no Photoshop.

noreply@blogger.com (Luanildo Silva) — Thu, 28 Aug 2008 02:53:00 +0000

Mais um tutorial bem simples, demonstrando como você pode utilizar as ferramentas que o photoshop oferece. Vamos criar nuvens que podem ser aproveitadas nas montagens. Brincando e aprendendo.

Objetivo:

1 - Crie um novo documento no tamanho que desejar. Utilizei 800 x 600px, com o fundo branco.

2 - Aplique um Gradiente Linear clicando com o botão direito na camada e escolhendo Opções de Mesclagem.

3 – Clique em Sobreposição de Degradê e altere as cores para #47A1EE e #3068CE respectivamente.

Depois do fundo pronto vamos para o que realmente interessa.

4 - Pressione as teclas Ctrl+Shift+N para criar uma nova Camada. Selecione a Ferramenta Pincel na barra de ferramentas ou pressionando a tecla B.
Escolha o pincel "Giz 23 pixels", altere o tamanho para 176px e a Opacidade para 25%.

5 - Agora é só sair clicando até formar as nuvens. Altere o valor da Opacidade para dar um efeito mais realista.

6 - Para finalizar, selecione o menu Filtro > Desfoque > Desfoque Gaussiano. Altere o valor do Raio para 2,5 pixels.

Agora é só brincar e melhorar de acordo a sua necessidade.

Vamo brincar de criar!

Criando estilo para texto com o Photoshop.

noreply@blogger.com (Luanildo Silva) — Wed, 27 Aug 2008 00:29:00 +0000

OPS! Neste tutorial vamos aprender fazer um estilo que pode ser aplicado em textos. Esse estilo é fruto de minhas brincadeiras pelo Photoshop, gosto de brincar, aprender e passar o conhecimento a diante.

Objetivo:

1 – Crie um novo documento do tamanho que desejar e aplique um gradiente radial, para servir de fundo. Se você não sabe como aplicar o efeito gradiente, aconselho que antes de prosseguir leia o tutorial Criando Papel de parede no Photoshop.

2 – Selecione a Ferramenta Texto na caixa de ferramenta ou pressione a tecla M. Clique na área de trabalho e digite o texto. Utilizei a fonte Arial Black.

3 – Selecione a camada do texto, clique com o botão direito sobre a camada e escolha "Opções de Mesclagem".

4 – Agora vamos alterar os valores de algumas opções de mesclagem:

Adicione uma textura sobre o texto, como vocês vão ver na imagem abaixo:

Na opção de Degradê utilizei as cores #000000 e #676767.

5 – Terminamos nosso estilo. Agora vamos salva-lo para poder utilizar quando precisar.
Clique no botão "Novo Estilo" que está localizado do lado direito na janela. Na janela que vai aparecer digite o nome que desejar e clique em "OK" para salvar.

No Gradiente de fundo, adicionei o mesmo estilo que acabamos de criar, alterando alguns valores.

Chegamos ao fim de mais uma brincadeira.
Vamo brincar de criar!

Clipe e papel de anotações no Photoshop.

noreply@blogger.com (Luanildo Silva) — Sat, 16 Aug 2008 22:18:00 +0000

Ops! Alguns dos meus tutoriais são baseados em coisas que vejo em revistas e televisão, pois acredito que assim como eu, as pessoas tem curiosidade de saber como é feito essas montagens. Neste singelo tutorial vou passar para vocês como criar um Clipe desses que colocamos em papeis de anotações.

Como sempre gosto de colocar o objetivo a ser alcançado logo no inicio, para que não haja nenhuma expectativa fora do normal. RSRSRSRS!

Objetivo:

Nos tutorias que faço possuem alguns detalhes que não mostro. Faço isso porque iria tornar o tutorial maior e porque a minha intenção é que brinquem com a ferramenta. Eu acredito no principio de que cada vez que procuramos como se faz um efeito, descobrimos dez efeitos diferentes.

1 - Criem um novo documento do tamanho desejado. Optei em utilizar 700x400px com fundo branco. Adicionei um Degradê Radial no fundo com as cores #FFE3A4 e #FFF9CC respectivamente.
Obs.: Caso ainda não tenha aprendido como aplicar o efeito Degradê, sugiro que veja o tutorial "Criando Papel de parede no Photoshop" antes de continuar.

2 - Crie uma nova camada. Selecione a Ferramenta Caneta na barra de ferramentas, ou pressionando a tecla "P". Agora rabisque linhas no formato do Clipe:

3 - Selecione a Ferramenta de Seleção Direta que está na barra de ferramentas, ou pressionando a tecla "A".
Clique nos quadrinhos que está em cada nó da figura, e ajeite deixando da bem parecido com o Clipe. Utilize as setas do teclado para movimentar os pontos.

4 – Selecione a Ferramenta Pincel pressionando a tecla "B". Escolha o pincel "Circulo Sólido", e altere o valor da espessura para 4px. Altere a cor do pincel para preto (#00000).

5 - Pressione a tecla "A". Clique com o botão direito sobre o futuro Clipe e escolha a opção "Traçar Demarcador". Na janela que surgir, na opção Ferramentas escolha "Pincel" e clique em "OK".

6 - Clique outra vez com o botão direito e escolha a opção "Excluir Demarcador". Este passo faz com que a linha que traçava o Clipe suma.

7 - Agora vamos aplicar alguns efeitos para nosso clipe ficar mais realista.

Clique com o botão direito na camada e escolha "Opção de Mesclagem":

O clipe está pronto. Para terminarmos a nossa brincadeira, vamos cria o papel de anotações.

8 - Crie uma nova camada abaixo na camada do clipe. Selecione a Ferramenta Marca de Seleção Retangular pressionando a tecla "M", faça um retângulo.
Selecione a Ferramenta Lata de Tinta (tecla "G"), escolha uma cor (#FFFFEA) e preencha o retângulo.

9 - Com a camada selecionada Clique com o botão direito e escolha "Opção de Mesclagem".

Para finalizar é só adicionar algum texto e usar a imaginação.
Vejamos como ficou a nossa brincadeira:

Vamo brincar de criar!

Selo de carta no Fireworks.

noreply@blogger.com (Luanildo Silva) — Sat, 09 Aug 2008 01:17:00 +0000

Neste tutorial nós iremos criar um selo, destes que colocamos em cartas. Digo nós, porque ainda não testei para realmente ter a certeza que é possível fazer este tutorial no Fireworks. Pelo o pouco que conheço da ferramenta dá pra confiar, além do mais o nosso objetivo é bem simples.

Vou deixar de conversa e começar a brincadeira.

O nosso objetivo é este. Fica bem legal.

1 – Abra um novo documento e escolha uma cor de fundo diferente de branco. Eu utilizei o tamanho 540x300 com a cor #F6F3E3.

2 – Crie um retângulo de 342×220 utilizando a ferramenta retângulo (Rectangle tool) clicando na barra de ferramentas o simplesmente pressionando a tecla U.

3 – Selecione o retângulo e vá até a janela de camadas do lado direito. Clique no botão Add Mask para adicionar uma nova mascara.
Obs.: Este passo é indispensável para o andamento do nosso tutorial.

Observe como ficou a camada:

4 – Selecione a ferramenta de marcação oval (Oval Marquee tool) pressionando a tecla M e crie um circulo de 12x12 e posicione a na parte superior do retângulo.

5 – Pressione a tecla Backspace e veja que foi tirado um pedaço do retângulo. Começamos fazer a borda do nosso selo! UAUAUA!

6 – Para continuar fazendo a borda vamos utilizar as setas do teclado. Com a seta vamos posicionar o circulo sempre na mesma distancia e cortar utilizando a tecla Backspace. Repetir esse passo até ter contornado todo o retângulo.

7 – O próximo passo é aplicar uma sombra para diferenciar do fundo e deixar o nosso trabalho com um visual bem melhor.
Selecione o retângulo e aplique o Filtro Shadow and Glow > Drop Shadow.

Ajuste os valores deixando do seu gosto.

8 – Pressione as teclas CTRL+R e adicione a imagem que desejar colocar no selo. Ajuste a imagem da melhor maneira possível. A imagem que utilizei, deixei no tamanho 300x175.

9 – Agora é só adicionar um pouco de texto no nosso selo e ele vai ficar perfeito.

A Brincadeira terminou.
Usem a imaginação e criem.
Vamo Brincar de Criar!

Webtutoriais:CBE98F8D

Fundo Publicitário no Photoshop.

noreply@blogger.com (Luanildo Silva) — Fri, 08 Aug 2008 00:49:00 +0000

Quando estou assistindo televisão fico observando todos aqueles comerciais que passam. Gosto principalmente daqueles que utilizam imagens para fazer as montagens como os comerciais de lojas de eletrodomésticos e roupas. Neste tutorial vou ensinar de maneira rápida como fazer um fundo que parece uns raios de luz.

Objetivo:

1- Crie um novo documento com fundo transparente e tamanho que desejar, utilizei 800x600px. Preencha o fundo com alguma cor de sua preferência, crie uma nova camada pressionando as teclas Shift+Ctrl+N e selecione a ferramenta marca de seleção retangular clicando na barra de ferramentas ou pressionando a tecla M.

Crie um retângulo medindo 30x600px supondo que você optou em criar o novo documento no tamanho 800x600px. Como fazer para medir o retângulo? Simples, quando você clica na ferramenta marca de seleção, aparece uma barra na parte superior, procure o nome "Estilo" e escolha a opção "tamanho fixo", alterando o valor da largura e altura para 30 e 600px respectivamente. Agora é só clicar no documento e ver o que acontece. HEHEHE.

Preencha o retângulo com a cor branca e com as setas do teclado arraste o retângulo demarcado e continue preenchendo:

2- Agora vamos para passo final. Vá ao menu Filtro > Distorção > Coordenadas Polares, confira se a opção Retangular para Polar está seleciona e clique em OK.

Agora é só brincar de criar:

Criando Papel de parede no Photoshop.

noreply@blogger.com (Luanildo Silva) — Wed, 30 Jul 2008 00:25:00 +0000

Neste tutorial vamos aprender a fazer um papel de parede interessante. É mais um tutorial bem simples que serve principalmente para despertar a criatividade nas pessoas.

Sempre gosto de mostrar logo nosso objetivo para que não haja uma grande expectativa.

Para começar vamos criar um novo documento no Photoshop. Como a intenção é utilizar a imagem como papel de parede, escolhi o tamanho 1920 x 1200.

1 - Utilizando a Ferramenta Gradiente vamos aplicar um Gradiente Radial com as cores verde-amarelo (#ABDF41) e um verde mais escuro (#328a26). Em alguns tutoriais de Photoshop que andei lendo, aprendi que um bom tutorial sempre começa com um Gradiente Radial.

2 - Como nós queremos dar a essa textura um efeito de jornal, vamos utilizar realmente uma textura de jornal.
Está aqui o link onde vocês podem encontrar essa textura.

Depois que abrir a textura de jornal pressione Ctrl+Shift+U. Esse passo é essencial para obtermos o resultado esperado.

3 - Defina o modo de mesclagem da camada como "Sobrepor" (Overlay). Para quem é iniciante no Photoshop essa opção está na janela de Camadas ou Layer para quem usa um versão em inglês. Depois altere o valor da Opacidade (Opacity) para 70%.

Não iria colocar a imagem aqui, mas como sei que muitas vezes fica difícil de encontrar os campos mencionados ai vai.

4 - Duplique a camada, gire 180° e altere a Opacidade para 20%.
Adicione outra textura de jornal sobreponha sobre as outras camadas.

5- Para finalizar duplique a camada que está com o Gradiente e coloque acima de todas as outras camadas deixando a Opacidade com 20% e o modo de mesclagem para Multiplicação.

Nossa brincadeira terminou.
Vamo Brincar de Criar!
Até a próxima!

Foto rasgada parte II

noreply@blogger.com (Luanildo Silva) — Fri, 25 Jul 2008 00:22:00 +0000

No tutorial Foto rasgada parte I começamos a deixar a foto com o aspecto de rasgada, mas ainda não ficou com um visual legal.
Neste tutorial vamos completar o nosso efeito.

1º - Pegue a imagem que você salvou com o nome "parte_II", selecione a ferramenta Polygon Lasso tool e faça como na imagem abaixo. Veja como ficou a linha pontilhada:

2º - Copie a parte pontilhada, abra a foto que salvamos com o nome "parte_I" e cole a imagem copiada posicionando por baixo da imagem correspondente. Faça o mesmo com o outro lado. A imagem tem que ficar como abaixo:

3º - Selecione um dos lados e aplique o Filters > Shadow and Glow > Drop Shadow:

Com os valores:

4º - Faça o mesmo com o outro lado alterando o Ângulo que está selecionado na figura acima para 154.

5º - Agora selecione todas as imagens pressionando Ctrl + A, lodo depois agrupe pressionando as teclas Ctrl + G e aplique o Filters > Shadow and Glow > Drop Shadow. Desta vez com outros valores:

Pronto! Terminamos mais uma brincadeira. Espero tenha sido divertido. HEHEHE! E seja útil.

Até a próxima!

Vamo brincar de criar!

Foto rasgada parte I.

noreply@blogger.com (Luanildo Silva) — Wed, 23 Jul 2008 01:06:00 +0000

Quando você tem em mãos uma boa ferramenta e um pouco de criatividade fica fácil criar.
Esse tutorial será dividido em duas partes, primeiro vamos fazer o básico desse efeito e no próximo tutorial vou ensinar como dar o acabamento.

Objetivo:

1º - Abra o Fireworks e adicione uma foto de sua preferência.

2º - Na barra de ferramentas selecione Polygon Lasso tool:

3º - Clique na foto e divida no tamanho que desejar. Veja a linha azul na imagem abaixo:

4º - Selecione a ferramenta Pointer tool, recorte a foto clicando na área pontilhada.

5° - Crie um novo documento maior que a foto e cole a parte recortada. Depois copie a outra parte e cole também no novo documento.
Obs.: Salve o documento com o nome "parte_II" no formato PNG. Essa imagem será utilizada na segunda parte deste tutorial.
Salve novamente a imagem, desta vez com o nome "parte_I".

6º - Agora vamos aplicar o efeito. Selecione as imagens e vá em Filters > Alien Skin Splat LE > Edges:

7º - Altere os valores deixando da seguinte forma:

Foto rasgada parte I chegou ao fim.
Vocês observaram que as laterais da foto também receberam o Filtro. Na parte II deste tutorial irei mostrar como resolver este problema além de ensinar alguns detalhes para chegarmos ao nosso objetivo principal.
A brincadeira continua no próximo episódio.

Ícone estilo Web 2.0.

noreply@blogger.com (Luanildo Silva) — Mon, 21 Jul 2008 19:20:00 +0000

Com o advento da Web 2.0 a cara dos ícones mudou muito. Estes ícones são muitos utilizados nos Sistemas Operacionais mais novos como o Windows Vista. Comecei a pesquisar para poder aprender fazer, encontrei um exemplo muito bom só que utilizando o Illustratror e ainda por cima era em Inglês. Então resolvi brincar no Fire para ver se conseguiria adaptar. Não é que deu certo!

Vamos deixar de lero lero e iniciar a brincadeira:

Objetivo: Ícone estilo Web 2.0;
Ferramenta: Fireworks 8.

1. Crie um novo documento no Fireworks no tamanho de sua preferência, optei por usar 400 x 400 px.

2. Na barra de ferramentas escolha Rounded Rectangle e crie um retângulo de 140 x 140 px:

3. Agora vamos diminuir os cantos arredondados clicando em qualquer um das marcações amarelas e arrastando para o lado:

4. Duplique o retângulo e mude o ângulo pressionando Ctrl+ Shift +T. Na tela que aparecer escolha a opção Rotate e ângulo 45º:

5. Arraste o retângulo que acabamos de aplicar o Rotate para o canto inferior do retângulo original:

Muita atenção nestes passos, eles serão muito importantes para que alcancemos nosso objetivo final.

6. Selecione os dois retângulos e duplique. Com os retângulos ainda selecionados abra o menu Modify > Combine Paths > Intersect:

Observe que só ficou o canto que estava a intercessão dos retângulos:

7. Selecione os outros dois retângulos, “só os retângulos” e abra o menu Modify > Combine Paths > Punch:

8. Selecione o canto da intercessão clique em cima com o botão direito do mouse; Transform > Rotate 180°:

9. Duplique a imagem maior. Na barra de ferramentas selecione Ellipse tool (U) crie um circulo sobre a imagem duplicada:

10. Selecione as duas imagens como na figura acima e outra vez vá ao menu Modify > Combine Paths > Intersect

Agora vamos dar o acabamento em nosso ícone.

11. Com a imagem seleciona como na figura acima aplique o efeito Gradiente Linear com as seguintes cores #33CCFF e #0099FF:
Obs.: Se não sabe como aplicar o efeito gradiente recomendo que leia os outros tutoriais do site.

12. Mude a orientação do Gradiente e retire a borda:

13. Altere o valor da transparência para 70:

14. Selecione o retângulo e repita os passos 11 e 12 mudando a cor para #66CCFF e #1F4FCB:

15. Agora é a vez do canto. Selecione e repita os passos 11 e 12 mudando a cor para #FFFFFF e #CCCCCC:

16. Duplique a imagem que acabamos de aplicar o efeito, selecione a que ficou por baixo e arraste para o lado esquerdo como na imagem abaixo:

17. Com a Pen Tool (P) adicione mais um ponto clicando sobre a linha de seleção da imagem e mude a categoria de Gradiente para Solid com a cor #0066CC. Veja como ficou na imagem abaixo:

18. Para finalizar a nossa brincadeira selecione todas as imagens e agrupe pressionando as teclas Ctrl+G e aplique o Filtro Shadow and Glow > Drop Shadow:

Agora usem a imaginação e divirtam-se.

Trabalhando com foto no Fireworks.

noreply@blogger.com (Luanildo Silva) — Sun, 20 Jul 2008 17:10:00 +0000

Ops! Brincar. Que palavra é essa? Segundo o dicionário Aurélio, brincar significa: Divertir-se, recrear-se, entreter-se, distrair-se, folgar: Em qualquer circunstância está sempre bem-humorado, brincando.

Nesse tutorial vou mostrar para vocês que com apenas 3 passos bem simples podemos fazer algo bem legal no Fireworks.

Objetivo:

1º - Abra uma foto de sua preferência.
2º - Selecione a foto, vá no menu Filters > Alien Skin Splat LE > Edges.

3º - Altere os valores deixando da seguinte forma:

Agora é só brincar da maneira que quiser:

Vamo Brincar de Criar!

Oculos Escuros no Fireworks

noreply@blogger.com (Luanildo Silva) — Sat, 19 Jul 2008 18:12:00 +0000

Este tutorial ensina fazer um Óculos escuros bem legal. Essa é uma das criações que mais me orgulho de passar para vocês, é algo simples, mas com alguns detalhes que fazem à diferença. Vamos para o que interessa:

Nesse tutorial vou ensinar a fazer um Óculos Escuros.

Software utilizado: Fireworks 8.

Objetivo:

1º- Crie um novo documento no tamanho desejado, escolhi 800 x 600:

Vamos fazer primeiro a armação do óculos

2º- Crie dois círculos com a Ellipse tool (U) de 190 x 185px. Borda de 2px sem preenchimento:

3º- Com ajuda da Subselection tool (A, 1) vamos deformar o circulo deixando no formato do Óculos, mas ou menos como na figura abaixo:

4º- Agora desenhe uma linha de 3px com a Pen tool (P) e coloque da seguinte forma:

5º- Desenhe uma linha de 4px com a Line tool (N) e posicione como a figura abaixo:

6º- Novamente com a Line tool (N) desenhe duas linhas de 4px e posicione da seguinte maneira:

Posicione a linhas abaixo de todas outras:

7º- Agora crie uma linha de 15px utilizando o Pen tool (P) duplique e inverta posição de uma das linhas:

Posicione as linhas criadas acima das duas linhas que criamos no 6º passo:

Deixe parecido com a figura abaixo:

Vamos agora tornar a armação mais real:

8º- Selecione as duas elipses e aplique os seguintes efeitos:

9º- Selecione as linhas do passo 6 e aplique o mesmo efeito, mas com os parâmetros abaixo:

10º- Selecione as linhas dos passos 4 e 5 aplique o mesmo efeito com os parâmetros:

11º- Selecione as linhas do passo 7 e aplique os seguintes parâmetros:

Encerramos esta etapa, agora vamos para as lentes.

12º- Duplique as elipses tire as bordas e aplique o preenchimento com efeito gradiente > radial:

Agora é só continuar a brincadeira e criar:

Nosso Brincadeira chegou ao fim. Espero que tenham gostado Até a próxima.

Envelhecendo foto com o Fireworks.

noreply@blogger.com (Luanildo Silva) — Fri, 18 Jul 2008 20:48:00 +0000

O tutorial que vou passar para vocês é bem simples, e muito utilizado por quem trabalha no Photoshop. Dedico este tutorial a esta garota linda que está na foto! Erika.

Envelhecendo foto com o Fireworks:

Imagens utilizadas: papel velho.
Ferramenta: Fireworks 8.

Resultado final:

Primeiro vamos dar um ajuste da foto.
Abra a foto com o Fireworks e aplique o Filtro como indica a imagem a baixo:

Com os valores:

Observe a diference nas imagens.

Agora vamos colocar a imagem do papel envelhecido.
Insira a imagem pressionando as teclas Ctrl + r e posicione a cima da foto:

Estamos quase lá. Agora altere o Blend mode para Inverse Color Burn com na figura abaixo:

Parece que terminamos. Rápido e simples.

Até a próxima Brincadeira.
Vamo Brincar de Criar!!

Mapa antigo no Photoshop 7.0.

noreply@blogger.com (Luanildo Silva) — Thu, 17 Jul 2008 20:02:00 +0000

OPS! Estava brincando no photoshop quando descobri isso, espero que seja útil.

Mapa antigo no Photoshop

Abra um novo documento no tamanho que desejar, utilizei 800 x 600 px.
Defina a cor do primeiro plano para #AA9B54.

Agora selecione a Ferramenta Pincel

Escolha o pincel aquarela gotejante e defina o tamanho como 72px.

Agora é só clicar e arrastar o mouse para desenhar o mapa.
Obs: Desenhe o mapa todo de uma vez clicando e arrastando o mouse sem soltar.

Para finalizar vamos adicionar o ruído: Filtro > Ruído > Adicionar Ruído.

Altere o valor para 2,51:

O nosso mapa está pronto. Espero que aproveitem!

Até a próxima.