Jump to content


Photo

Interface Orbs - Long and Image Heavy


162 replies to this topic

#1 -Expiration-

-Expiration-
  • Members
  • 1,174 posts
  • LocationNice try, stalker.
  • Reputation:0

Posted 06 January 2008 - 08:41 PM

Note: Since this is my first tut, as requested by Bugster, it might be a little confusing, but I hope it is good enough.
Also, I like to use (x,y) coordinates a lot when doing my pieces. You can find these in the bottom right corner of the screen.

Plugins needed:
Align Object
Transparency
1. Make a new canvas (duh). Any size you want, but its better if its a square. I will be using 600 x 600 (the largest that will fit on my screen at 100% zoom).

2. Add a new layer, name it "Base", and using the Ellipse tool on "Draw filled shape", draw a dark gray circle from (100,100) to (500,500) while holding shift.

Posted Image

3. Using Magic Wand set to 0% tolerance, select the outside of the circle. Invert the selection (Ctrl + I).

Posted Image

4. Add a new layer, name it Base Gradient. You should still have the circle selected.
Using black/white for your fore/background colors respectively, draw a gradient from the bottom edge of the
canvas to the top.
Set the Layer Blending Mode to Glow.

Posted Image

5. Add a new layer, name it Base Bevel. You should still have the circle selected. Using the Ellipse tool on "Draw shape outline" with a width of 15,
draw a circle from (105,105) to (495,495) while holding shift.

Posted Image

6. Gaussian Blur this layer by 15. Set the Transparency to about 20% Transparent.

Posted Image

7. Add a new layer, call it Base Brushed Metal. Fill your selection with black, add noise with 64 Intensity, 0 Color Saturation, and 100 Coverage.
Motion Blur this at a 0 degree angle with 50 Distance. Make sure Centered is checked.

Posted Image

Set the Layer Blending Mode to Negation.

8. Now add a new layer and call it Picture. This layer is where you are going to have what is shown in the center.
For this tutorial, I will be using a slightly adjusted Paint.NET logo.
Make sure it is a circle, and center it using Align Object.

Posted Image

9. Now, we want to make the inset object look shiny, so we are going to add a few reflections.
Make a new layer and call it Radial Reflection. Using the Ellipse Select tool, select a circular area a few
pixels smaller than your picture.

Posted Image

10. Using white as your foreground color and a fully transparent color for your background, draw a radial gradient
from the middle-bottom of your selection towards the top edge of the canvas.

Posted Image

11. Deselect and Gaussian Blur at 15. Set the Transparency to about 20% Transparent.

Posted Image

12. Make a new layer and call it Circular Reflection. Draw a white filled circle at the top of your picture.

Posted Image

13. Using a transparency gradient, draw a linear gradient from about 1/3 of the white circle to the bottom of the circle.
Then set the Transparency to about 50% Transparent.

Posted Image

14. On a new layer called Rectangular Reflections, draw four filled rectangles spaced evenly side by side.
Then draw another four filled shorter rectangles above them.

Posted Image

Align Object Horizontal.
15. Use Bulge at 100 in the center.
Posted Image

Then use a -100 Bulge towards the sides of the rectangles.
Posted Image
Posted Image

You should have something like this.

Posted Image

16. Using a transparency gradient, draw a vertical linear reflected gradient from the center of the picture to the outside edge.

Posted Image

17. Now use a transparency gradient and draw a horizontal linear reflected gradient from the center of the reflection outwards.

Posted Image

Adjust the Transparency if needed (to make it less harsh).
Adjust the Rectangular Reflection so it is a little below the circular reflection.

18. Create a new layer and call it Bottom Right Shadow. Go to the layer Picture and with the magic wand set at 0% tolerance, select the outer parts and invert the selection.
On the layer Bottom Right Shadow, use the Ellipse Select tool set in subtract mode and make a small crescent selection in the bottom right corner. Fill it with black.

Posted Image

19. Select the picture again by using the magic wand at 0% tolerance and inverting the selection, then go to Bottom Right Shadow, and Gaussian Blur at 12.

Posted Image

20. Now for the Top Left Shadow. So make a new layer and name it that. Then repeat step 18, except make a larger crescent selection, but in the top left corner.
Then repeat step 19, but Gaussian Blur at 30.

