Royal Interface – Photoshop Graphic Design Tutorial 17

Looking good there. It’s time to create our interface’s display. Go back to your Rounded Rectangle Tool, and create a rounded rectangle inside your current one, except with a size 10 radius. The hex for the color is listed inside.

royal-interface-design-photoshop-image-5

Pages: 1 2 3 4 5 6 7 8 9 10

Your Ad Here

Posted in Intermediate Photoshop Tutorials • Tags: Design, Details, Interface, Photoshop, Royal, Tutor, Tutorial • Top Of Page

See comments (18)

Hide comments

18 Responses to “Royal Interface – Photoshop Graphic Design Tutorial 17”

Comment from Carlos
Time March 26, 2008 at 10:48 am

great work m8 good to have you back ^^

Comment from Michael
Time March 26, 2008 at 1:56 pm

Thank you Carlos. Its good to be back, ill see what else i can write up in this few days that i have some free time.

Comment from Colin
Time March 27, 2008 at 1:04 am

Thank you so much for this tutorial, it’s nice to have some inspiration once in a while. It was nice to see your update in my RSS feed after so long. Keep em coming.
Where did you get that wood texture/pattern my friend?
~CH

Pingback from Weekly Hot Photoshop Tutorials (#1) » Free Photoshop Tutorials and Resources
Time March 28, 2008 at 5:42 am

[...] Royal Interface at Photoshop [...]

Comment from KPrints
Time April 2, 2008 at 4:38 pm

What is the name of that font? is kind of old english….

Great tut by the way.

Comment from User2
Time April 2, 2008 at 9:04 pm

Great tutorial. Nope I do not know the name of this font either.

http://www.KPrints.com

Comment from Dino
Time April 4, 2008 at 9:19 am

Hi nice tutorial by the way. I have two questions:
1.where did you get that pattert in the background?
2. where can I get the background?

Comment from vidya
Time April 12, 2008 at 1:41 am

wow…. nice tutorial:)THANKS A LoT!

Pingback from Photoshop basics and more « All About The Web
Time April 16, 2008 at 4:30 am

[...] A great start for modern interfaces @ Pstut [...]

Comment from Aleron
Time April 24, 2008 at 12:56 am

Hey Michael

I really like this background with the lighting effect – is it to do?

Jason

Comment from Tim Dobson
Time April 24, 2008 at 1:02 pm

Sweet and well designed

Comment from Micky
Time May 21, 2008 at 3:17 pm

It’s funny

Pingback from Best of the Web | www.brand-forge.com
Time June 12, 2008 at 3:00 pm

[...] Royal Interface This tutorial uses some of Photoshop’s basic vector shape tools. It blends in some layer styles. The results are simple, but have a professional modern feel. The techniques covered in this tut could be used to make a fun website design. Visit Tutorial [...]

Comment from Ja2
Time June 29, 2008 at 12:24 pm

Hey guys, I found a wood texture closely related to this texture used. All u have to do is import the picture in photoshop then, rotate it 90 ccw and then save it as a pattern.

P.S. Add me on msn at jathu_6@hotmail.com

Comment from Ja2
Time June 29, 2008 at 12:33 pm

Btw. The font bieng used is Parchment for the head title!!! P.S. Add me on msn at jathu_6@hotmail.com

Comment from webmaster
Time July 18, 2008 at 10:59 am

Tnks man..

Pingback from New Theme for this site » HirdWeb
Time August 16, 2008 at 9:56 pm

[...] Royal Interface – gave me ideas and help how to do things [...]

Comment from Raj
Time September 22, 2008 at 4:56 am

very nice tutorial. I really love the pattern and colors

Graphic Design Tutorials | Web Design, Icons, Logos, Text Effects

Do More on Photoshop Tutor

Other Resources

Royal Interface – Photoshop Graphic Design Tutorial 17

18 Responses to “Royal Interface – Photoshop Graphic Design Tutorial 17”