Cochesaurus Playground

Dessins, peintures, infographies, animation et pensées

13 octobre 2008

Music banner using Line Nova

Lately in my work I did some banners for mobile Web sites and just like everything I do with Gimp, experimentation and playing around are my steps to create nice banners and pictures (some times are not that nice, but :)

Ok, let me show you how I did one of my first banners using Gimp.

Start with an empty canvas, mine is 1008x252px (4:1). Then pick a color and drag it from the toolbar to the canvas (the canvas contains at this time only one layer, usually white), the color that I've chosen is a light blue (#6CB5ED). (FIGURE 1)

linenova1

FIGURE 1  Setup your canvas with a light blue colored layer.


Now it's time to put your creativity juices to flow and invent a kind of logo for your banner. My banner it's about music, so I'll try to choose a font that goes along well with this topic. After looking around for a while I found a font called Alba (remember that if you want to use this font for commercial purposes, get in contact with the original creator), this font has a nice variant called "Alba Super", so I picked that one for my logo. (FIGURE 2)

linenova2

FIGURE 2  Using a nice font for the logo.


Now it's time to add some music shapes (see one of my previous posts to grab this music shapes). You can add this music shapes in many ways: maybe grabbing some nice brushes related to music, or drawing yourself the music stuff, but in my case I used the music shapes SVG file that I did with Inkscape. The following paragraph step is optional.

Open the inkscape SVG file and from the startup dialog, choose "import paths". (FIGURE 3)

linenova3a

FIGURE 3  Importing the Inkscape vector paths.


Now select the paths dialog and select one of the layers, then click on the red button called "Path to Selection" this will make a selection based on the music shape that you want. In this way we can copy the selection and bring it back to our main banner project. (FIGURE 4)

linenova3b

FIGURE 4  Making a selection based in a Inkscape path.


Now bring the music shapes to your banner project and arrange them in a nice way. I also applied a darker shade of blue to the music shapes. At this moment you should have 2 layers, one with the text based logo and the other with the music shapes merged with the background color. (FIGURE 5)

linenova3

FIGURE 5  Adding the music shapes to our music banner.


It's time to set the stage before applying one of the Gimp's coolest effects... Line Nova. Add a new layer and put it above our music shapes layer and below our music logo layer (put it in the middle). Fill the new layer with the same light blue color that we used before. Now set the foreground color to white and go to Filters > Render > Line Nova. Choose the default values and click in Ok. (FIGURE 6)

linenova4

FIGURE 6  Line nova settings.


After applying line nova you should obtain the following result: (FIGURE 7)

linenova5

FIGURE 7  Line nova effect.


Change the layer mode of the line nova layer to hue. After this you'll notice a subtle effect consisting of points like a semi dashed line. (FIGURE 8)

linenova6

FIGURE 8  Line nova's effect is very subtle after applying a layer mode of Hue.


To make this effect more noticeable, let's apply some noise to the line nova's layer. Go to Filters > Noise > RGB Noise and set the following values: Uncheck Correlated noise and Independent RGB; set the Red, Green, Blue values to 0.20; finally set Alpha to 0. After applying the RGB noise, the effect could be too overwhelming so change the opacity of the layer to 60. The final result follows: (FIGURE 9)

linenova

FIGURE 9  Our final music banner!


Finally I also applied a radial mask to the line nova layer, in this way only the outer line nova's rays could be visible. I hope you found this tutorial useful and as always thanks for reading. See ya later!

Posté par coche à 06:50 - Infographies - Commentaires [0] - Permalien [#]

Commentaires

Poster un commentaire