Welcome Guest ( Log In | Register )



 
Reply to this topicStart new topic
> Photoshop Tutorial: Sunblind's Custom Style #3 - The DM.Net Style, The DM.Net Style
SunBlind
post Jan 9 2006, 05:31 AM
Post #1


Advanced Member
Group Icon

Group: Members
Posts: 128
Joined: 27-June 05
From: Belington, WV
Member No.: 6,653



This tutorial will show you how to make the style I created for the header of my website, DM.Net (DreamMare)

user posted image

Since there is a limit on the number of images I can post, I have only included images of the style's settings. For pictures of how the applied settings should look on your text, click on the settings image. This style can be used on any color background, but for the tutorial I will be working on a white background since it is easiest to see. Now with that said, create a new image with a size to fit your text. In my case, I'm using
a 100px font (Bastarda) so I started with a 450x150 image.

1. Type your desired text in any color, try to center it. Color doesn't matter because a Color Overlay will be applied.
user posted image

2. Now it's time for the effects - We'll start with the Drop Shadow. Click on the "f" icon on your Layers palette and go to Drop Shadow.
user posted image

3. Use these settings
user posted image

4. Next, we'll apply the Color Overlay
user posted image

5. Then Bevel and Emboss
user posted image

6. Now the Inner Shadow
user posted image

7. Apply the Stroke:
user posted image

8. Finally, we'll add an Outer Glow
user posted image

And there you have my website's style smile.gif If you are having trouble understanding the settings, or would rather just get the style prepackaged, you may download it here: Get the DM.Net Style
Go to the top of the page
 
+Quote Post
finaldesign
post Jan 9 2006, 09:02 AM
Post #2


[+] Graphic Designer [+]
Group Icon

Group: Members
Posts: 614
Joined: 6-April 05
From: Croatia
Member No.: 3,666



nice tutorial!
about that pictures upload problem...you can always upload it to imageshack.us or some similar free photo upload site, and link them here..
Go to the top of the page
 
+Quote Post
miCRoSCoPiC^eaRt...
post Jan 9 2006, 09:22 AM
Post #3


PsYcheDeLiC dR3aMeR
Group Icon

Group: Admin
Posts: 2,242
Joined: 29-January 05
From: Nakorn Chaisri, Thailand
Member No.: 2,411



Yaa - as fd said, if you upload the whole bunch at imageshack (make all of them part of a photoblog - so it's easier to maintain) - and then use their forum thumbnail code for each to embed the images here.
Go to the top of the page
 
+Quote Post
SunBlind
post Jan 10 2006, 05:47 PM
Post #4


Advanced Member
Group Icon

Group: Members
Posts: 128
Joined: 27-June 05
From: Belington, WV
Member No.: 6,653



Thanks for the advice guys smile.gif Though you may already know that I'm working on my tutorials site, so it's just as easy for me to host them myself... I think, anyways.

I'm almost done the site! I got sick of messing with CMS's so I just set up phpBB2. I actually put in a mod that inserts an ImageShack hosting box right below the post entry form so users can upload their images and have them hosted (plus get the necessary code) instantly. The only problem is, I also installed a Sudoku mod so when I'm setting up the forum and waiting for stuff to upload, I get side tracked :/
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Style P And H? Html Tags(2)
  2. Easiest Free Forum To Create Custom Skin For?(2)
  3. How Do I Make A RPG Battle System?(13)
  4. Smf - Asta Style!(11)
  5. Brushed Style Xmas Sig(5)
  6. Custom BBCode(24)
  7. Gaiaonline The Best Web Based Rpg Style Game(5)
  8. Diy Fan Controller(4)
  9. Building A Resume (photoshop Style)?(5)
  10. Intro A Excellent Free Rpg Style Online Game(3)
  11. Help: Multi-threading Trouble In Custom Socket Component(2)
  12. Outsourcing A Style Section To An External Css File(7)
  13. New Introductions & Tests Of Custom Bbcodes(53)
  14. Style Xp(4)
  15. Custom Icon For Your Hard Disk Drives ( For Cds Also)(2)
  1. Mid-autumn: Dragons In The Streets(1)
  2. Ajaxload Creates For You Free Custom Animated Ajax "loading" Icons(0)
  3. Windows XP Style Buttons(5)
  4. Custom 404 Errorpages : How ?(10)
  5. Custom Windows Boot Screen(10)
  6. Photoshop Tutorial: Jungle Style Text Effect(4)
  7. How To #3: Custom BBCdes For This Board (Note)(15)
  8. Custom Error Pages(4)
  9. Photoshop Tutorial: Sunblind's Custom Style #10 - Fiery(4)
  10. Photoshop Tutorial: Sunblind's Custom Style #8 - EyeHeartGold(5)
  11. Sunblind's Free Graphics(9)
  12. Photoshop Tutorial: Sunblind's Custom Style #9 - Watery(0)
  13. Custom Built PC - No Sound(8)
  14. Photoshop Tutorial: Sunblind's Custom Style #7 - Rubber(1)
  15. Photoshop Tutorial: Sunblind's Custom Style #6 - Satin Pillow(0)


 



- Lo-Fi Version Time is now: 8th September 2008 - 06:27 AM