MUHAKEME.NET FORUMU

Değerlendirme

İsterseniz bu Konuyu buradan değerlendirebilirsiniz.

Konuyu Yanıtla

Interface Orbs konusuna gelişmiş panelde (zengin editör) yanıt.

Kullanıcı isminiz:	Giriş yapmak için Buraya tıklayın

Human Verification

[QUOTE=alptraum;21313][B]
[FONT=trebuchet ms]Interface Orbs[/FONT][/B]
 
[FONT=trebuchet ms] Shiny glass orbs have been popular fixtures for web interfaces and application skins for quite some time. In this tutorial, we will be going over a technique for making a standard interface orb.[/FONT]
 
             [img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms] [/FONT][img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms] [/FONT][img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms] [/FONT][img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms] [/FONT]
       
[FONT=trebuchet ms]             Spreadshirt[/FONT]
  [FONT=trebuchet ms][CENTER] [URL="http://www.spreadshirt.com/index.php?id=974&source=spoono&affiliate=6536"][img]http://www.muhakeme.net/clear.gif[/img][/URL][/FONT][/CENTER]

[img]http://www.muhakeme.net/clear.gif[/img]
     [img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms] Open a new document (250x250 pixels was used in this example) and choose the Circular Marquee Tool. We need to first make a metallic background object, so hold [/FONT][B]Shift[/B][FONT=trebuchet ms] and create a circle. Create a new layer named [/FONT][I]One[/I][FONT=trebuchet ms] and fill your circle with dark gray (such as #333333). Keep your selection and make a new layer named [/FONT][I]Two[/I][FONT=trebuchet ms] above it. Go [/FONT][B]Select>Modify>Contract[/B][FONT=trebuchet ms] 2 pixels, then go [/FONT][B]Select>Modify>Feather[/B][FONT=trebuchet ms] 5 pixels. Select a middle gray (such as #666666) as your foreground color. Fill your selection by hitting [/FONT][B]Alt+Backspace[/B][FONT=trebuchet ms] (Mac: Option+Delete). Create a third layer above named [/FONT][I]Three[/I][FONT=trebuchet ms] while keeping your selection. Choose white as your foreground color and select the Linear Gradient Tool. Make sure the Foreground to Transparent setting is selected. Click and drag from the top to the bottom of the selection (holding [/FONT][B]Shift[/B][FONT=trebuchet ms]) to fill in the gradient. Last, to brighten it up a little more, duplicate [/FONT][I]Three[/I][FONT=trebuchet ms] by going [/FONT][B]Layer>Duplicate Layer[/B][FONT=trebuchet ms], then hit [/FONT][B]Ctrl+E[/B][FONT=trebuchet ms] (Command+E) to merge the layer down. Phew, now that we have some metal, we can begin.[/FONT]
 
                    [img]http://www.muhakeme.net/clear.gif[/img]
     [img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms]    Create a new layer above what you have so far named [/FONT][I]Four[/I][FONT=trebuchet ms]. Use the Circular Marquee Tool to create a smaller circle (holding [/FONT][B]Shift[/B][FONT=trebuchet ms]). Fill the circle with a blue (such as #6699dd). [/FONT]
 
                    [img]http://www.muhakeme.net/clear.gif[/img]
     [img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms]    Hold [/FONT][B]Ctrl[/B][FONT=trebuchet ms] (Command) and click the new layer button to create a new layer below [/FONT][I]Four[/I][FONT=trebuchet ms]. Name this one [/FONT][I]SubFour[/I][FONT=trebuchet ms]. Go [/FONT][B]Select>Modify>Expand[/B][FONT=trebuchet ms] 2 pixels. Now click on and choose Gradient Fill. Use a black to white gradient with [/FONT][URL="http://www.spoono.com/photoshop/tutorials/orbs/dia1.gif"]these settings[/URL][FONT=trebuchet ms]. Turn the opacity of [/FONT][I]SubFour[/I] down to 80%.
 
                    [img]http://www.muhakeme.net/clear.gif[/img]
     [img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms]    Next, go back to layer [/FONT][I]Four[/I][FONT=trebuchet ms], right-click it and apply a Blending Options Inner Glow with [/FONT][URL="http://www.spoono.com/photoshop/tutorials/orbs/dia2.gif"]these settings[/URL][FONT=trebuchet ms]. Then, apply an Inner Shadow with [/FONT][URL="http://www.spoono.com/photoshop/tutorials/orbs/dia3.gif"]these settings[/URL][FONT=trebuchet ms]. Now comes a rather experimental part. Create a new layer above [/FONT][I]Four[/I][FONT=trebuchet ms] called [/FONT][I]Dodge[/I][FONT=trebuchet ms] set the Blending Mode to Linear Dodge. Choose the Brush Tool with a 100 pixel brush with 10% Hardness and Flow of 40%. Hold [/FONT][B]Ctrl[/B][FONT=trebuchet ms] (Command) and click layer [/FONT][I]Four[/I][FONT=trebuchet ms] to load it as a selection. Choose a turquoise color (such as #2d8e97) and fill in this layer until you get a nice dodge effect. To do this, you will likely need to use some lighter colors as well for the bottom area. If needed, turn down the layer's opacity to around 80%. After you are satisfied, hit [/FONT][B]Ctrl+E[/B][FONT=trebuchet ms] to merge this layer into [/FONT][I]Four[/I][FONT=trebuchet ms].[/FONT]
 
                    [img]http://www.muhakeme.net/clear.gif[/img]
     [img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms]    Create a new layer on top called [/FONT][I]Five[/I][FONT=trebuchet ms]. Hold [/FONT][B]Ctrl[/B][FONT=trebuchet ms] (Command) and click on [/FONT][I]Four[/I][FONT=trebuchet ms] to load it as a selection. Fill this area with white. Hit [/FONT][B]Ctrl+D[/B][FONT=trebuchet ms] (Command+D) to deselect. Set the Blending Mode to Overlay. Hit [/FONT][B]Ctrl+T[/B][FONT=trebuchet ms] to bring up the Free Transform box. Hold [/FONT][B]Shift[/B][FONT=trebuchet ms] and shrink the selection from a bottom corner to look like the sample to the left. Go [/FONT][B]Filter>Blur>Gaussian Blur[/B] width a radius of 2.8 pixels. Decrease the layer's opacity to 40% or as necessary.
 
                    [img]http://www.muhakeme.net/clear.gif[/img]
     [img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms]    Next, create a new layer on top called [/FONT][I]Six[/I][FONT=trebuchet ms]. Hold [/FONT][B]Ctrl[/B][FONT=trebuchet ms] (Command) and click [/FONT][I]Four[/I][FONT=trebuchet ms] to load it as a selection. Fill the selection with a light teal (such as #80f2e1). Hit [/FONT][B]Ctrl+D[/B][FONT=trebuchet ms] (Command+D). Hit [/FONT][B]Ctrl+T[/B][FONT=trebuchet ms] (Command+T) to pull up Free Transform and contract the shape to look like the picture to the left. Go [/FONT][B]Filter>Blur>Boxed Blur[/B][FONT=trebuchet ms] with a 5 pixel radius (if you have an older version of Photoshop, a Gaussian blur as done above will work). Set the Blending Mode of the layer to Soft Light and the opacity to 75%.[/FONT]
 
                    [img]http://www.muhakeme.net/clear.gif[/img]
     [img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms]    Create a new layer named [/FONT][I]Seven[/I][FONT=trebuchet ms]. Use the Rectangular Marquee Tool to create a rectangular box. Fill it with white by selecting white as the foreground color and hitting [/FONT][B]Alt+Backspace[/B] (Option+Delete). Then, use the Rectangular Marquee to select a narrow rectangle in the middle and hit [B]Delete[/B][FONT=trebuchet ms] to clear the area. Do the same with a thin horizontal rectangle until you have four boxes like the left.[/FONT]
 
                    [img]http://www.muhakeme.net/clear.gif[/img]
     [img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms]    To spherize the white boxes, open up Liquify by hitting [/FONT][B]Shift+Ctrl+X[/B] (Shift+Command+X). Make sure the Show Backdrop box is selected in the bottom right. This is difficult to explain, and I encourage you to experiment with Liquify to come up with a result you like. I started by selecting a 400 radius brush and using Pucker by clicking above and directly in the middle of the boxes and dragging up a little. Then I selected a brush with radius 172, and clicked on the middle of the boxes with Bloat to inflate them a bit. Then, I moved the brush to enclose all of the blue area and clicked a bunch to move the boxes up and bend them. When I was finally done, I also created a layer above [I]Seven[/I][FONT=trebuchet ms], loaded the selection from [/FONT][I]Seven[/I][FONT=trebuchet ms] and filled it with a Foreground to Transparent gradient using white as the foreground color. I set the opacity of this layer to 90%. Then, I deleted the original layer [/FONT][I]Seven[/I][FONT=trebuchet ms].[/FONT]
 
                       [URL="http://www.spoono.com/photoshop/tutorials/orbs/orbs.psd"][img]http://www.muhakeme.net/clear.gif[/img][/URL]
     [img]http://www.muhakeme.net/clear.gif[/img][FONT=trebuchet ms] That's it! I added a Spoono logo on top for fun. You may click the image to the left to download the Photoshop file I created in this example. I hope you orb-sorbed everything this tutorial had to offer.[/FONT][/QUOTE]

Trackback:

Send Trackbacks to (Separate multiple URLs with spaces) :

Diğer Seçenekler
Diğer Ayarlar Linkleri otomatikmen URL´e cevir Automatically retrieve titles from external links