21. Time to make it look "inset." Make a new layer, and call it Inset Dark. Using the ellipse tool at Draw Shape Outline and a pixel width of 15,
draw a circle that partly covers the edges of your picture.

Posted Image

22. Duplicate the layer and name the duplicate Inset Light. Use Brightness and Contrast to turn this circle white.

Posted Image

23. Use a transparency linear gradient from the bottom right corner of your canvas to the top left of your canvas.

Posted Image

After a resize (to smooth out the edges a little), and a little more adjustment, here was my finished product:

Posted Image
  • 0

Call me expired. Please.
Posted Image
[ .: expiredConcepts :. ]
[ Inset Glass Orb ] [ Helio "Ignite" Sig ]
Don't go counting your chickens before the pack of rabid ravaging foxes attacks. -Sozo


#2 xk3arasxarykx

xk3arasxarykx
  • Members
  • 42 posts
  • Reputation:0

Posted 06 January 2008 - 09:04 PM

Very nice! I like it :]
  • 0
Posted Image

#3 Ace Jon

Ace Jon
  • Members
  • 59 posts
  • Reputation:0

Posted 06 January 2008 - 09:10 PM

It's beautiful. I'll have to try it sometime.
  • 0
I'm from OneClick Wi-Fi, a Nintendo WFC community site.
Unofficial Paint.NET IRC chat | Server: irc.initialized.org | Room: #paintdotnet
If you don't have an IRC client, you can also access initialized IRC here.

#4 ncfan51

ncfan51
  • Members
  • 2,561 posts
  • Reputation:0

Posted 06 January 2008 - 09:19 PM

I said it before, and I am going to say it again: Simply beautiful. I have to try this sometime.
  • 0

Posted Image

+_+_+_+_+_+_+_+_+_+_+_+ I am a disco dancer. +_+_+_+_+_+_+_+_+_+_+_+


#5 -Expiration-

-Expiration-
  • Members
  • 1,174 posts
  • LocationNice try, stalker.
  • Reputation:0

Posted 06 January 2008 - 09:20 PM

Thanks guys!
Post your results when you get around to it!
:D
  • 0

Call me expired. Please.
Posted Image
[ .: expiredConcepts :. ]
[ Inset Glass Orb ] [ Helio "Ignite" Sig ]
Don't go counting your chickens before the pack of rabid ravaging foxes attacks. -Sozo


#6 MiguelPereira

MiguelPereira
  • Members
  • 821 posts
  • LocationPortugal
  • Reputation:1

Posted 06 January 2008 - 09:31 PM

Really good and you have some nice avatar and sig
  • 0

#7 -Expiration-

-Expiration-
  • Members
  • 1,174 posts
  • LocationNice try, stalker.
  • Reputation:0

Posted 06 January 2008 - 09:35 PM

Thanks, you too. :mrgreen:
  • 0

Call me expired. Please.
Posted Image
[ .: expiredConcepts :. ]
[ Inset Glass Orb ] [ Helio "Ignite" Sig ]
Don't go counting your chickens before the pack of rabid ravaging foxes attacks. -Sozo


#8 scoopvideo

scoopvideo
  • Members
  • 239 posts
  • LocationNetherlands
  • Reputation:0

Posted 06 January 2008 - 09:52 PM

I'm making one, i'm at step 8 but need to go..
  • 0
Back.

#9 thehamster

thehamster
  • Members
  • 258 posts
  • LocationSarasota, Florida
  • Reputation:0

Posted 06 January 2008 - 09:57 PM

:shock:
Posted Image
the effect isn't as good with a black image, but overall great tut :D
:mtdew: :mtdew: :mtdew: :mtdew:
  • 0

#10 -Expiration-

-Expiration-
  • Members
  • 1,174 posts
  • LocationNice try, stalker.
  • Reputation:0

Posted 06 January 2008 - 10:23 PM

Nice result!
And thanks. :D :mtdew: :mtdew: :D
  • 0

Call me expired. Please.
Posted Image
[ .: expiredConcepts :. ]
[ Inset Glass Orb ] [ Helio "Ignite" Sig ]
Don't go counting your chickens before the pack of rabid ravaging foxes attacks. -Sozo


#11 Ace Jon

Ace Jon
  • Members
  • 59 posts
  • Reputation:0

Posted 06 January 2008 - 10:29 PM

Here's mine, took a long time:

