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

  • Please let me know if you used this tutorial.
  • Please do not copy my tutorial.
  • Please contact me if you have any questions about this tutorial.
  • border psd v1 tutorial

    This tutorial will NOT teach you specific border designs (like checkers, zebra, ect) but it'll teach you setting up a border. If you want to learn how to do specific designs on borders than look at my tutorials on them.


    What you'll need:
    ♥ One of the Photoshop Programs
    this psd (click me)
    ♥ These brushes (or your own!):

    ♥ If you want to use the color scheme I used in this border tutorial, or the one I used in the border psd tutorial preview.
    They're from my old website candylace and you can find the old content here (clickie)


    The Steps


    IMPORTANT
    The color you use for the "grey block" that's between designs: #eaeaea
    Pixels used over colored areas should be white or black: #ffffff or #000000




    If you do not know how to create fill layers than learn how to here (click here) because I'm not explaining that for this tutorial.



    1. To save time and the hassle, download the psd that's linked above. The psd has the actual border part done. This is what you'll see in the layers when you open the psd. Yes, the PSD includes the gradient stroke. ;)


    2. I always start with the top and finish the top first. You could start with the side, you could do half of the top and half of the side. There's seriously so many ways to do this. I won't be doing anything fancy to the corner of this border so I don't confuse anyone. Ok pick one of the brushes I provided (hopefully you've defined them) or one of your own, create a new layer, zoom in...

    Use the brush, but DO NOT USE THE BRUSH TOOL FOR THIS. Use the pencil tool!
    This is the difference. The top is with the pencil tool, the bottom is with the brush tool.


    I'm placing mine randomly on the top just to show you what I mean.
    (this is zoomed in)


    3. Create 3 new layers. Put one on each of them. Use the move tool to move them and make sure there's an even space between each. I labeled mine 1-4 just so you see that each layer has ONE square per each color of my color scheme on it (get it 4 layers because 4 different colors of my color scheme?)


    4. Create a new layer. Use the "grey block" colors (eaeaea) to place this brush down on both sides of the squares. Keep in mind that your grey block can be any size you want.


    What I have so far


    5. Turn all 4 of the color layers into fill layers. If you don't know how to do fill layers, find my tutorial on it and then come back. This is what my layers look like now.


    6. Ok now figure out what you want to do for your next section of the border. You can use one of brushes in this tutorial, or one of your own, or check out my border design tutorials. This next part is kinda weird. Click the little layer mask thumbnail on the fill layer.


    Click on the pencil tool. You should notice that this color selection area looks like this now. That's good. That's what it should look like.


    Now use the brush (don't forget to use the pencil tool for this, NOT the brush tool) you want and the color should AUTOMATICALLY be the color of the fill layer you're using.

    7. Click the layer mask thumbnail of the second color fill and do what you did last time. Repeat for the 3rd and 4th color fills. Make sure everything is even! This is what I have so far


    8. Now do a grey block again. Put it on the layer with the first 2 grey blocks. This is what I have now.



    9. I am dangerously close to the middle of the top of my border. I need to know how much space I have for the middle of the top, so I am going to duplicate all 5 layers that I have so far. Click "Edit >> Transform >> Flip Horizontal" to flip them. Click on the Move Tool and use the right arrow key on your keyboard to move the designs to the right of the top. This is what I have so far



    10. Merge the two color 1 layer fills together.


    Merge the two color 2 layer fills together.


    Merge the two color 3 layer fills together. Then, do the same with the two color 4 layer fills together.


    Merge the "grey block" layers together. (I like to label my layers according to what color of my color scheme it is that way I know 1 is the first color, 2 is the 2nd, and so on)


    11. Figure out what you want in the middle of the top. This part can be EXTREMELY ANNOYING! You have to make sure whatever you do fits evenly. It's a total pain in the ass. If you're adding something that requires color (as in it's not a black or white pixel or a zebra pattern or something) than I strongly suggest using a regular layer and NOT a fill layer. This is because you have to evenly put stuff in the middle and you don't want to have to go back 50 million times to get it right. if you're use to borders than the middle isn't that big of a deal and you can use the fill layers

    This is what I have so far


    I'm gonna merge the "extra" layers together to save space.


    12. Duplicate the layers. Click on the Move Tool. Use the arrow down key on your keyboard to move the stuff from the top down to the bottom.


    Merge the duplicated layers together. aka merge the "1" with the "1" and the "2" with the "2" and so on. This way you have 5 layers left.

    13. Now you do basically the same as you did to the top, but on the sides (clearly with different designs though).

    14. Now i've finished my top and my bottom. This is what I have so far:


    15. I'm going to merge my layers between the top and sides now. "1" with "1" and "2" with "2" and so on.


    And now I turn them into fill layers.


    Finished Product: