I’m not 100% sold on the 3D Skull collection, but I’m guessing with some tweaking and some experimentation they could be used very cleverly to create some cool artwork. The entire set has some really cool stuff in it which includes:

• 3D Skulls (mentioned)
• Robots
• Bound (Vines, Ropes, etc)
• Flow (mentioned)
• Too Sexy (sexy silhouettes – also seen on “Speed Network”)
• XTreme Sports
• Apparel

You would think that releasing the latest set of vector artwork would be enough to keep the fans of Go Media satisfied, but there’s more! Alongside the launch of Set 13 they launced a new Fingerpaint Texture Pack as well. I’ve used the freebies from the previous Watercolor Textures and they’re phenomenal and can be used in so many different ways. I’m going to download this set of freebies too, and see exactly what they’re like. The entire set contains 40 high resolution textures which include smears, swirls, smudges and my personal favorite splatters! These textures could also be used to create your own Photoshop Brushes too!

To celebrate the release of these two fantastic packs of artwork Go Media has released a special offer coupon code for a limited time. If you purchase any of the Go Media artwork and use the promo code thirteen you will save 15% off your purchase! That means if you want to purchase either of the new packs you can get them for under $30 each! That’s a freakin’ bargain…no matter how you look at it. Don’t forget it’s a limited time offer. If you want to see an example of using the Go Media vectors, check out my Grunge Styled Banner Tutorial.

~ GrandmasterB

Recently, Cuzzy from Cuzoogle.com contacted me about creating a new banner image for his blogroll post dubbed “Rolling a Blog Joint”. Since the overall premise is a play on the word joint, I thought something with a textured paper background and perhaps a pot leaf image would do the trick. Amazingly, enough there is a company named ‘Pot Leaf’ and their logo was available on BrandsoftheWorld.com, so that will save me a step of recreating the leaf in illustrator. The paper texture for the background will be a combination of a number of paper artwork that I found on Bittbox; which is a great resource for this type of stuff. So, that should be enough background on this project…let’s get ‘rolling‘.

STEP ONE: SETTING UP THE DOCUMENT

The finished size of this image will be 450p wide x 150p high, but I’m going to start with a bigger canvas size. The reason being is that I want to be able to adjust the textured background to fit, and later I will crop it out. So, let’s start out by creating a new document that’s 600×600. From there drag guides to the center at 300x and 300y and then recenter the rulers to make that point 0. After that drag out horizontal guides to +/- 75px and vertical guides to +/-225px. These outer guides will be our bounding box…all of the content will go inside this area. Anything outside the bounding box will be cutoff in the final step, so make double sure everything is inside that box.

STEP TWO: CREATING THE BACKGROUND

I want to make the background a different color from the text and leaf image, so I thought a light shade of brown would be a good contrast and it will make the paper more realistic. I’ll use a light shade (b79573) and a darker shade (7a5f43) and create a radial gradient; which will be the base of the background. Create a new layer and drag out a radial gradient starting a bit above the top guide and down towards the right corner (light to dark). We create a new layer, because I want to have a base layer that’s transparent…this layer will come into play later on in the tutorial. After you’ve made your gradient, rename the layer to ‘Base‘.

STEP THREE: ADD TEXTURE TO THE BACKGROUND

For this step it isn’t necessary, but I’m using three different textures to give the background more depth. For your reference they are: paper2, paper3 and paper4. Take your first texture and drag it above the gradient layer. You’re going to want to resize it, so the quickest way is free transform. In the options window change the x and y points to 0, the scale to 20 x 20 and angle to 90°. After you’ve scaled the texture you’ll want to desaturate it (cmd/ctrl+shift+u). Then change the Layer Blend Mode to Overlay and the Opacity to about 60%. Rename the layer ‘Texture1‘. You should have something like what I do…I hope. If you would like to experiment with other types of textures; I suggest checking out CGTextures.

STEP FOUR: MORE TEXTURE

This step is an exact repeat of the end of step three. I’m going to take two more textures and repeat the free transform, desaturate and change the blend mode. The only difference is you’re going to reduce the opacity on each layer by a little bit. I’m doing 50% and 20%…but feel free to experiment. If you really want to change it up try changing the Blend Mode to something like Color Dodge or Color Burn. Rename these layers to ‘Texture2‘ and ‘Texture3‘. If you find any other textures that you think will work with the image, go ahead and add them in…you never know what you’ll get when you start experimenting with Photoshop.

STEP FIVE: ADD SOME GRAPHIC ELEMENTS

For this step I’m going to dive into the Go Media Arsenal to pick out some cool elements that will give us some depth. I’m going to really pile on the use of the Arsenal today; to show you just what you can do if you use them wisely. Remember the old adage “less is more”, you don’t want to go overboard. Here are the packs that are used in this tutorial.

I am going to use the following elements from these packs to design this banner. I will cover each of them in detail as I add them to the document.

Step 5.1 – Add the abstract halftone

The first thing I’m going to do is add the abstract halftone element to the background to give it more texture by pasting it into photoshop as pixels (Photoshop will ask you what to do…I choose pixels, but you can do whatever is easiest for you). I enlarge it by going into Free Transform (cmd/ctrl-t) and then rotate it 45 degrees to the left. After that we want to duplicate that layer (Layer > Duplicate Layer or hold down alt and drag…either way will work). After you’ve duplicated the layer you will flip it both horizontally and vertically (Edit > Transform > Flip Horizontal/Vertical). Then move it into position and center both layers. When you’re done merge those two layers by selecting both in the layers pallete, right-click and choose ‘merge layers’. After you’ve done that, change the blend mode to Multiply and opacity to 50%. Rename this layer to ‘Abstract1′.

Step 5.2 – Duplicate the halftone and twist

Duplicate the halftone layer, rotate it another 45 degrees to the left and stretch it out a bit. After you’re happy with the shape and size change the opacity to 35%. Rename this layer to ‘Abstract2′ and you should have something similar to what I have. Please note, you don’t have to be exact you can mess around with the positioning to achieve the desired effect. If you want you could even duplicate the first layer a second time and change some of the blend mode effects to grunge it up just a little bit more.

Step 5.3 – Add the radial element

Again, same as step 5.1 paste in the element as pixels and resize as needed, rename to ‘Radial’. After resizing it change the fill on the layer to 0% and add the following layer styles (Layer > Add Layer Styles):

Gradient Overlay
Stroke

Step 5.4 – Add a little spatter

This time I will use two separate elements to get achieve a more random looking effect. I’m going to paste in the spatter elements into Photoshop as ‘Vector Smart Objects’ this time, because I will want to position them and transform them a few times on different layers. You can move them and transform them to the desired pattern you’re looking for. Make a new layer (above the radial), then make a selection of both layers by cmd/ctrl-clicking the first layer and then hold shift and select the second layer, and fill with black. Change the blend mode to Overlay and opacity to 60%, and rename the layer to ‘black.spatter’. You can then create another layer above this one, and resize the spatters again and rename to ‘white.spatter’. This time fill it with white, change the blend mode to soft light and the opacity to 80%.

Step 5.5 – Some flourishes and a little more color

Since the background is looking a bit monotone, it’s time to add some other elements and some color. With the last layer selected (the white spatter), create a new layer and name it ‘flourish1′. I’m going to drag in one of the flourishes from Arsenal Set 8 and place it in photoshop as ‘pixels’. I’ve rotated to the right and enlarged it, then once I was happy with it, pushed it up against the center guide and nudged it left 10px (shift-right arrow). The next step is to duplicate the layer and flip it horizontally (Edit > Transform > Flip Horizontal), once you’ve done that move it so the right side touches the center guide and nudge it to the left 10px (shift-left arrow). Merge the two layers together and change the fill to 0%. Go into your layer styles and add the following styles (Layers > Layer Styles):

