Jump to content


- - - - -

Tutorial #3 - Splash Page


  • Please log in to reply
8 replies to this topic

#1 _*cipcip_*

_*cipcip_*
  • Guests

Posted 15 September 2007 - 08:38 AM

In this tutorial we are going to learn how to make a splash page ...



At the finish of this tutorial you will be able to make something like this:



Posted Image



Well .. let`s start ...



Create a new 600 px X 600 px document ...

Fill it with #333333, you will now have something like this:



Posted Image



Using your Rounded Rectangle Tool ... create a square and then lower the opacity at 15% ... You will have something like this....



Posted Image



Inside of it create another square with the rounded rectangle tool ...

Use these blending options:



Posted Image



Posted Image



Posted Image



Posted Image



Now you will have something like this:



Posted Image



Inside the previous maked rectangle we will make other 2 ... using the same tool ...



Now apply these blending options to it:



Posted Image



Posted Image



Posted Image



Posted Image



Posted Image



Now under the main grey rectangle ... using a brush add this black line and lower the opacity to 40%... You`ll now have something like this:



Posted Image



All you have to do is to put your text ... using your favourite font...



The final result:



Posted Image



Thanks for reading this...



Gfxclass.com Admin!

#2 telittleone

telittleone

    Young Padawan

  • Members
  • Pip
  • 6 posts

Posted 16 September 2007 - 10:37 AM

what font did you use for inside the buttons?

#3 _*cipcip_*

_*cipcip_*
  • Guests

Posted 16 September 2007 - 11:20 AM

i forgot ... i`ll look for it and tell you ... space i think it was called

#4 telittleone

telittleone

    Young Padawan

  • Members
  • Pip
  • 6 posts

Posted 19 September 2007 - 05:43 PM

nvm. I found it. Its called Space Age

#5 _*cipcip_*

_*cipcip_*
  • Guests

Posted 19 September 2007 - 11:49 PM

oh ... i forgot about it`s name ... sorry ... ;) ... i did this template long time ago ...

#6 Dilfill

Dilfill

    Jedi In Training

  • Members
  • PipPip
  • 380 posts
  • Gender:Male
  • Interests:PHOTOSHOP!

Posted 24 September 2007 - 03:14 PM

very nice job! thanks for posting!!! I like da font too!

#7 _*cipcip_*

_*cipcip_*
  • Guests

Posted 25 September 2007 - 08:17 AM

thanks ... this one is approved and it`s on the main page too :lol: ... i`ll make more real soon .. i`ve been busy lately

#8 Drift

Drift

    Young Padawan

  • Members
  • Pip
  • 2 posts

Posted 04 November 2007 - 07:51 PM

thats a nice tutorial, I tryed it out

#9 Dragolux

Dragolux

    Young Padawan

  • Members
  • Pip
  • 123 posts
  • Gender:Male
  • Location:United States
  • Interests:I love computers! I love Photoshop, Flash, Blender, Firefox, I love, well, EVERYTHING!!<br /><br />:D

Posted 22 December 2007 - 05:35 PM

Great tutorial! Would it be easier to just make an outer glow on the content box in stead of making a feathered box behind it? I don't know, just sounds like it would be easier. :P




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users