Creating an RVCA Shirt

rvca
My inspiration for these tutorials comes from many places. This particular one came from the shirt I was wearing at the time.

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.
rvca shirt

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.
rvca logo

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).
rvca font eurostyle

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).
rvca logo transparent

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

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).
rvca shirt

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.
rvca text 2

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.
rvca text 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.
rvca shirt

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).
rvca green and yellow

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

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.
rvca green and yellow

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.
rvca green and yellow

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.
rvca green and yellow

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

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

Leave a Reply

New Discussion Forum

We have teamed up with CrypticGFX.com who are providing a place to discuss our tutorials.

You can still post blog comments as before but if you want a more in-depth discussion have a look at Cryptic GFX.