Color Overlay (#345c34)
Gradient Overlay (#345c34 to White)
Stroke

Step 5.6 – Another set of flourishes

Paste in a different flourish and rename the layer to ‘flourish2′. Go ahead and resize it to fit your image. I’m fitting mine inside the bounding box, with the right side touching the guide and the left going over the center.  The idea is to make the flourishes appear as though they are coming out of the center of the radial pattern. Duplicate it, flip it horizontally and move it to the left, then merge the two layers. Change the fill to 0% and add the following layer styles:

Color Overlay
Outer Glow

STEP SIX: BUILD OUT THE LOGO (Where’s the Leaf?)

I snagged the ‘pot leaf’ logo from Brands of the World and pasted it into Photoshop as a ‘Vector Smart Object’, resized it to fit and rotated it a bit off center. The original color of the logo is a very bright green and I’m not a big fan of the bright green so I’m going to change it to something darker. By adding the following layer styles I will be able to lift the logo off the background and give it some dimension:

Drop Shadow
Inner Glow
Color Overlay
Stroke

STEP SEVEN: ADD THE TEXT

With the pot leaf layer selected grab your text tool and click in the center of the document and change the alignment to centered. After that type out your title, in this case “Rolling a Blog Joint”, leave the type black and change the Blend Mode to “Soft Light”. For this I’m using a grungy script font called Hawaii Killer; which carriest over the grunge feel, but there was a problem. I found that the “B” in Blog was unreadable, so I changed the font to another free font called Porcelain. I don’t normally recommend swapping out fonts, but in this case it worked out for the better.

Create a new layer beneath the type, and make a selection of the type layer (cmd/ctrl-click the layer). Expand the selection by 1px and fill with a light green (almost white), then add the following layer styles:
Drop Shadow
Gradient Overlay
Stroke

Step 7.1 – Add a little more depth to the type

Move the text to center it in the box and that’s it for the text. Once you have the text centered, duplicate the type layer, change the fill color to #345c34, change the Blend Mode to “Color Burn, the opacity to 50%. This will make the type pop off the screen a little bit more, to make it really pop though we’ll add the following layer style to give it some extra kick.

Gradient Overlay (black to 6a6a6a to black)

STEP EIGHT: FINAL TOUCHES

This step is purely optional, but I think it makes a cool effect. Remember that transparent layer we left way back in step one? Here’s where it comes into play…we’re going to fill it with a light shade of green (#94c294) to get a mix of colors. Then with the base layer selected add a layer mask and grab the gradient tool set to: radial and black to transparent. Then start making gradients around the bottom to reveal the green layer underneath. Once you have something you like…that’s it. You can add different colors or gradients to your liking…it’s all up to you.

Once you have something similar to the final image go ahead and crop it down and save it for the web. I hope you’ve enjoyed this original tutorial by GrandmasterB. If you’d like to check out tutorials in the future subscribe to the feed…you won’t be disappointed. Also, I’m going to start a new Question and Answers feature to address all of your burning graphic design questions in the near future…you won’t want to miss it.

~ GrandmasterB

This copyrighted tutorial was originally published at GrandmasterB.com on 07/22/2008

I went over to the local Borders bookstore and after walking around the store for ten minutes (it’s a new store and it’s huge), I finally found the magazine rack. My first impression of the magazine was that it’s designed well and definitely gets the readers attention with the bright cover art. The other thing that caught my attention was the sticker price. Each issue of the magazine runs £6.00, but with the markup and the exchange rate it was $15.50 USD. I immediately thought “this magazine is going back on the rack for the next sucker”, but I figured it wouldn’t hurt to give it a free browse in store.

I was definitely impressed by the contents of the magazine and the quality of the articles, but the tutorials are probably some of the best that I’ve ever seen. Each of the tutorials is extremely in-depth and very detailed, so much so that you can understand why the magazine is titled “Advanced Photoshop“. After giving it a once over I noticed that it comes with a CD loaded with all of the necessary files for each tutorial, along with a few bonus items. AHA! This $15 price tag isn’t looking too bad after all, so I figured I’d pick it up. 

I haven’t tried any of the tutorials out yet, because I bought it on my lunch break. I have thumbed through the mag about five times though and read a few of the articles. If time permits, I’ll see if I can work out one of the less intense tutorials and let you all know how it goes. If you’re a Photoshop nut like me, you should definitely pick up the magazine or just give it a look at your local bookstore.

One other quick thing before I close out, you can download the tutorial files from the Advanced Photoshop website without purchasing the magazine, but unfortunately there isn’t a PDF or text file with the instructions for the tutorial. They are great resources to have on hand though…check ‘em out.

~ GrandmasterB

I know that many of you have seen tutorials all over the place that describe how to create metallic text with Photoshop. Well, I’m here to show you how to make Killer Metallic Text and I’m going to toss in a cool background and a reflection effect. So over this two part tutorial you actually get three tutorials for the price of one. How’s that sound? Along with this tutorial I will make the final Photoshop (.psd) file available for download. I know that sometimes it is easier to figure out how something works by taking it apart first. Note: Throughout the tutorial I will give you keyboard shortcuts for picking tools or performing commands. They will be listed in parenthesis next to the task.

Let’s get started!

I would start this off as step one, but you all know that we’re going to need to open up Photoshop and create a new document. When you do create your new document set it up at about 800 x 800 pixels and make the background black. Place a guide at 400y and another at 400x to get the center of the canvas and reset your center point (very important). There we go…one step saved in the tutorial!

CREATING THE BACKGROUND

STEP ONE – Creating a gradient background
To start out create a new layer, flip your fill colors (x on the keyboard) and choose a decent shade of blue. For this tutorial I picked #2D4C91 and make sure your other color is black. Grab your gradient tool (g) and select the radial gradient. Make sure that the gradient is set to foreground to background color (blue to black in this case). Once you’ve got your gradient tool set, start at the center point and make your gradient (about halfway to the other side.

STEP TWO – Transform the Gradient
This step is relatively straight forward. All you are going to do is squish the gradient vertically by using Free Transform (cmd-t, ctrl-t). What you’re going to do is grab the center square. While holding down the alt key drag downwards to the 200 pixel mark. Once you’ve got it all set hit the confirm button and change the layer’s opacity to 50%. You want the blue to be visible, but not nearly as bright as before. If you’ve got something similar to the image, let’s move to step three.

STEP THREE – Adding Some Graphic Elements
For step three we are going to dive into the Go Media Vector Arsenal. In particular we are going to check out the radial vectors that are in Vector Pack 6. For instructions on using the vector packs check out the FAQ Page at Go Media. Back to the tutorial, open the vector pack and select a radial pattern to your liking. Create a new layer above the last one. Copy and paste the graphic into the Photoshop document and resize it to what you find suitable (NOTE: Try to limit the resizing to one attempt, any more and it will distort your piece). After you have the radial pattern all set you’ll want to adjust it as follows:
On the Layers Palette

• Change the Fill to 0%
• Choose Layer Effects (bottom of Layers Palette…looks like an fx)
  • Color Overlay: #823A7F
  • Blend Mode: Color Dodge
  • Click OK
• Change Layer Opacity to 35%

STEP FOUR – Graphic Element Number Two
This step is almost identical to step number three with just a little tweak on the settings, a different vector graphic and another interesting effect to set it off from the previous layer. Create a new layer and paste your graphic into this new layer. After you have your graphic all set add the following settings to that layer:

• Change the Fill to 0%
• Choose Layer Effects (bottom of Layers Palette…looks like an fx)
  • Color Overlay: #00AEEF
  • Blend Mode: Color Dodge
  • Click OK
• Change Layer Opacity to 25%

After you have the layer settings all done, click on the “Add Layer Mask” button on the layers palette (the Add Layer Mask is one to the right of Layer Effects. With the Layer Mask selected fill the entire thing with black (alt-delete), then change your fill color to white (x). Grab your gradient tool and select radial gradient with the color set to foreground to transparent. Now draw small radial gradients and they will begin to reveal the layer little by little. We don’t want the entire radial pattern to show, just bits of it.

STEP FIVE – Now For The Crazy Stuff!
In this step we are going to use a little free spirit and create some bright blue gradient orbs. Change your foreground fill color to #823A7F and make sure the gradient tool is selected with foreground to transparent and radial selected. Create a new layer above the last layer from step four and start making some blue orbs of all sizes (small, medium and large). Once you have a few blue orbs (remember not too many) change the layer blend mode to Color Burn. Create a new layer above, reset your colors (d) and swap to white (x). Start making some white orbs now, and it’s okay to overlap the blue ones, it will give more depth. After you have a few (10 or so) change the layer blend mode to Soft Light and the Opacity to 42%. You should now have something like the sample image.

STEP SIX – A Final Touch
This is the final step for the background and an important one. This step will give us a platform of sort to set our text on. Create a new layer above the last one and grab the rectangle marquee tool (m). Once you have the tool in hand draw out a selection about 500 pixels wide by 150 pixels high. Place the top of the selection below your horizontal guide and centered left to right. It’s easiest to start on the left side at 250 pixels drag to the right side 250 pixels and down 150. If I just confused the crap out of you I apologize. Once you have your selection in place reset your colors (d) and switch to the gradient tool (g). Make sure you’re set to foreground to transparent and linear gradient (not radial). Drag from the top of the selection down to the bottom. Once you have that change your layer opacity to 50% and you’re done with part one of the tutorial.

That’s all for part one of this tutorial. I hope you’re following along well and making progress. If you have any questions regarding the tutorial please shoot me an email and as always feedback is welcomed. If you would like to check out the Photoshop file with all of the elements for part one of the tutorial you can download it here:

Photoshop File (2.8MB): Killer Metallic Text_PT1.psd
Safari Download: Right-Click > Download Linked File

Stay tuned for part two and the conclusion of this tutorial, you won’t want to miss it. Also, be sure to subscribe to the GrandmasterB RSS Feed to keep informed on upcoming tutorials and events.

~ GrandmasterB

This copyrighted tutorial was originally published at GrandmasterB.com on 06/06/2008

• Hand Drawn Skulls
• Birds (vol.2)
• Type Explosions (very cool!)
• Suits (Silhouetted Men in Suits)
• Doodles
• Trees
• International Skylines

The key to creating cool and interesting artwork with these vectors is learning how to use items from each pack to make something completely new. In the header of my site I used three of the vectors from different packs and manipulated them to get the results I wanted.

If you want to see how the real masters do it you should check out the tutorial that Go Media published on Wednesday. The tutorial is a bit difficult to follow, but the pictures explain a lot about what’s going on. In the tutorial the artist creates a very cool T-Shirt design for a band (I’m not sure if it’s fictional or not) using only Go Media Vectors…very cool stuff.

One of these days GrandmasterB is going to have to come up with a limited edition t-shirt design to giveaway in a contest or something. This tutorial has definitely inspired me to create something insane.

~ GrandmasterB