About me Domain Credits Way out Refresh My blog My host Credit


October 01, 2018 ♥ v23 layout (Halloween theme!) September 07, 2018 ♥ v22 layout ♥ 8 backgrounds/patterns ♥ 4 textures ♥ 20 gradients ♥ 4 banners ♥ 40 colors ♥ 2 photoshop tutorials ♥ 4 miscellaneous tutorials April 03, 2018 ♥ v21 layout ♥ 10 backgrounds/patterns ♥ 14 textures ♥ 10 gradients ♥ 50 colors December 17, 2017 ♥ v20 layout ♥ new blog entry ♥ 6 gradients ♥ 6 banners ♥ 6 colors November 03, 2017 ♥ v19 layout ♥ new blog entry ♥ 10 textures ♥ 10 gradients (new category!) ♥ 2 banners ♥ 10 colors ♥ revamped links & pages July 16, 2017 ♥ new layout (v18) ♥ new blog entry ♥ 6 backgrounds/patterns ♥ 8 premade banners ♥ 10 color schemes (revamped) May 25, 2017 ♥ new layout (v17) ♥ new blog entry ♥ 16 color schemes ♥ 1 photoshop tutorial ♥ 1 miscellaneous tutorial


Terms Back pats Banners Textus Colors HTML Tuts CP Tuts Ps Tuts PHP Tuts Misc. Tuts


Welcome to Sasha's gfx corner Skyrose, here to provide quality resources since May 2014; take a look, read the Terms, grab whatever you like and enjoy. <3

chat with me

preppy header base

Preppy headers are those ones who don't feature an artwork from a movie, a tv show, a celebrity, etc., but simply spell out the site name in fancy and colorful fonts; they are not that hard to make, and here I'm gonna show you the few basic steps to make your own preppy header.
Open a new file in Photoshop - I made it 700x230px, but you can make it any size you want as long as it's not your screen's resolution - and type your site name using the font you want (the one I used here is called October Twilight).

Now right-click on the image and select Blending Option (first option showing up).

Select Gradient Overlay from the left-side menu, and pick any gradient you want/have, setting the style to Linear and the angle to 0° or 180° - you can actually choose the amount you want, but imo those two give the coolest results.

Once you chose the gradient, select Stroke from the left-side menu and set it to 7px, Outside position and use the color white - these are the settings giving the most visible results.

Click OK to apply your options, and you should get something like this.

Now merge the layers using Merge Visible, then go to Edit --> Fill --> Pattern; select the pattern you want and set the opacity to 15-55% (depending on the pattern) and the mode to Behind; repeat the filling but with color white instead of pattern and 100% opacity, leaving the mode set on Behind. The result should be something like this.

Now you can add more patterns, brushes, textures, decos, etc. to spice up your header; it's up to your creativity.
Hope this helps; I'm available in case you have questions or concerns about the tutorial. Cheers. :3