Olhos Multicoloridos.

01. Pressione Ctrl+O e abra uma foto qualquer, pressione Ctrl+J para duplicar a layer.

02. Pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, com a tecla Shift pressionada clique e arraste para criar um círculo ao redor da íris como na foto abaixo.

03. Vá em Image> Adjustments> Desaturate ou pressione Ctrl+Shift+U para retirar a saturação da área selecionada, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Gradient Tool, na barra de opções da ferramenta defina os valores abaixo.

04. Aplique o gradiente dentro da seleção como na foto abaixo.

05. Pressione Ctrl+D para desabilitar a seleção e mude o modo de blend da layer para Overlay, caso a cor fique muito saturada você pode diminuir a opacidade da layer ou ir em Filter> Blur> Gaussian Blur e aplicar um valor baixo de Gaussian Blur para amenizar o efeito, no final seu olho estará como o da foto abaixo.

Continue Lendo...

JavaScript - Organizando seus Códigos usando Comentários

Hoje vamos aprender a função dos comentários nos códigos JavaScript, estes códigos também são usados em algumas situações como no CSS ou mesmo para definir um determinado trecho de códigos HTML. Como nos casos anteriores, os comentários nos permite descrever o código JavaScript que produzimos tornando-o mais legível e mais fácil de manter. Se comentar adequadamente o código que produz, quando mais tarde precisar de o melhorar ou alterar alguma coisa, será mais fácil e rápido perceber o que fez antes. Se você desenvolver um código para partilhar com outras pessoas, então os comentários são ainda mais importantes para que os outros percebam aquilo que você escreveu.

Em JavaScript, podemos usar comentários com uma única linha e comentários com varias linhas. Os comentários com uma única linha começam com os caracteres //. Isto dá ao interpretador de JavaScript a indicação de que o resto da linha é um comentário, deste modo este ignora o resto da linha, continuando a interpretar o código na linha seguinte.

Um comentário que se estende por varias linhas começa com a sequência de caracteres /* e continua até ser encontrada a sequência de caracteres */, que marcam o fim do comentário. O trecho que estiver dentro destes caracteres são ignorados pelo navegador, que só começa ler os códigos depois que encontra o fim do comentário, no caso o */.

Ex: // Comentário de uma única linha

/* comentário de uma única linha, mas que poderia ocupar mais */

/* Comentário ocupando varias linhas. tudo que
estiver aqui dentro será ignorado pelo
interpretador de javascript */

Esta é uma maneira de deixar seus codigos bem organizados para que, fique facil de encontrar quando precisar mudar alguma coisa.

Continue Lendo...

Como transformar uma foto em uma figura entalhada na pedra.

01. Pressione Ctrl+O e abra uma foto qualquer, no caso deste tutorial usaremos a foto abaixo.

02. Usando uma ferramenta de seleção qualquer (Lasso Tool, Pen Tool, Quick Mask etc) selecione a pessoa na foto, com a seleção criada pressione Ctrl+J para duplicar apenas a área selecionada para uma nova layer, clique na layer Background (com a foto original) e vá em Layer> Hide Layers para retirar a visibilidade da layer, clique na layer copiada e pressione Ctrl+Shift+U ou vá em Image> Adjustments> Desaturate para retirar a saturação da imagem.

03. Sua imagem deverá ficar como a da foto abaixo.

04. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #757575, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida, vá em Filter> Texture> Texturizer e defina os valores abaixo, deixe esta layer abaixo da layer com a modelo.

05. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca.

06. Clique na layer da modelo e vá em Filter> Brush Strokes> Ink Outlines, defina os valores abaixo e pressione Ok.

07. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

08. Vá em Layer> Layer Style> Outer Glow e defina os valores abaixo.

10. Sua imagem deverá ficar como a da foto abaixo.

11. Pressione a Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #f8951e, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, passe nas áreas indicadas.

12. Agora vá em Filter> Blur> Gaussian Blur e defina os valores abaixo.

13. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Gradient Tool, defina o gradiente como radial, escolha a cores abaixo e aplique na layer.

14. Mude o modo de blend da layer para Hard Light e defina a opacidade em 65%, no final sua imagem estará como a da foto abaixo.

Continue Lendo...

Senai procura parceiros para lançar gabinete de papelão

Com o objetivo de promover a redução do consumo de materiais não recicláveis, os professores Jorge Roberto Nogueira e Daniel Ferreira Alves estão trabalhando em um projeto de incentivo a reciclagem, é um gabinete feito de papelão, semelhante a um que já foi apresentado nos EUA. O projeto se encontra na unidade Maracanã do Senai.

