Bonstutoriais

Atenção... O Site Mudou!!!!!

2009-09-18T07:48:00.000-07:00

Atenção todo conteúdo novo do blog será postado no novo site!!!!!

http://www.bonstutoriais.com.br

Efeito de Raios igual o Windows Vista.

2009-08-08T09:26:00.000-07:00

Para fazer esse efeito pegue uma foto pode ser qualquer uma, no meu caso eu peguei essa,

se você estiver procurando imagens procure no site www.sxc.hu, lá você encontra uma variedade de imagens tudo grátis, então vamos continuar, vamos lá.

pegue a imagem que você escolheu e vamos aplicar um motion blur (filter > blur > motion blur) coloque os valores que estão no print abaixo.

Agora duplique a layer onde você colocou o efeito, (selecione a layer que você quer duplicar use o atalho CRTL+J, ou botão direito do mouse em cima dela e duplicate layer.

Feito isto vamos transformar a layer (CTRL+T) deixe ela da largura que você achar melhor, no meu caso ficou assim:

Agora vamos aplicar os efeitos de layer vá em layer > Layer Style > Blending Options.

Coloque as opções que está na foto abaixo no Blending Style;

Dê um OK, e vamos para o próximo passo, sua imagem ficará mais ou menos assim,

Agora clique na layer em que você colocou o efeito e dê um CTRL+T e deixe em diagonal e estique a imagem,

Agora vamos transformar novamente esta layer use o atalho CTRL + T e clique com o botão direito sobre a imagem e coloque na opção Warp,

Clique nos pontos para esticar a sua arte e deixar os cantos arredondados, você pode deixar a forma que você desejar,

Ficará algo semelhante a isto,

Agora vamos duplicar os feixes de luz e deixar como no resultado final, pegue a transformação que você acabou de editar e dê mais um CTRL+T e alinhe onde será o começo do efeito,

Agora duplique o que você acabou de fazer e preste a atenção que há um ponto de guia bem no meio da seleção, clique neste ponto e coloque ele no canto superior direito,

Feito isto gire sua seleção até o ponto que você deseja, e vá fazendo o mesmo processo quantas vezes você quiser, (duplica, transforma, duplica transforma....),

Feito isto selecione todas as layers que você duplicou e combine-as para fazer isto é só selecionar todas e usar o atalho CTRL + E ou Layer > Merge Layers, depois disto coloque coloque no blending mode em lighten,

Nosso tutorial agora está concluído, não se esqueça de assinar nosso RSS, e ficar por dentro de tutorias novos, qualquer dúvida coloque um colmentário.

Resultado final

Baixe aqui o arquivo PSD.

Webtutoriais:DA424325

3 Pack de brushes especiais.

2009-08-07T17:59:00.000-07:00

Pessoal!

Estou colocando mais 3 excelentes pack de brushes para ajudar em seus trabalhos, todas em alta resolução, estou colocando também o link dos autores e suas respctativas páginas. Clique na foto para baixar, bom proveito!

Real Brush Strokes Set

by doodle-lee-doo

Bubble brush

by FuelFireDesire

Simply Lovely Brushes

by differentxdreamz

Splash como um selo grudado.

2009-08-07T17:50:00.000-07:00

Neste tutorial estarei mostrando como se fazer um splash tipo de selo,

Vamos começar então, abra um arquivo novo no photoshop de 500x500, e faça uma elipse.

Agora, crie uma nova layer e preencha com um gradiente amarelo

Clique na layer do selo e aplique um efeito layer style ( Layer > Layer Style > Blending mode > Stroke).

Feito isto crie uma nova layer , selecione as duas e combine elas (CTRL + E),

Selecione a área que você quer a dobra,

Use o atalho CTRL + J para duplicar a área selecionada;

Logo em seguida segure o botão CTRL clique na layer que você acabou de duplicar e e fará uma seleção automática, com essa seleção feita clique na layer que tem o selo por inteiro e delete a parte da dobra.
ficará assim;

Clique na layer da dobra e use o atalho CTRL + T para transformar, clique com o botão direito sobre ela e clique na opção Rotate 90º 2x;

Ficará mais ou menos assim;

Feito selecione a layer que você acabou de girar (sigurado o CTRL e clicando na layer), e faça o seguinte gradiente (G).

E aplique na borda,

Duplique a layer da dobra, e use a layer que estiver na parte de baixo( nesta layer nós usaremos para fazer a sombra);

Com a mesma selecionada use o atalho CTRL + U e deixe a opção lightness com -100 e dê ok.

Agora nesta mesma layer vamos usar a um filtro blur em: Filter > Blur > Galsian Blur. E coloque o valor abaixo.

Ficará mais ou menos assim;

Está feito o nosso splash, espero que tenha gostado, muito obrigado por nos visitar!!!

Wallpaper semanal # 1

2009-08-07T17:20:00.000-07:00

Wallpaper chamado Screamy (grito), feito por um jovem designer 3d, visite o perfil dele no deviant art, mitchellnelson, é um Wallpaper muito bom, seu desktop fica mais limpo sem tanta poluição visual.

Eu recomendo simples mas funcional.

Tamanhos;

1024x768
1280x960
1280x1024
1440x900
1600x1200
1680x1050
1920x1200

Splash como uma esfera de vidro.

2009-08-06T16:02:00.000-07:00

Neste tutorial estarei mostrando como se desenhar no Photoshop uma bola de vidro, que será muito útil em seus, trabalhos, com o grande dinamismo que este esse desenho pode ser usado, neste tutorial usei o Photoshop.

Preencha com um gradiente do claro para o escuro aqui usei o vermelho,

Agora vamos husar um efeito de Layer Style, (layer > Layer Style > Blending Options.)e coloque os valores que coloquei na imagem abaixo,

“Nota: Dependendo do tamanho do arquivo os valores podem ser diferentes.”

Ficará mais o menos assim:

Agora Segure o CTRL no seu teclado e clique na layer que está a bola para fazer uma seleção automática, e depois vá em select > Modify > Contract... coloque no valro 5 pixels e dê OK.

Pegue agora a ferramenta PenTool (caneta) ou apert a letra “P” no seu teclado e faça a seguinte seleção,

Depois de ter fechado a seleção, com a caneta mesmo cilque na seleção com o botão direito do mouse, e coloque na opção make selection.

Aparecerá uma caixa de dialogo e deixe as seguintes opções,

Agora faça uma nova layer e preencha de branco,

Nosso tutorial agora está concluído, não se esqueça de assinar nosso RSS, e ficar por dentro de tutorias novos, qualquer dúvida coloque um comentário.

Doses de Influências # 3

2009-08-06T15:51:00.000-07:00

Patrick auletto

Doses de influências # 2

2009-08-02T08:21:00.000-07:00

Trabalho de

Tony Ariawan

Efeito Vortex

2009-08-02T08:17:00.000-07:00

Olá pessoal, agora que o blog está com muitas novidades como o quadro de dicas e as doses de influências eu estarei fazendo video aulas com menos frequências e farei os tutorias em manuscrito mesmo. Neste tutorial eu estarei mostrando para vocês como fazer um efeito vortex (como se fosse uma explosão de luz).

Abra o photoshop e crie um documento novo de 500x500 px e deixe o plano de fundo preto;

agora crie uma nova layer para nós aplicarmos um gradiente, agora aplique um gradiente do preto para o branco como abaixo;agora vá em Filter > Distort > Wave, e coloque as configurações abaixo; feito isto vamos aplicar mais um efeito nesta layer vá em Filter > Distort > Polar cordinates. Coloque na opção retangular to polar e clique em ok. Sua imagem ficará similar a foto abaixo;agora vamos aplicar o brilho, com a mesma layer selecionada, vamos aplicar um filtro vá em Filter > Render > Lighting Effects..., e coloque as opções como abaixo,sua imagem ficará mais ou menos assim;agora por ultimo vamos aplicar as cores com a ferramenta de saturação você pode colocar a cor que desejar, para usar a ferramenta de saturação use o atalho CTRL + U ou Image > Adjustments > Hue/Saturation..., para colorir deixe a opção colorize ticada, na opção HUE você troca as cores, na opção Saturation você pode aumentar ou diminuir a intensidade da cor e na ultima opção é para aumentar ou diminuir o brilho,Resultado final.

Então está feito nosso tutorial espero que eu tenha ajudado, caso tenha alguma sugestão ou duvida, e também se gostou, coloque um comentário. Até a próxima!

Ótimo site para testes web

2009-07-31T18:22:00.000-07:00

Olá pessoal, estou fazendo um novo item para o blog que é a parte de dicas, eu vou falar de alguns sites que ajudam bastante para quem mexe com design, e para começar vou falar de um site que é muito bom o BrowserShots , neste site você pode testar a visualização do seu site em várias resoluções e navegadores diferentes, é uma ótima ferramenta para você testar como o seu site fica em outros navegadores, para mexer nele é muito fácil.

Usando o BrowserShots

Logo na pagina de inicio tem uma lista de navegadores separados por categorias (Linux, Windows, MAC OS e BSD) e você pode deixar ticado os navegadores que você quer testar,

na parte de baixo existem outras categorias (Tamanho da tela, Qualidade da cor, Java script, Java, Flash) que você pode especificar como o estilo que o BrowserShots vai carregar o seu site Ex: eu quero somente testar o meu site na resolução 1024x768, então depois que você escolheu é só colocar a sua URL na barra acima e colocar em Submit. Feito isto o site irá para outra pagina em que ele irá exibir as fotos do seu site em outros navegadores(no começo não aparece nenhuma mas a medida em que você vai atualizando a pagina vai aparecendo as fotos).

Espero que tenha sido útil para você.

Participe!

2009-07-31T18:13:00.000-07:00

Posts

Você pode contribuir com o blog mandando seus tutorias, para enviar seus tutoriais envie um email com o assunto “tutorial” para bmwnsx@hotmail.com.

Influências

Se você conhece algum autor que tenha um trabalho legal ou até mesmo o seu! É só enviar um link da arte que eu irei postar aqui no blog, seu trabalho será mostrado para várias pessoas, para mandar as suas influências mande um e-mail com o assunto “influência” para bmwnsx@hotmail.com.

Anúncie

Você pode fazer a propaganda de seu site aqui também para saber os preços mande um e-mail com o assunto “anúncio”para bmwnsx@hotmail.com.

Parceria

Caso você tenha um blog ou site e queira ser parceiro nosso, mande um e-mail para bmwnsx@hotmail com o assunto “parceria”, não esqueça de colocar o endereço de seu site.

Doses de influências # 1

2009-07-31T17:57:00.000-07:00

Nos posts de doses de influências eu irei colocar artes de outros autores para você tirarem de influencias ou inspirações para seus trabalhos porque também ninguém é super criativo :)