Posted Image
  • 0
I'm from OneClick Wi-Fi, a Nintendo WFC community site.
Unofficial Paint.NET IRC chat | Server: irc.initialized.org | Room: #paintdotnet
If you don't have an IRC client, you can also access initialized IRC here.

#12 -Expiration-

-Expiration-
  • Members
  • 1,174 posts
  • LocationNice try, stalker.
  • Reputation:0

Posted 06 January 2008 - 10:33 PM

Very nice result!
I'm surprised people could follow my tut, since it seems a little confusing to me (the way I wrote it).
  • 0

Call me expired. Please.
Posted Image
[ .: expiredConcepts :. ]
[ Inset Glass Orb ] [ Helio "Ignite" Sig ]
Don't go counting your chickens before the pack of rabid ravaging foxes attacks. -Sozo


#13 Mike Ryan

Mike Ryan
  • Competition Hosts
  • 4,266 posts
  • Reputation:10

Posted 06 January 2008 - 11:46 PM

Wow. Simply wow. I had a huge idea, and now I will easily be able to create a model of it using PDN. Now, one more tut request: The swirls of paint in your sig :D
  • 0

Posted Image


#14 Geoff

Geoff
  • Members
  • 65 posts
  • LocationPerth, Australia
  • Reputation:0

Posted 07 January 2008 - 02:01 AM

Excellent effort in creating a very effective tut :D

Geoff
  • 0

Posted Image


#15 -Expiration-

-Expiration-
  • Members
  • 1,174 posts
  • LocationNice try, stalker.
  • Reputation:0

Posted 07 January 2008 - 02:04 AM

Thanks for all the positive feedback. :mrgreen:
The paint swirls though are fairly easy, I will try and remake them soon.
  • 0

Call me expired. Please.
Posted Image
[ .: expiredConcepts :. ]
[ Inset Glass Orb ] [ Helio "Ignite" Sig ]
Don't go counting your chickens before the pack of rabid ravaging foxes attacks. -Sozo


#16 david.atwell

david.atwell

    2013 Real Estate Award Winner

  • Moderators
  • 1,692 posts
  • LocationIndianapolis, IN (39°46′5.88″N 86°9′29.52″W)
  • Reputation:188

Posted 07 January 2008 - 02:09 AM

Excellent tutorial! Keep 'em coming!
  • 0

stargatesig.png

The Doctor: There was a goblin, or a trickster, or a warrior... A nameless, terrible thing, soaked in the blood of a billion galaxies. The most feared being in all the cosmos. And nothing could stop it, or hold it, or reason with it. One day it would just drop out of the sky and tear down your world.
Amy: But how did it end up in there?
The Doctor: You know fairy tales. A good wizard tricked it.
River Song: I hate good wizards in fairy tales; they always turn out to be him.


#17 -Expiration-

-Expiration-
  • Members
  • 1,174 posts
  • LocationNice try, stalker.
  • Reputation:0

Posted 07 January 2008 - 02:30 AM

Thanks! :P
  • 0

Call me expired. Please.
Posted Image
[ .: expiredConcepts :. ]
[ Inset Glass Orb ] [ Helio "Ignite" Sig ]
Don't go counting your chickens before the pack of rabid ravaging foxes attacks. -Sozo


#18 TheSwimmer

TheSwimmer
  • Members
  • 102 posts
  • Reputation:0

Posted 07 January 2008 - 02:39 AM

You might want to put a link to the required plugins so people don't end up bugging you here... excellent tutorial 9/10
  • 0
Posted Image

#19 -Expiration-

-Expiration-
  • Members
  • 1,174 posts
  • LocationNice try, stalker.
  • Reputation:0

Posted 07 January 2008 - 04:32 AM

Ok.
I'll fix that right now.
Thanks for the tip. :)
  • 0

Call me expired. Please.
Posted Image
[ .: expiredConcepts :. ]
[ Inset Glass Orb ] [ Helio "Ignite" Sig ]
Don't go counting your chickens before the pack of rabid ravaging foxes attacks. -Sozo


#20 Olli

Olli
  • Members
  • 1,536 posts
  • LocationBelguim , Lier
  • Reputation:0

Posted 07 January 2008 - 03:08 PM

Very good , il try soon
  • 0

Posted Image

wear our signature and earn 50 studiocredits. pm me your username if you want to participate.