O gabinete é feito com um papelão tratado e reforçado, o papelão ganhou resistência a água, fogo e cupins, e pode ser personalizado com a cor ou desenho ao gosto do cliente. O projeto ganhou o nome de RECO (Reciclável e Ecológico), o Senai está a procura de parceiros para lançar o gabinete comercialmente. Veja o gabinete sendo montado no vídeo.

Continue Lendo...

Como criar bordas personalizadas para suas fotos usando brushes.

01. Pressione Ctrl+O e abra uma foto qualquer, no caso deste tutorial usaremos a foto abaixo.

02. Sua paleta de layers deverá ficar como a da foto abaixo.

03. Pressione Ctrl+J ou vá em Layer> New> Layer via Copy para criar uma cópia da layer.

04. Sua paleta de layers deverá ficar como a da foto abaixo.

05. Agora vá em Image> Canvas Size.

06. Defina os valores abaixo e pressione OK.

07. Sua imagem deverá ficar como a da foto abaixo.

08. Agora clique no ícone de Create a New Layer no rodapé da paleta de layers para criar uma nova layer.

09. Sua paleta de layers deverá ficar como a da foto abaixo.

10. Com a tecla Ctrl pressionada clique sobre a miniatura da layer que contém a cópia da imagem, como na foto abaixo.

11. Isto irá ativar a seleção ao redor da imagem como na imagem abaixo.

12. Agora vá em Window> Paths.

13. Clique no ícone de Make Work Path from Selection no rodapé da paleta de Paths para criar um Path a partir da seleção que está ativa no documento.

14. Sua paleta de Paths deverá ficar como a da foto abaixo.

15. Sua imagem deverá ficar como a da foto abaixo, a seleção deverá se transformar em Path.

16. Pressione a letra B do teclado para selecionar a Brush Tool.

17. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, esta será a cor da sua borda.

18. Agora vá em Window> Brushes ou clique no ícone de Toggle the Brushes Pallete.

19. Em Brush Preset escolha o brush indicado e marque as opções como na foto abaixo

20. Agora clique no ícone de Stroke Path With Brush no rodapé da paleta de Paths.

21. O brush escolhido será aplicando no Path e sua imagem deverá ficar como a da foto abaixo.

22. Caso não tenha gostado da borda que acabamos de criar pressione Ctrl+Z para desfazer a ação, vá em Window> Brushes novamente, escolha o brush indicado na imagem abaixo.

23. Vá em Window> Paths para abrir a paleta de Paths e clique no ícone de Stroke Path With Brush, isto irá preencher o Path com o novo brush criando a nova borda, como na foto abaixo.

24. Como vocês já puderam perceber é possível criar bordas usando qualquer tipo de brush, para modificar o tamanho do brush usado pressione as teclas [ ou ], depois clique no ícone de Stroke Path With Brush para modificar a largura da borda, caso a segunda borda ainda não tenha ficado muito boa pressione Ctrl+Z para desfazer a última ação, vá em Window> Brushes novamente, clique no pequeno ícone que existe no canto superior direito da caixa de Brushes, como indicado na foto abaixo.

25. Escolha a opção Dry Media Brushes para ter acesso a um novo set de brushes.

26. Clique na opção Append para adicionar o novo set de brushes aos brushes já exibidos na caixa Brushes.

27. Sua caixa de brushes deverá ficar como a da foto abaixo, escolha o brush indicado e defina os mesmos valores usados na imagem abaixo.

28. Agora clique no ícone de Stroke Path With Brush na paleta de Paths e sua imagem ficará como a da foto abaixo.

29. Pressione a letra E do teclado para selecionar a Eraser Tool.

30. Vá em Window> Brushes, escolha o brush indicado na foto abaixo e defina os valores mostrados.

31. Clique no ícone de Stroke Path With Brush no rodapé da paleta de Paths e sua borda ficará como a da foto abaixo.

32. Agora vá em Window> Layers para voltar para a paleta de layers, clique na layer que contém a cópia da imagem, clique no ícone de Add Layer Style e escolha a opção Color Overlay.

33. Na caixa que irá abrir clique sobre a amostra de cor.

34. A caixa abaixo ir abrir.

35. Clique no documento e escolha uma cor qualquer, no caso deste tutorial a cor da madeira foi escolhida.

35. Clique em Ok para aplicar a layer style, sua imagem ficará como a da foto abaixo, como vimos neste tutorial é possível combinar e usar diferentes brushes combinados para criar bordas personalizadas.

Continue Lendo...