01 02 03 04 05 06 07
★ Owner: Kayla
★ Opened: 06/09/17
★ Program: Photoshop CC 2020
★ Version: 13
★ Started Sw: 2005ish
★ Host: Myself
★ Credits: x
home content tutorials holiday contact ov

vector psd tutorial

What you'll need::
♥ Vector template
♥ Scanline pattern

You'll be making something like:

the steps 1. Make sure your vector template is already defined as a brush. Create a new document 300x467 with a transparent background. Using the paintbucket tool, fill in the layer with the color #eeeeee.

2. Create a new layer. Click on the brush tool and place your vector brush.
{This is cropped for tutorial purposes only. My vector is curvy, which wont affect you!}

3. Duplicate the vector layer 4 times. This is because there's 4 color in a color scheme. Set your layers up like mine.

4. Hide all layers but "1" and "grey." Put a color overlay (right click layer >> blending options >> color overlay) on "1" of the first color of your color scheme.

6. Ok these next few steps can be REALLY confusing, so pay attention. Click on the eraser tool, find the regular circle brush that should have came with your photoshop.

If you don't have it than download it >> click here

7. You're going to use the eraser tool to erase certain rays. Make the size of the brush something small (like 20px). You're currently keeping the 1st color of your color scheme, so choose where you're starting and then use the eraser tool to erase 3 rays to the right of it. Then keep one. Then erase 3 rays to the right. Then keep one and erase 3 rays to the right...Keep going until you've made it completely around the vector. For example- the rays with the black circles on them are the ones I am NOT erasing (keeping those). All of the other rays are the rays I AM erasing.

When you're erasing rays and get down to the middle of the vector, it's very easy to accidentally erase little parts of the rays that you don't want to erase. I zoom in to erase those parts. You don't have to do this, but I strongly suggest it. You also might need to change the size of the erasers brush for these areas.

Once you have everything erased, you should have something like this

8. Unhide color #2 layer. Remember which ray you need to keep this time. I'm going to mark mine with a red circle this time. Notice you can see my first color on the ray now?

Click on the 2nd colors layer and add a color overlay with the 2nd color of your color scheme. I have this so far.

9. Hide color #1's layer. Click on color #2's layer and erase all of the rays you don't need for it like you did for color #1 in step 7.

If I unhide my color #1's layer than this is what I see

10. Now do the same thing you did with the first 2 colors, but to the last 2 colors.
I have this so far

11. Hold in CTRL on your keyboard and click the thumbnail of the "dont touch" layer.

Click "Select >> Modify >> Expand" Expand it by 1 pixel. Create a new layer and make sure the layer is UNDER the 4 vector rays, use the paint bucket tool to fill in the selected area with the color white. I have this so far

Click on the layer you just filled in white, add a 1px stroke with the scanline pattern. Add a dropshadow:

I have this so far

setting up the layers in the PSD

12. Set your layers and groups up something like this:

Take all of the layers you have so far and put them in the main rays group.

Set the "other rays" group up like this.

13. Choose which rays will be your pixel rays. Click on the pen tool and outline these rays with the pen tool.

When you have them all, right click inside one and click "Make Selection." They should all be selected now.

Click "Layer >> New Fill Layer >> Solid Color >> OK>> color #eeeeee" Now if you hide the "grey background" layer. You'll see the grey in the spot you just did.
Name this layer "BASE"

This is what my layers look like:

14. Now do the same with the other rays. Then, organize them by bases. The base layers are important for when you fill in the vector.
This is what I have now

So basically if you hide one of the bases, That area should become transparent like this.

adding effects to the main rays

15. All thats left to do is to turn the main rays into color fils AND add whatever effects you want to the main vector rays. Ok so turn the main rays into color fills now. If you don't know how to turn something into a color fill layer than check out this {CLICK HERE} tutorial!

Now these are my fill layers

16. Now time to add the effects to the main rays -like the inner shadow and inner glow. If you don't want to add them than skip this step. Hold in CTRL on your keyboard and click on the "don't touch" layers thumbnail (remember this layer it has the original brush on it still?). This should have selected every main ray.

click "Layer >> New Fill Layer >> Color >> ok >> and pick any color. It doesn't matter I chose a grey. Now right click on the layer and click blending options Make the FILL OPACITY 0%.

Now click on inner shadow and use whatever settings you want. Click on inner glow and use whatever settings you want.

17. Now you're going to add a pattern to the main rays by holding in CTRL and clicking on the thumbnail of the "dont touch" layer again. The rays should be selected again. Now create a pattern layer and make it whatever pattern you want. I'm doing a circle pattern at opacity 20% and set to "Soft Light"

Finished Product: