sandraParisfalls LuarrSmoothie JacCarousel HaydenSeaside MckenzieJuicebox keciaglamish Kaylacandylace madiifirebolt

Making Vector Templates

  • Before you can follow this tutorial you will need to download the two files provided here and here.
  • The first is the actual plugin used. The second is to make the plugin work with your system if you don't have a msvcrt40.dll or higher in your system folder.
  • Plugin installataion instructions can be found in the tutorial offered here installation instructions for msvcrt40.dll are in the zip folder.
  • Basic Vector

    Step 1
    Alrighty now that you did all the preliminary work let's get started. Open a document in photoshop the size you want your brush. I usually make mine bigger than my actual sign to compensate for when the sitemodel isn't centered. so 400px by 533px. You should already have double clicked your "background" layer to turn it into "layer 0".
    Step 2
    Using your rectangle marquee tool select half of your document. It doesn't have to be exactly half. Fill the selection with black. Deselect. (ctrl+d)
    Step 3
    Now go to your filter. If you installed it correctly it will be located under Filter > DSB Flux > Center Mirror. You will want to make your mirrors divisible by however many colors are in the schemes you want the vector to cater to. If you use 4 colors make sure it's divisible by 4, if 5 then divisible by 5.
    You should be left with the following:
    You can use the brush as is if you want but it looks much better smoothed with illustrator. Gets rid of the jagged lines. Click to jump to that portion of the tutorial

    Skinny Vector

    Step 1
    Alrighty now that you did all the preliminary work let's get started. Open a document in photoshop the size you want your brush. I usually make mine bigger than my actual sign to compensate for when the sitemodel isn't centered. so 400px by 533px. You should already have double clicked your "background" layer to turn it into "layer 0".
    Step 2
    Using your rectangle marquee tool select half of your document. It doesn't have to be exactly half. Fill the selection with black. Deselect. (ctrl+d)
    Step 3
    Get your polygon lasso tool. Select a triangle from one side of your rectangle. Keep in mind the larger the triangle the smaller your vector will turn out in the end.
    With the triangle selected go to Layer > New > Layer Via Copy (or ctrl+j) this will pull the triangle you selected onto a new layer of it's own. Duplicate this. On the top triangle layer select all. (ctrl+a) go to Edit > Transform > Flip Horizontal.
    If you hide your rectangle layer you will see the following.
    Step 4
    Merge the top triangle layer down onto the second. Now get your magic wand tool and click in the transparent area. Go to Select>Inverse. Make your rectangle layer visible and with it selected in your layers view, hit your delete key to delete the triangles out of the halved area.
    We mainly did steps 3 and this one to make the triangle exclusions symmetrical on both sides.
    Step 6
    Now go to your filter. If you installed it correctly it will be located under Filter > DSB Flux > Center Mirror. You will want to make your mirrors divisible by however many colors are in the schemes you want the vector to cater to. If you use 4 colors make sure it's divisible by 4, if 5 then divisible by 5.
    You should be left with the following:
    You can use the brush as is if you want but it looks much better smoothed with illustrator. Gets rid of the jagged lines. Follow the next portion of the tutorial to learn how to do that.

    Smoothing your vector in Illustrator

  • If you don't have Illustrator you can do this in photoshop but it involves a lot of time consuming manual use of the pen tool
  • Step 1
    Open Illustrator and have your vector still open in photoshop. In illustrator make a new document. Size doesn't matter. Illustrator is a vectoring program meaning vectors will be able to be scaled to any size without altering in quality. Copy your vector from photoshop and paste it into your document in illustrator.
    Step 2
    Click on your vector to select it. When you do a new toolbar will appear across the top of your screen.
    You should see the words "Image trace" just click that. Your vector will now be smooth.
    Step 3
    Now there are 2 ways of saving your vector. You can either A. Copy the vector from Illustrator and paste it as a smart object into the photoshop document you already have open or B. Go to File Export. Name your file and set the filetype to png. A box will pop up after that. Leave screen checked unless you think you will need the image larger, chances are you won't. Personally I prefer option A.