Tutorial Efeito Pop Art
Publicado por: Design RN em: Outubro 29, 2009
01. Pressione Ctrl+O e abra uma foto qualquer, para este tutorial iremos usar a imagem abaixo.
02. Pressione Ctrl+J para duplicar a layer.
03. Dê o nome de Dots para a layer copiada, agora clique em sua cor de Foreground (na parte inferior da paleta de ferramentas) para abrir a paleta de cores e escolha um azul ou outra cor que queira como cor de fundo, no caso deste tutorial foi usada a cor #45bef7.
04. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione Alt+Backspace (a tecla acima do Enter) ou presssione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a nova layer com a cor escolhida, clique e arraste a layer (na paleta de layers) para baixo da layer copiada com a foto como na imagem abaixo.
05. Clique na layer “Dots”, pressione a letra W do teclado para selecionar a Magic Wand Tool, clique no fundo da foto, isto irá criar uma seleção como na foto abaixo.
05. Pressione Delete, sua imagem deve ficar como a da foto abaixo.
06. Pressione Ctrl+Shift+U para retirar a saturação da imagem.
07. Agora vá em Image> Adjustments> Threshold, o valor mostrado abaixo foi aplicado na imagem usada neste tutorial, caso você use outra foto o valor pode mudar, então neste caso tente deixar a imagem como a da foto abaixo.
08. Agora vá em Filter> Blur> Gaussian Blur, defina um valor aproximado ao mostrado na imagem abaixo e pressione Ok.
09. Agora clique com o botão direito do mouse sobre a layer “Dots” e escolha a opção Duplicate Layer.
10. Na janela que se abre escolha a opção “New” no menu dropdown e pressione Ok.
11. Sua layer deve aparecer em outro documento como na foto abaixo.
12. Agora vá em Image> Mode> Grayscale.
13. Quando a caixa “Discard Color Information?” aparecer clique em Discard.
14. Agora vá em Image> Mode> Bitmap.
15. Quando a caixa “Flatten Layers?” aparecer clique em Ok.
16. Na caixa que irá abrir defina os valores abaixo e pressione Ok.
17. Em seguida a caixa Halftone Screen irá aparecer, defina os valores abaixo e pressione Ok.
18. Sua imagem deve estar como a da foto abaixo.
19. Agora vá em Image> Mode> Grayscale novamente.
20. Na caixa que irá abrir defina o valor de 1 pixel e pressione Ok.
21. Agora vá em Image> Mode> RGB.
22. Na paleta de layers clique sobre a layer com o botão direito do mouse e escolha a opção Duplicate Layer.
23. Na caixa que se abre clique no menu Dropdown e escolha o nome do arquivo que estavamos trabalhando anteriormente, pressione Ok.
24. Caso a mensagem abaixo apareça pressione Ok.
25. Agora sua paleta de layers deve estar como a da foto abaixo.
26. Com a nova layer selecionada vá em Layer> Create Clipping Mask para criar um clipping mask.
27. Pressione Ctrl+E para mesclar as layers.
28. Sua imagem deve estar como a da foto abaixo.
29. Clique na layer “Dots” e pressione Ctrl+J para duplicar a layer, mude seu nome para “White” deixe esta layer abaixo da layer “Dots” como na foto abaixo.
30. Agora vá em Image> Adjustments> Brightness/Contrast, caso você use o Photoshop CS3 use as configurações abaixo, se usar outra versão do Photoshop apenas defina o valor de +100 para Brightness e ajuste o Contrast para que sua imagem fique totalmente branca.
31. Sua paleta de layers deve ficar como a da foto abaixo.
32. Mude o modo de blend da layer “Dots” para Multiply.
33. Clique na layer “White” e depois no ícone de Add New Layer Style no rodapé da paleta de layers, escolha a opção Solid Color.
34. Escolha uma cor qualquer para começar a colorir sua foto, neste caso como faremos o batom a cor escolhida foi um rosa intenso, #cf4870, clique em Ok.
35. Vá em Layer> Create Clipping Mask, sua imagem e paleta de layers devem ficar como as da foto abaixo.
36. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco.
37. Certifique-se de que a máscara da layer esteja selecionada, (você pode ver que ela está selecionada quando existe um contorno em sua volta), caso não esteja basta clicar na máscara.
38. Pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique no documento que estamos trabalhando, note que sua máscara, na paleta de layers ficará preta e que a cor irá sumir da imagem.
39. Agora pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground agora deve ser branca, pressione a letra B do teclado para selecionar a Brush Tool, passe na região dos lábios para que a cor apareça apenas ali.
40. Novamente clique no ícone de Add New Adjustment Layer no rodapé da paleta de layers como foi feito anteriormente e escolha a opção Solid Color, defina a cor #efc6b2 para colorir a pele e pressione Ok.
41. Vá em Layer> Create Clipping Mask, sua paleta de layers deve ficar como a da imagem abaixo.
42. Repita os mesmos procedimentos aplicados nos passos 36 até 39.
43. Faça um Adjustment Layer para cada cor usada na sua imagem.
44. Em pouco tempo sua paleta de layers já estará como a da imagem abaixo.
45. Depois de terminado caso você queira trocar alguma cor basta clicar duas vezes sobre a miniatura da cor usada na Adjustment Layer (na paleta de layers) e troca a cor escolhida.
46. Ao final sua imagem estará como a da foto abaixo.
Charis Tsevis
Publicado por: Design RN em: Outubro 27, 2009
Charis Tsevis é um projeto gráfico de Atenas, na Grécia. Seu trabalho tem muita influência da Psicologia Gestal, que estudou no Colégio. Sua obra está cheia de mosaicos, retratos e imagens formadas por milhares de pequenas fotos de objetos pequenos. Às vezes lembra um pouco de pixel art, simplesmente incrível.
Animação Jesus 2000
Publicado por: Design RN em: Outubro 26, 2009
Uma animação dos estudantes franceses de design Rémi Bastie, Jean-Baptiste Cumont, Clément Desnos, Jonathan Djob Nkondo e Nicolas Pegon.
Bleeding Freaks Font
Publicado por: Design RN em: Outubro 23, 2009
Uma Font grátis para você fazer download
Click aqui para fazer downlaod
Facebook Facelift
Publicado por: Design RN em: Outubro 22, 2009
Foco no Facebook Facelift, um projeto pessoal de designer australiano Barton Smith. Seu desafio: redesenhar a forma e as características da rede Facebook. A interface é fácil de entender e foco na experiência do usuário e conteúdo. Veja o video abaixo.
Efeito para os olhos
Publicado por: Design RN em: Outubro 21, 2009
Pressione Ctrl+O e abra uma foto qualquer, de preferência em alta-resolução.
Pressione a letra Z do teclado para selecionar a Zoom Tool, aproxime bem um dos olhos como na foto abaixo.
A primeira coisa a ser feita será aumentar as pupilas, estudos já provaram que pupilas maiores tornam o olhar mais amigável, para fazer isto pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, com a tecla Shift pressionada clique e arraste ao redor da pupila parar criar uma seleção ao seu redor (a seleção deve ser um pouco menor que a pupila) como na foto abaixo.
Com a pupila selecionada pressione Ctrl+J para duplicar a parte selecionada, sua paleta de layers deverá ficar como a da foto abaixo.
Vá em Edit> Transform> Scale, defina os valores abaixo na barra de opções da ferramenta e pressione Enter para finalizar a transformação.
Agora pressione a letra R do teclado para selecionar a Blur Tool, passe ao redor da pupila para suavizar as bordas.
Pressione a letra E do teclado para selecionar a Eraser Tool, defina o valor de Hardness entre 0% e 50% e apague a parte superior da pupila (que está encoberta pela pálpebra).
Repita o mesmo procedimento no outro olho.
Abaixo um antes e depois das modificações.
Agora clique no ícone de Create New Fill or Adjusment Layer no rodapé da paleta de layers e escolha a opção Brightness/Contrast.
Caso você utilize o Photoshop CS3 ou CS4 utilize os valores abaixo, se utilizar o Photoshop CS2 defina o valor de Brightness e Contrast em +50, pressione Ok.
Clique na miniatura da máscara que existe na Adjustment Layer de Brightness/Contrast e vá em Image> Adjustments> Invert.
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, sua cor de Foreground deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, passe a Brush Tool sobre a íris e a pupila para que ela fique como a da foto abaixo, repita o processo no outro olho.
Mude o modo de blend da layer para Luminosity.
Reduza a opacidade da layer para ajustar a intensidade do efeito.
No final sua imagem estará como a da foto abaixo.
Um antes e depois do efeito aplicado.
Novo Apple Magic Mouse
Publicado por: Design RN em: Outubro 20, 2009
A Apple revelou hoje seu novo mouse sem fio, o Magic Mouse. De acordo com a empresa, é o primeiro mouse a usar a tecnologia multi-touch, que permite aos usuários navegarem usando apenas toques.
Ao invés de ter botões, bolas de rolagem, o topo inteiro do Magic Mouse é uma superfície multi-touch. O Magic Mouse permite que o usuário tenha um mouse com um ou mais botões, pois é personalizável. Usando apenas toques, usuários podem facilmente usar a opção scroll pelos documentos, como mover horizontalmente e verticamente, para frente ou para trás, numa coleção de páginas da web ou fotos, por exemplo.
O revolucionário mouse funciona para destros ou canhotos e usa conexão bluetooth, que funciona a até 10 metros de distância. É alimentado por duas pilhas AA. O produto será padrão do novo iMac, mas também estará disponível à venda separada por $69.
Confira o vídeo de demonstração do “mouse mágico”
Vídeo aula com Filipe S. Fernandes: Digital Bokeh (by Abduzeedo)
Publicado por: Design RN em: Outubro 19, 2009
Blog do Filipe S. Fernandes para conferir os novos materiais publicados por ele!
Sites em Flash Impressionante
Publicado por: Design RN em: Outubro 14, 2009
Hoje vamos mostrar-lhe 5 mais impressionante e original, sites flash. Flash sites listados nesta coleção são caracterizadas por idéias criativas, belos gráficos, animações incrivelmente espetacular. A maioria destes sites em Flash são os vencedores de várias competições Web Design. Pode ser que você vai ficar esperando até que cada um desses sites flash será carregado, mas creio vale a pena. Mesmo se você não gosta de animação em flash pesado voltar sua atenção para o último local em nossa lista. Ligue seus alto-falantes, pegue o mouse na mão e obter um prazer inspirador! Get flash sites mais criativos.
DAFFY’S – High Fashion Low Prices
