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

beam around text tutorial

You can learn how to do this from any of my beam tutorials. You're basically just replacing a sitemodel with text!



You'll be making something like:


The Steps

1. I know a lot of people struggle with beams, so I'm gonna show an easy way to do them. Create a new layer, Click on the pen tool and put some zigzag lines around your text like this.


2. Right click on the pen tool and click on the "Convert Point Tool." Use the tool on an anchor point to curve the line (outlined in red).


Curve all of your points.


3. Click on the brush tool. Choose a 2px or 3px circle brush (they come with photoshop). Choose a light grey, or white, color. click on the pen tool and then right click where the line is. Click "Stroke Path" and make sure the tool is set to Brush. Click OK. Hit the backspace (delete) key twice so the line preview goes away.


4. Click on the eraser tool. Use a circle brush at a size that isn't huge. Use the eraser tool to erase EVERY OTHER LINE. (my line is black just so you can see it better)


hold in the CTRL key on your keyboard and click on the layers thumbnail. The beam should be selected now. Click "Layer >> New Fill Layer >> Gradient >> OK" and select your gradient. Drag the gradient layer under the white line layer and use the move tool to move the gradient line to the right twice.


Add glitter to the gradient (or duplicate it and add glitter to that one) or do whatever else you'd like!

Finished Product: