index resources tutorials facebook hosting credits ov

welcome

This website is here to provide you with the necessities to design & code your own websites, signs, and much more. If you have any questions, please contact me on fb. Thank you for visiting my website. I hope you enjoy everything I have to offer! ♥

updates

comment

vector editable pattern tutorial

Be warned these are a pain in the ass at first, but you'll get used to it.

What you'll need:
♥ Pattern PSD
♥ Vector PSD

You'll be making something like:


setting up the pattern

1. Open the pattern psd. Change the colors, make them UGLY AF and nothing alike. Make sure the pattern is a size you can see looking good in a vector psd. Example:


2. Define it as a pattern (edit >> define pattern >> ok)

Open a new file 350x467. Click Layer >> New Fill Layer >> Pattern >> OK >> choose the pattern you just defined.


3. Remember what order your pattern goes in. Like mine is red, blue, green, black. Click "Select >> Color Range >> and click the first color. I clicked on the red. Then click OK (I know in the gif below it looks like I clicked the green, but I clicked the red, which you'll see with the moving lines around the red lol)


4. Click "Layer >> New Fill Layer >> Solid Color >> OK." Choose the first color of your pretty color scheme. This is what my document and layers look like so far (I cropped the document just for this preview)


5. Click on the pattern fill layer. Click "Select >> Color Range >> and click the second color. I clicked on the blue. Then Click OK. (just like step 3 but with the 2nd ugly color)

Click "Layer >> New Fill Layer >> Solid Color >> OK." Choose the second color of your pretty color scheme. This is what my document and layers look like so far (I cropped the document just for this preview)


6. Now finish the last 2 colors! This is what I have so far


Save it as a PSD so you never have to do this again for this pattern!

adding it to the vector psd

1. Open the vector PSD you're putting the pattern in. Make sure you're in the folder you want the vector psd to be in. Hold in CTRL on your keyboard and select all of the patterns layers.


Drag these layers onto the vector psd. Use the Move Tool to line it up perfectly. It's possibly showing over some other layers like this (cropped this for the tutorial)


2. Hold in CTRL (control) on your keyboard and click on the BASE looking layers thumbnail of the vector psd rays you're putting it in. This is mine (I outlined it in red)


Those layers should be selected now. Click Select >> Inverse. Now everything but the rays you want the pattern in should be selected


3. Click on the first color layers thumbnail.


Push the backspace/delete key on your keyboard. Lol it'll look weird, but you should notice some of the pattern is gone from the other rays.


4. Now click on the second color layers thumbjail and do the same as you did to the first colors layer.


Repeat for the 3rd and 4th color too.

Finished Product:


And this is with the same pattern, but resized to be smaller.