E para começar abaixo eu estou colocando um pouco do trabalho de um jovem designer chamado Graig shields Ilustrator Inglês. Aqui está o link para o seu portfólio.

Efeito Abstrato no Photoshop Video Aula

2009-07-11T08:31:00.000-07:00

Olá pessoal estou postando mais uma vídeo aula e agora de como fazer um efeito abstrato no Photoshop, é um efeito bem legal e que com serteza irá te ajudar bastante nos seus trabalhos.

Boa aula!!

2 excelentes pack de brushes para photoshop grátis.

2009-07-11T08:11:00.000-07:00

Pessoal estou postando esses dois excelentes packs de brushes para ajudar nos seus trabalhos, a maioria em alta resolução, abaixo eu estou colocandos créditos para os autores, para você baixar é só clicar na foto e você irá para a pagina de download. Espero que gostem!

Em breve estarei colocando mais.

BRUSHES PACK 3

Autor rubina119

Dreamon Shape Brushes 02

Autor dreamon72

Aprenda como fazer gotas de orválio perfeitas.

2009-02-09T15:32:00.000-08:00

Com esse tutorial você vai aprender a desenhar gotas de orválio parfeitas no Photoshop. É um tutorial bem simples e rápido e não exige muito conhecimento no programa.

Boa aula.

Deixe suas fotos como um desenho antigo.

2009-02-01T09:19:00.000-08:00

Olá pessoal estou postando uma vídeo aula de como vocês deixarem as suas fotos como desenho e também como se fosse antigo, pessoal espero que gostem.

Boa aula.

Webtutoriais:3312EE24

Coloque neve caindo nos seus swf com Action script 2.0

2008-12-07T08:01:00.000-08:00

Nesta vídeo aula eu estarei mostrando agora como adicionar neve no flash bem rápido e sem ficar desenhado vários floquinhos...

..apenas "1", e com o Action Script vamos fazer nevar no nosso swf.

Boa Aula!

Abaixo eu estou colocando o código que iremos usar nesta vídeo aula:

_________________________________________________________________

init = init = function () {
width = 300;
// pixels
height = 200;
// pixels
max_snowsize = 10;
// pixels
snowflakes = 50;
// quantity
for (i=0; i t = attachMovie("snow", "snow"+i, i);
t._alpha = 20+Math.random()*60;
t._x = -(width/2)+Math.random()*(1.5*width);
t._y = -(height/2)+Math.random()*(1.5*height);
t._xscale = t._yscale=50+Math.random()*(max_snowsize*10);
t.k = 1+Math.random()*2;
t.wind = -1.5+Math.random()*(1.4*3);
t.onEnterFrame = mover;
}
};
mover = function() {
this._y += this.k;
this._x += this.wind;
if (this._y>height+10) {
this._y = -20;
}
if (this._x>width+20) {
this._x = -(width/2)+Math.random()*(1.5*width);
this._y = -20;
} else if (this._x<-20) {
this._x = -(width/2)+Math.random()*(1.5*width);
this._y = -20;
}
}
init();

