It has bold yellow and green with the usual RVCA symbols. This is built over a background of repeated RVCA logos.

To follow the tutorial you will need to download a suitable font. I chose Eurostile which has also been used in the past for the famous fcuk branding.

Pre-Step: Logos and Fonts

Before we begin we’re going to need to download the logo/fonts and take a look at what we’re making. I took a picture of the shirt I was wearing.

As you can see, we’re going to need the rvca logo to use as a pattern, for the yellow parts. I was able to find this rather easily online. You can save the image below.

Last but not least, we are going to need a font similar to the one used in the shirt (the rvca part). When I looked at the shirt it immediately reminded me of a font I have on my computer called “Eurostile”. It’s a little different, but we can fix that with font settings. I think this font came pre-installed on my mac, so be sure to check. If not you can download it here(downloaded the bold extended #2 version).

Step 1: Creating The Patterns

Looking at the shirt you can see two patterns. The “RVCA” one and the actual logo. Each one looks like its tilted around 20 degrees. Open up the logo I had you download in photoshop. Use the quick selection tool to delete all the white from it. Also delete the “RVCA” text on it (you can use the rectangular marquee tool for that).

Create a new 150×150 pixel document, with a transparent background, and copy the logo to it.

Open up free transform on the logo layer (edit>free transform). Hold shift and rotate the logo one notch counter-clockwise. Place the logo in the bottom right corner. It should look like the image below. after you do that define it as a pattern (edit>define pattern).

Now we have to create a pattern for the text. Delete the logo from the 150×150 document, and grab the text tool. Type out “RVCA” (in all caps, 28pt). Remember to use the “Eurostile” font I had you download.

Use the the same font settings as me. They’re shown in the picture.

Open up free transform (ctrl+t) and rotate the text 1 notch counter-clockwise. Place it in the bottom right corner, and crop out the top 60% of the document. When done, define it as a pattern.

Step 2: Creating the Shirt

Now that we have all our patters set up, we can actually make the shirt logo! Open up a fresh document, 600×300 pixels in size.

Grab the rectangular marquee tool. On the top bar change the style to fixed size and enter the dimensions 300×300 (half the document). Fill the left half of the screen bright yellow (#f5de4e).

Create a new layer, on this one fill the right side green (#1ab440).

Now it’s time to create the two V’s. Grab the text tool and type on V using the green color. Also use all the same text settings as before, just up the size to 300pt. Place it centered on the left half.

Duplicate the V text layer (ctrl+j). Open up free transform and rotate the layer 180 degrees (hold shift). Change its color to the bright yellow we used earlier, and place it on the right side. Here’s what you should have so far.

Step 3: Applying the patterns

Open up blending options (layer>layer style>blending options) on the two yellow layers (background and text, do one at a time), and apply pattern overlay with the following settings.

Now do the same thing for the green layers, except use the text pattern and these settings.

Thats it, you’re done! I think it looks pretty close to close to the original. Here’s how it should turn out:

If you want some background on designing shirts in photoshop, have a look at my Useful T Shirt Tips Section at the end of the Tutorial as well as the following

• my skull design page and
• a great collection of T-Shirt templates.

Some questions have been asked about the skull and red splat images with respect to copyright. Sadly the origin of these images has been lost in the mists of time. I am using them because I believe I do own them as I took ownership when I bought the website. I have tried tracking them down using TinEye but without success. As positive identification of their origin is unknown I’m afraid that to err on the safe side I would say they are for personal use only. Do not use them on the internet or for commercial projects.

Many free suitable images can be found such as this one.

Jump to the Useful T Shirt Tips Section at the end of the Tutorial or continue on this page with the photoshop t shirt tutorial itself.

Step 1:

Before we start we’ll need a few resources. You’ll need to download the following images:

T-Shirt

Splat

Skull

Step 2:

Next you’ll need to download the font I used here.

Option: You can always decide to use a different font to make your shirt more custom

Step 3:

Now that we’ve got all our resources, we can begin the designing!

First let’s open up all the images you just downloaded, in Photoshop.

Drag the Splat image into the T-Shirt document and position the Splat so it’s at the Top-Center-Left of the T-shirt. Now close the Splat image. You should now have something like below:

Step 4:

Now let’s add the Star Shape. Get our the Custom Shape tool and on a new layer, draw a good-sized Black star with a 2 pixel White stroke.

Make sure this layer is over the Splat layer. Use the image below as a guide:

Now we’re going to start playing around with the perspective of this Star Shape. Press CRTL + T to transform the shape and click Perspective.

Use the image below as a guide:

Now use the the Transform Handles to change the perspective and position of the Star Shape to how you want it.

I choose to make it look sort of 3D, like below:

Starting to look good already, huh?

Step 5:

Now we’ll be adding the Skull image under the Star shape but over the Splat image. Get the Skull image in Photoshop and drag it in the document you’ve been working with.

Simply, position the Skull image so it’s under the Star shape but over the Splat image.

You may use the images below as a guide:

Here’s how my Layer’s Pallete looks like:

Step 6:

To finish off our Skull/Grunge T-Shirt Design, we’re going to add some text using that font you downloaded (or you can use your own).

Using Planet Kosmos, Size 8, Sharp type out Skulls in Black with a 2px White stroke.

Now Rotate it a few degrees to the left and position it so it’s on the right side of the Star shape. Use the image below as a guide:

And now you’re finally done with your Skull/Grunge T-Shirt Design!

Useful T Shirt Tips Section

• If you want to take the next step and get more serious about t-shirt design you must read this article by Jeff Finley at GoMediazine which is really good advice.
• Another Jeff Finley article about SceneXCore which goes nicely with the Skull theme of course.
• When creating your Design, use a stock photo as a guide. It makes things a lot easier than staring at a blank canvas
• Always use strong visual elements when choosing t shirt images. Subtle and delicate shapes don’t work.
• Combine text and graphical elements in believable ways. e.g. text going through skull eyes
• The file you give to your printer must be inverted as it will become the template for screening ink onto the shirts.
• Light t shirts need only one pass at the printers. Dark shirts need a double pass and will of course cost more to produce.

Other high quality tutorials and T Shirt links

• RVCA T Shirt
• How to screenprint onto a t shirt
• Jared Nickerson tutorial
• Dave from Go MediaZine’s T Shirt tutorial (using Illustrator) that just happens to also be a Skull
• Some nice free skulls
• Some basic advice about colours, layers and screenprinting
• Matt Kloskowski at Layersmagazine.com has a great video tutorial explaining how to put artwork onto a t shirt
• …and finally although I am proud of my little skull t-shirt tutorial, if you want to see some truly amazing designs go and visit Design By Humans.

Create a new file of your choice. Fill the background with black. Select type tool and type ‘m’ with these settings:

Font name = Times New Roman
Font size = 100 points
Font color = #00C0FF

Duplicate the type layer by pressing control+j and change the color to white.

Duplicate the layer again. This time, change the text color to #006485.

Hide the last type layer by clicking on the eye icon.

Click on the middle or white colored type layer to activate it. Press ‘alt’ key and click on the point shown by the arrow. It will create a clipping mask.

Now, click on the move tool and press the up arrow key from the keyboard to move the white colored ‘m’ type layer 16 pixel upward.

Click on the empty box in the 3rd type layer to show it.

Press alt key and click on the middle layer to make the clipping mask.

Now move the third type layer 3 pixel right side.

Using the same technique, draw a circle, duplicate it two times, make clipping mask and adjust the layers to have a shape like shown in the figure.

Group and merge the text and circle layer. Press control+j to duplicate the layer. Press control+t and transform the layer as shown.

Change the layer opacity of duplicate layer to 28%. You will see a nice reflection of the shape.

Draw a light grey colored circle between the two layers.

Type “Media Group” and change the text color to #006485.

Duplicate the type layer. Change its color to white and press down arrow key once to add white color shade to the text. Our logo is ready.

Create a new document. Using your custom shapes tool

draw out an award seal. (The seal’s color does not matter since we will be covering it with a gradient overlay).

Double click on your layer. After the layer style window appears, fill in the following properties:

This is what you should have so far:

Now we need to add in a gradient overlay. Open the layer style window again (by double clicking on your layer). Add in the following properties:

The first gradient color is yellow, and the second color is orange.

Create a new layer above this one. Use the text tool and type in your text you’d like in your seal. (I’ve used font type: IMPACT for the sample below)

Create a new 104 x 104 canvas. Fill in the backgrond with #D6D6D6. Go to your character map and look for the globe graphic. Select and copy it. Go back to photoshop, create a new text layer and paste it there (don’t forget to change your font setting to webdings). Use font color #1E8100 and font size 72.

Create a new layer below your text layer. Using your shapes tool, draw a white circle (making it the same size as your text). If your circle it too small or too big, just hold down CTRL + T (the transform tool) and resize it.

On the same layer, double click on it. A layer style window should appear. Fill in the following properties:

To find the actual colors I’ve used in the layer styles, copy right screen shots (right click > copy), paste in a new photoshop file, then use eyedrop tool click on the color

Go back to your text layer (the one with the webding font. Change it’s opactiy to 65%.

Here is the end result of this tutorial:

Click on your custom shape tool, then your polygon shape. Change the sides to 3:

See the circled button above? Click on it and change the settings to:

Now, draw out the shape onto your canvas:

Click on Filter > Distort > Twirl… a screen will pop up saying that the layer must be rasterized before proceeding. Click OK.

After the screen pops up, change your angle setting to 250 degrees. Click OK.

You can duplicate the same shape, change it’s opacity and rotate it.

Start by creating a new 500 x 500 pixel canvas. Create a new layer and draw out a vector shape. (There are many available in your custom shapes window/ custom shape tool, you can find more on the internet, just search for “photoshop custom shapes”).

Double click on the layer. Your layer styles window should pop up. Add in the following properties to your layer styles:

Color Codes Used:
Bevel and Emboss: Shadow Mode #009DE7
Cover Overlay: Blend Mode #0CAAB9
Stroke: #108393

This is what you should have so far:

You can go back to the custom shapes tool and add in another graphic over the one you have. Change the opacity of the layer to 60%.

and that’s it! Hope you enjoyed it.

This is an in depth tutorial made for beginners that will show you step by step how to compose a well structured signature for all of the beginner GFX’rs out there.

This tutorial touches on a range of skills in photoshop, designed to exercise your photoshop skills.

.
.
.
.
.
.

More about Hendrix at Musicroom.com…

Hendrix Signature Licks

If you are looking for a Jimi Hendrix Autograph rather than a Signature then you should go to Autographicentral

Or follow this affiliate link for Amazons collection of Jimi Hendrix Signature
goods including Signature Licks Guitar, Baseball Cap, Wah Pedal, T Shirts and stuff.

and follow this Jimi Hendrix Wallpaper link for some nice wallpaper

Make a new image , mine is 400*150 and put in your stock , resize it and move as you like .

This is what my stock looks like normally

In the sig ..

Duplicate the stock layer
Then go to filter-Distort-Ocean Ripple .
Choose the settings you like , set to hard light , around 34% opacity .

Duplicate your stock layer again ( move to top ) m now smudge your signature towards the edges , erase over the face and set to luminosity at 100%

Normal :

Luminosity

Duplicate the stock once more
( move to top )
Set this layer to screen at 100%

Make a new layer and add a gradient with the following settings

This will be your lighting . so make it a radial gradient and place it where the lighting is coming from . On my stock you can see that the light is shining on the right side ( his left ) of Hendrix’s face , so put the lighting on the right side , like so .
Set to screen
Normal

screen

go to new layer – image – apply image
Filter – Brush Strokes – Spatter
Choose your own settings , set to lighten and erase around the body and other places you want to

normal

lighten

Insert your original stock again but don’t resize it . Pick an interesting part and move it to the left of your signature , erase around it and set it to lighten , lower the opacity to around 30% .

Do the same for the right side except set it to screen and lower opacity

.

Now go to new layer – Image – Apply image
Now go to filter- Blur – Gaussian blur
choose your own setting

set to normal at low opacity :

Now go to new layer – image – apply image
Now go to Filter – Sharpen – Sharpen
leave on normal 100%

Now the lines :

Make a new layer and with rectangular marquee tool , make a rectangle on the sig . Make it any color you want . Now duplicate and move the dup to the right or the left of it . Press Ctrl+U and change the hue so it is a different color . Merge these 2 layers . Move them to the left of your sig .

Now press Ctrl+T and rotate it , and make it longer so it stretches to the edge of the sig . Now duplicate this layer and move it to the the right of the sig . Merge these layers .

Now erase the bottom of them so it looks like it is behind the body of your stock .

and then erase over them with a splatter brush .

Set the layer to screen at 100%

Make a new layer and brush black on the dark side of your stock’s face with a soft round brush . Set to soft light , 100%

Now go to new layer – image – apply image
Go to Filter – Brush strokes – spatter

choose different settings to last time .
Erase everywhere except for around your stock , so it looks like a large outline
Set to screen , 100%

Now add a pattern fill layer .
Now go to layer – New fill layer – Pattern
choose whatever pattern you like and with a black brush , erase parts of it away on the layer mask .

Set to hard mix at low opacity ( I used 90%)

Go to New layer – Image – Apply Image
Go to Filter – Distort – Ripple
choose a low-ish setting . so it doesn’t over – distort it . erase parts .

set to lighten , 100%

Now add a black / white gradient map and set it to multiply , 35% opacity .

Now add a violet , orange gradient map , set to multiply , 16% .

Now add a (( medium spectrum )) gradient map .
You should find it if you go to Load – Spectrums

set to darken , 100%

Now go to New Layer – Image – Apply image
Set this layer to screen at 87%

Make a new layer and make a circle with the circle tool m fill it with white ( Using paint bucket tool )

Now add a pattern overlay , of this pattern , in the defaults .

Now erase through it with a splatter brush and lower the opacity . move it to a place in your signature with little texture , I left it on normal .

Now duplicate that layer and move it around .

Make a new layer and brush with a splatter brush in white along the bottom .
Set it to soft light , 100%

Repeat the last step , but do less splatter .

Now go to new layer – image – apply image
Now go to Filter- sharpen sharpen

Erase the side of it which is darker , i.e the side without lighting , it should be more blurred anyway .
Set to normal , 100%

Add a border

Add a text

Then Just add a curves layer for depth and thats it

I used Adobe Photoshop CS3 to create the outcome to this tutorial, but certainly earlier versions of the program will also be entirely suitable. This tutorial requires no advanced knowledge of Photoshop, and should be easy for everyone to follow.

The outcome of the tutorial is shown below:

If the Sky Logo isn’t what you are looking for have a look in the Sidebar or follow this Photoshop Logo Tutorial link for some more logo tutorials

• Looking for an Adobe Illustrator Sky Logo?
• TVARK has a great selection of Sky things

Step One:

Firstly, you will need to download the font that is used to create the sky logo. You can find it at this link here: http://www.dafont.com/sky-logos.font
Once you have installed the different TrueType font files, they should automatically load up for use in Photoshop. If not, restart Photoshop and try again.

Step Two:

Create a new document with a white background at a size measuring 500 x 300 pixels. Select the ‘Horizontal Type Tool’ and using the ‘Sky TV Channel Logos’ font, type the number ‘8’ with a size of 400pt into your text box using black as your colour. Make sure that ‘Smooth’ is selected in the drop down anti-aliasing menu.

You should now have something that looks like this:

Step Three:

This is where the fun begins! Using only layer styles, we can achieve an awesome transparent glass effect. If you are using the same sized text as me, these settings will be perfect. Otherwise, you may have to alter them slightly depending on your text size, but they fundamentally remain the same.

Open up the ‘Layer Styles’ menu by clicking on the small ‘fx’ icon at the bottom of the layers palette, or alternatively, double click on your layer in the palette. The first style we will be adding is a ‘Bevel and Emboss’. Make sure that the settings have been changed to match those shown in the screenshot below:

Depth: 225%

Size: 4px

Use Global Light: Unchecked

Altitude: 65 degrees

Glass Contour: Custom

You will also need to add a ‘Contour’ to the ‘Bevel and Emboss’ setting, so check the box underneath in the Layer Styles menu, and select this to go to the menu. Simply select the first option in the drop down menu with the diagonal sloping line, like the one shown below:

You should now have something that looks similar to the image below. It looks awful now, but it makes all the difference for later!

Step Four:

Keep the ‘Layer Styles’ menu open, as we will now be adding a colour overlay. Simply select this in the menu, and add a white overlay like that shown in the screenshot below:

Also, we will be adding a ‘Satin’ to the image, so select that option in the ‘Layer Styles’ menu and alter the settings to those shown below:

Opacity: 20%

Distance: 14px

Size: 21px

That’s all the layer styling you need! Your image should now look like this:

Step Five:

The final step is to add the blue tint to the text. We will be doing this through the use of an adjustment layer, which are amazingly handy layers which can be used to change a number of different things such as colour, tone and contrast.

Go to the bottom of the layers palette again, and click on the small circle icon, which is filled in half black and half white. A small menu should then appear, where you should select the ‘Colour Balance’ option. It should open up another menu with different ‘slider’ options. Simply follow the screenshots below to get the correct settings.

Cyan/Red: -40

Magenta/Green: 0

Yellow/Blue: +34

Cyan/Red: -4

Magenta/Green: 0

Yellow/Blue: +16

Cyan/Red: -10

Magenta/Green: 0

Yellow/Blue: +7

Now you are finished! Here is your final outcome:

You may want to expand on this technique through sharpening, experimenting with different colours, or adding more distinct highlights and shadows. Have fun!

…More Sky Logo…

Just in case the tutorial wasn’t enough, here is some more Sky Logo fun and facts for you.

This Sky Logo Mix plays with the background music from the original Sky Channel from 1984