Procurar
Últimos assuntos
Início
Sala de Aula
Vagas de Emprego
Oportunidades "FreeLancer"
Eventos, Fórums e Congressos de Designer
Downloads
Portifólios Pessoais do Membros
Artistas e suas obras
Artes Gráficas
Torneio de Design Digital
Vídeos
Tutoriais - Sofwares
Dúvidas Softwares
Tutoriais - Tecnologias
Dúvidas Tecnologias
Fazer uma queixa
Quem está conectado?
Há 1 usuário online :: 0 registrados, 0 invisíveis e 1 visitante Nenhum
[ Ver toda a lista ]
O recorde de usuários online foi de 162 em Ter Out 26, 2021 8:45 am
Social bookmarking
Conservar e compartilhar o endereço de Total Design 1.0 em seu site de social bookmarking
Conservar e compartilhar o endereço de Total Design 1.0 em seu site de social bookmarking
Papel de parede com efeito - Chroma Wallpapers - Em inglês
Página 1 de 1
Papel de parede com efeito - Chroma Wallpapers - Em inglês
Necessita tradução, mas é auto explicativo
Quem puder fazer a tradução por favor responda esse tópico com a tradução.
Chroma Wallpapers
By Rick, Color Charge
This tutorial explains how to create a energetic, vibrant, colorful wallpaper, like the ones available at Color Charge. These lines, which we’ll call Chroma were highly inspired by the iPod Nano Ad from 2006 and some Quantum Chromodynamics nerdery stuff. You will learn how to bend blurry shapes with Warp tool to draw the lines, beams, and steams. Then you’ll know how to add some glowing and vibrating color effects, and finally polish your drawing. Aside reading this tutorial, you’ll need Photoshop CS2 or CS3, and preferably a computer with a lot of memory and a larger screen to achieve that effect.
DOWNLOADPhotoshop fileInitial setup
Start with a very, very large screen: 3000 px x 2000 px wide. Draw a rectangle as background for the whole area and fill it with a dark linear gradient layer style. Align that gradient with 45 degrees vertically (sometimes you may change that angle to 90 or 60 degrees). Since the beginning, pay special attention to colors: black and dark violet as base color. The waves colors will match a triad complementary balance with the base color, in our case, the violet-cyan-orange axis.
Warp Tool
Draw lines! Many parallel lines (horizontal or vertical, or both!). Group them, duplicate, rasterize, group, duplicate, rasterize… and finally add some blur. In this example I usedwhite as base-color for the line themselves (white is the easiest color to balance and add glowing and other layer styles):
After you reach a wide and tall group of lines, is time for some magic: randomly distort the shape with Warp Transform Tool ( Photoshop > Edit > Transform > Warp ):
One thing you’ll probably notice is the amount of confusing structural lines crossing over the shape; your first attempts are going to be almost trial-and-error, later you’ll get used to this really amazing tool and will master the shapes of Chroma. Don’t worry trying to find the perfect shape so early, things will fit better together when you have more than 5 separate shapes matching a pattern or a familiar shape.
When complete, remember to press the Enter key, or click on the Apply Warp button, on the top. If your computer survives the intense rendering and image post-processing… your artwork should be something like this:
Remember to use the Erase Tool to remove sharpen edges and give the wave a surreal looking. Explore other combinations of shapes, lines, and textures - they’ll enhance your drawings.
If you did a small shape I don’t recommend you size it up or even warping again. The Warp tool isn’t that smart because you’ll be playing with rasterized shapes - not smart objects or vector shapes. If you insist warping the same shape again, your shape is going to get some unwanted sharpen or sometimes blurry edges (depending on your case). To avoid that, I recommend you the opposite way: start with a very large area and a large shape, then size it down. Better results, easier to distort.Glow, screen, multiply, and other layer styles
When you have the perfect shape, you will need to add its soul, I mean, the layer styles . Again, open the layer styles panel, and mix Gradient Overlay with Outer Glow styles, and combine them with Screen, or Overlay as layer Blending Mode. A secret hint: when glowing, try using brightly and vivid colors, such as yellow, lime, pink, or cyan, picking the color that is in complementary contrast with the dark gradient we did on the beginning.
To achieve the Chroma effect, I used a gradient fill (yellow to gold), plus the following Outer Glow styles with the following configuration:
Brush polishing
Bring your drawing to life with motion. Add some scattered round dots to simulate speed and movement. Within the Brushes panel ( Photoshop > Window > Brushes, or F5 ), explore the sizing, scattering (with fade), spacing, and pressure:
The big cells are just the way the smaller ones, except the size and spacing. A bit of randomness is really welcome and exciting:
The "range" option in this step is very important - it will give a cellular-looking to the glowing particles - like if they were intensely vibrating:
Poor kid…got any blurry edge? Don’t worry. Use the blur tool and correct that.
Finalizing the drawing
Be creative and fearless to do a complete mess with the shape - in my experience, the messier the better. Size down the area and crop. Draw as many layers as your computer’s memory can handle. Sometimes you won’t be able to merge layers because the effects and styles that were applied. Also use layer’s blending and opacity to give your shapes a translucent appearance.
Our final result, after cropping:
Conclusion
Now is really easy to get waves, brightly flowing across the infinity of color…okay, I went a bit far . I hope this tutorial helped you. If so, please let us know more about your artworks and drawings based on this tutorial on the comments. Thank you!
Download the Photoshop Tutorial file.
Download some Chroma wallpapers at Color Charge.
Quem puder fazer a tradução por favor responda esse tópico com a tradução.
Chroma Wallpapers
By Rick, Color Charge
This tutorial explains how to create a energetic, vibrant, colorful wallpaper, like the ones available at Color Charge. These lines, which we’ll call Chroma were highly inspired by the iPod Nano Ad from 2006 and some Quantum Chromodynamics nerdery stuff. You will learn how to bend blurry shapes with Warp tool to draw the lines, beams, and steams. Then you’ll know how to add some glowing and vibrating color effects, and finally polish your drawing. Aside reading this tutorial, you’ll need Photoshop CS2 or CS3, and preferably a computer with a lot of memory and a larger screen to achieve that effect.
DOWNLOADPhotoshop fileInitial setup
Start with a very, very large screen: 3000 px x 2000 px wide. Draw a rectangle as background for the whole area and fill it with a dark linear gradient layer style. Align that gradient with 45 degrees vertically (sometimes you may change that angle to 90 or 60 degrees). Since the beginning, pay special attention to colors: black and dark violet as base color. The waves colors will match a triad complementary balance with the base color, in our case, the violet-cyan-orange axis.
Warp Tool
Draw lines! Many parallel lines (horizontal or vertical, or both!). Group them, duplicate, rasterize, group, duplicate, rasterize… and finally add some blur. In this example I usedwhite as base-color for the line themselves (white is the easiest color to balance and add glowing and other layer styles):
After you reach a wide and tall group of lines, is time for some magic: randomly distort the shape with Warp Transform Tool ( Photoshop > Edit > Transform > Warp ):
One thing you’ll probably notice is the amount of confusing structural lines crossing over the shape; your first attempts are going to be almost trial-and-error, later you’ll get used to this really amazing tool and will master the shapes of Chroma. Don’t worry trying to find the perfect shape so early, things will fit better together when you have more than 5 separate shapes matching a pattern or a familiar shape.
When complete, remember to press the Enter key, or click on the Apply Warp button, on the top. If your computer survives the intense rendering and image post-processing… your artwork should be something like this:
Remember to use the Erase Tool to remove sharpen edges and give the wave a surreal looking. Explore other combinations of shapes, lines, and textures - they’ll enhance your drawings.
If you did a small shape I don’t recommend you size it up or even warping again. The Warp tool isn’t that smart because you’ll be playing with rasterized shapes - not smart objects or vector shapes. If you insist warping the same shape again, your shape is going to get some unwanted sharpen or sometimes blurry edges (depending on your case). To avoid that, I recommend you the opposite way: start with a very large area and a large shape, then size it down. Better results, easier to distort.Glow, screen, multiply, and other layer styles
When you have the perfect shape, you will need to add its soul, I mean, the layer styles . Again, open the layer styles panel, and mix Gradient Overlay with Outer Glow styles, and combine them with Screen, or Overlay as layer Blending Mode. A secret hint: when glowing, try using brightly and vivid colors, such as yellow, lime, pink, or cyan, picking the color that is in complementary contrast with the dark gradient we did on the beginning.
To achieve the Chroma effect, I used a gradient fill (yellow to gold), plus the following Outer Glow styles with the following configuration:
Brush polishing
Bring your drawing to life with motion. Add some scattered round dots to simulate speed and movement. Within the Brushes panel ( Photoshop > Window > Brushes, or F5 ), explore the sizing, scattering (with fade), spacing, and pressure:
The big cells are just the way the smaller ones, except the size and spacing. A bit of randomness is really welcome and exciting:
The "range" option in this step is very important - it will give a cellular-looking to the glowing particles - like if they were intensely vibrating:
Poor kid…got any blurry edge? Don’t worry. Use the blur tool and correct that.
Finalizing the drawing
Be creative and fearless to do a complete mess with the shape - in my experience, the messier the better. Size down the area and crop. Draw as many layers as your computer’s memory can handle. Sometimes you won’t be able to merge layers because the effects and styles that were applied. Also use layer’s blending and opacity to give your shapes a translucent appearance.
Our final result, after cropping:
Conclusion
Now is really easy to get waves, brightly flowing across the infinity of color…okay, I went a bit far . I hope this tutorial helped you. If so, please let us know more about your artworks and drawings based on this tutorial on the comments. Thank you!
Download the Photoshop Tutorial file.
Download some Chroma wallpapers at Color Charge.
Tópicos semelhantes
» EFEITO RAIO-X COM CSS
» Download do tutorial "Crie um efeito espetacular de Meteoro em Chamas para Textos"
» Efeito de "raio"
» Download do tutorial "Crie um efeito espetacular de Meteoro em Chamas para Textos"
» Efeito de "raio"
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Sáb Jul 18, 2009 12:05 am por fohashi
» Links para downloads - Softwares Adobe
Seg Nov 10, 2008 8:04 pm por Marcelo Brito
» Quer comprar um notebook? Pesquise
Sáb Nov 08, 2008 8:07 pm por Marcelo Brito
» POSTERS TIPOGRÁFICOS!
Sex Nov 07, 2008 1:42 am por Leandro Solano
» Bauhaus em primeira mão
Seg Out 20, 2008 10:50 am por Marcelo Brito
» Prova de HTML com os links
Seg Out 20, 2008 10:48 am por Marcelo Brito
» Documentário: A Folha que Sobrou do Caderno
Seg Out 20, 2008 12:16 am por alvaroguim
» VLC, o Chuck Norris dos media players
Dom Out 19, 2008 3:47 pm por Marcelo Brito
» [Absurdo] Bryan Berg, campeão mundial de castelos de cartas.
Qui Out 16, 2008 8:32 pm por Marcelo Brito
» MindMeister - Site de organização de projetos
Qui Out 16, 2008 2:17 pm por alvaroguim
» Meus Vídeos Toscos - Marcelo Brito
Qui Out 16, 2008 2:13 pm por alvaroguim
» Oprotunidade freelancer para designer gráfico (Machintosh)
Qua Out 15, 2008 1:34 pm por Marcelo Brito
» Silício Negro e a Fotografia Digital
Qua Out 15, 2008 1:33 pm por Marcelo Brito
» Apple renova seus noteboooks
Qua Out 15, 2008 1:31 pm por Marcelo Brito
» Votação das logos
Ter Out 14, 2008 5:56 pm por Marcelo Brito
» Comercial Nissan (irado)
Seg Out 13, 2008 10:48 pm por Marcelo Brito
» Fanta redesenha sua identidade visual
Sex Out 10, 2008 5:04 pm por José Leandro
» Seminário - "Autores, Artistas e seus Direitos”
Sex Out 10, 2008 4:05 pm por Marcelo Brito
» No que poderíamos melhorar?
Sex Out 10, 2008 4:03 pm por Marcelo Brito
» [ CSS ] cssmenubuilder.com
Qua Out 08, 2008 8:37 pm por Marcelo Brito
» Vetorização de imagens
Qua Out 08, 2008 8:37 pm por Marcelo Brito
» 14 Aplicações AIR para desenvolvedores web
Qua Out 08, 2008 8:34 pm por Marcelo Brito
» CSS3 - Seletor :not()
Qua Out 08, 2008 8:33 pm por Marcelo Brito
» Zebra Tables com CSS3
Qua Out 08, 2008 8:31 pm por Marcelo Brito
» EFEITO RAIO-X COM CSS
Qua Out 08, 2008 8:29 pm por Marcelo Brito
» SEO: Google agora indexa áudio
Qua Out 08, 2008 8:21 pm por Marcelo Brito
» Design view do Dreamweaver não é browser
Ter Out 07, 2008 7:22 pm por Marcelo Brito
» 30 Extensões Firefox para Desenvolvedores Web
Ter Out 07, 2008 5:07 pm por Marcelo Brito
» Ordem de declaração das propriedades em CSS
Ter Out 07, 2008 4:32 pm por Marcelo Brito
» 10 Sites sobre Tipografia
Seg Out 06, 2008 11:36 am por thiago.lima
» HTML 5 vem ai! Falta pouco, em 2022 ele já ta pronto!
Sex Out 03, 2008 4:22 am por Marcelo Brito
» USE O GOOGLE COMO ELE ERA EM 2001
Qui Out 02, 2008 4:49 pm por Marcelo Brito
» Dicas sobre Design com Cores Universais (em inglês)
Qui Out 02, 2008 4:13 pm por Marcelo Brito
» Design Emocional (Futuro)
Qua Out 01, 2008 6:15 pm por thiago.lima
» Como trocar a cor de cabelos pretos.
Qua Out 01, 2008 12:42 am por Marcelo Brito
» GOOGLE PATENTEIA SISTEMA QUE PERMITE A CELULAR TROCAR DE OPERADORA
Ter Set 30, 2008 11:54 pm por Marcelo Brito
» [ Referência ] rifflog.com
Ter Set 30, 2008 7:16 pm por Marcelo Brito
» Saiu o resultado do concurso de criação de cartões do Abduzeedo.com!
Ter Set 30, 2008 7:09 pm por Marcelo Brito
» Romero Britto
Ter Set 30, 2008 7:06 pm por Marcelo Brito
» Palestra 0800 com Alexandre Wolner
Ter Set 30, 2008 7:04 pm por Marcelo Brito
» Estampa concorrendo no Camiseteria
Ter Set 30, 2008 6:23 pm por José Leandro
» PhotoShop CS4
Ter Set 30, 2008 12:28 am por Marcelo Brito
» Download do tutorial "Crie um efeito espetacular de Meteoro em Chamas para Textos"
Ter Set 30, 2008 12:21 am por Marcelo Brito
» Estilização de fotos com efeito de cores.
Ter Set 30, 2008 12:12 am por Marcelo Brito
» Tenha sua revista digital
Seg Set 29, 2008 11:09 pm por Marcelo Brito
» Torneio Logomarca Forum - Inscrições encerradas!
Seg Set 29, 2008 5:02 pm por Leandro Chaves
» Loja virtual dos sonhos!
Seg Set 29, 2008 4:32 pm por Ox
» Crie um índice/sumário facilmente no Microsoft Word 2007.
Dom Set 28, 2008 12:38 am por Marcelo Brito
» Saiba como detectar fotos duplicadas no PC - Muito Útil
Sáb Set 27, 2008 12:42 pm por Marcelo Brito
» Filme na internet deixa de ser sinônimo de YouTube
Sáb Set 27, 2008 11:36 am por Marcelo Brito