Clique aqui para baixar o arquivo feito caso não tenha conseguido fazer ou também para ver o resultado, donwload.

Aprenda a fazer um efeito de neve em suas fotos

2008-12-07T06:49:00.001-08:00

Pessoal nesta vídeo aula eu estarei mostrando para vocês como fazer um efeito de neve para colocar em suas fotos, espero que gostem.

Boa aula!

Aprenda a fazer um álbum de fotografias digital com o Nero

2008-11-08T12:05:00.000-08:00

Salve galera! estou postando uma video aula ensinando como vocês colocarem suas fotos no Nero e fazer um slide show para você ver em qualquer aparelho de dvd e no seu pc, Agora você terá um album de familia digital completo!

Boa aula !!

Usando ferramenta Gradient mesh no Illustrator.

2008-11-08T06:29:00.000-08:00

Olá pessoal eu estou colocando uma video aula, com o objetivo de mostrar para vocês como usar a ferramenta Gradient mesh no Illustrator, espero que gostem.

Boa aula!!!

Aprenda a fazer um efeito de chuvisco no Flash.

2008-11-01T12:48:00.000-07:00

Pessoal nesta Video aula eu estou mostrando para vocês como se fazer um efeito de chuvisco no Flash, aquele famoso jeito quando aparece quando sua tv está sem sintonia. pessoal espero que gostem qualquer coisa coloque um comentário.

Boa aula.

Desenhos geométricos no Illustrator com a Ferramenta blender.

2008-10-18T10:32:00.000-07:00

Pessoal nesta video aula eu estarei encinado a fazer este efeito que é muito bonito através do Illustrator de forma simples e rápida, tudo isso com uma ferramenta(blend).

Qualquer coisa coloca um coment ai.

Boa aula.

Aprenda a fazer uma animação de blur no Flash.

2008-10-11T07:58:00.001-07:00

Olá pessoal eu estou colocando uma video aula de como aplicar um efeito de blur no flash eu coloquei em um link externo o resultado para vocês verem como que saiu, aqui no blogger têm um problema com swf, então eu coloquei em outra página.

Clique aqui para ver o resultado

Boa aula.

Como fazer animação no Flash

2008-10-04T12:49:00.000-07:00

Nesta video aula estarei ensinando como se fazer uma animação bem básica para que o pessoal que esta iniciando agora a parender a mexer no flash.

Boa aula.

Aprenda a passar seus vídeos para fotos animadas(gif).

2008-10-04T09:29:00.000-07:00

Nesta video aula será mostrado como se transformar seus videos igual ao gif acima com uma grande ferramenta chamada PHOTOSHOP.