首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

Glass Ball

[ 作者来源:lunacore 编辑整理:PhotoShop资源网 更新时间: 2006-07-18 录入: 黄叶飞扬 ]

Introduction

Let me first start by saying that this Photoshop tutorial is spread over two pages. Click on 2 (top or bottom) to go to the second page.

In this tutorial we're going to make a glass ball. The main goal of this Photoshop tutorial is that you get an idea how to approach this. It's not that important to remember all settings, but it's more important that you understand what's exactly happening.

The tutorial is divided into 5 main areas:

  • Preparing the background and drawing the basic shape (step 1 and 2)
  • Filling the shape with gradients and layer styles (step 3 to 6)
  • Adding a highlight (step 7)
  • Adding a shadow (step 8)
  • Adding distortions (step 9)

1. Prepare the document

Save the following file called Newspaper on your computer (right click on the link and select in Windows Save Target As...).

For this tutorial I've chosen to go for a rather small file (640x480 pixels), just to make it easier for you to see what you're doing.

Open the file in Photoshop. Add a new layer by clicking on the Create a new layer icon 按此在新窗口浏览图片.
Grab the Elliptical Marquee tool 按此在新窗口浏览图片 from your toolbar and make a selection (hold down the shift key before you make the selection to make the selection a perfect circle) somewhere in the area and with the size that I'm showing here:

按此在新窗口浏览图片

2. Fill the selection with the base color of the glass ball

Click on the foreground color in the tool bar marked with red in this screenshot:

按此在新窗口浏览图片

In the Color Picker window that opens you enter the value D6D3C0 in the area marked with A:

按此在新窗口浏览图片

Grab the Paint Bucket Tool 按此在新窗口浏览图片and fill the selection with this color.
Press Ctrl +D (Command + D on the Mac) to get rid of the selection. You can also use the menu to do this: Select/Deselect.

3. Add a layer style

Go to the layers palette and click on the Add a Layer Style icon 按此在新窗口浏览图片and select Inner Shadow and use the settings shown here (watch out: the color white is selected):

按此在新窗口浏览图片

 

The result should look like this:

按此在新窗口浏览图片

4. Add a gradient

Add a new layer by clicking on the Create a new layer icon 按此在新窗口浏览图片.

Clip this layer with the layer underneath by pressing Ctrl + G (Command + G on the Mac) or or Ctrl + Alt + G (Command + Option + G on the Mac) if you use Photoshop CS2.

A clipping layer only affects the layer underneath. You'll see soon what I mean.

Change the background color in the tool bar and use the following color: 65645F. We're now going to draw a gradient using the current fore- and background colors. Select the Gradient Tool in the toolbar 按此在新窗口浏览图片 (if it's not visible, then look under the Paint Bucket tool 按此在新窗口浏览图片).

Take a short look at the next screenshot. Make sure that a linear gradient 按此在新窗口浏览图片 (B) is selected in the options bar at the top and that the option Reverse (C) is selected. (mode should be normal, opacity 100%, dither and transparency should be both selected, but in most cases they're probably already having the right values)

 按此在新窗口浏览图片  

If you don't see a gradient that uses your colors at A which should look like this 按此在新窗口浏览图片 , then double click on the gradient in the options bar (A) and select the gradient from the list (most likely the first one) and click OK.

Start in the middle where you see the red dot and end where you see the blue dot Just before the area where the main color is getting lighter).

按此在新窗口浏览图片

 

The result should look like this:

按此在新窗口浏览图片

Press the letter D on your keyboard, which makes the foreground color black, the background color white:按此在新窗口浏览图片

Add a Layer Mask to this layer by clicking on the Add Layer Mask icon 按此在新窗口浏览图片. Don't you worry if the fore and background switch when you do this, this is normal behavior. Note: If the fore- and background colors look like this 按此在新窗口浏览图片 after you added the mask, then everything is ok. If they are switched, then just click on the double arrow points icon 按此在新窗口浏览图片 to correct this.

The Gradient Tool is still active, but this time we need a Radial Gradient. Select the Radial Gradient 按此在新窗口浏览图片 in the options bar (the one beside the linear gradient (marked B in our previous screenshot of the options bar))

With the layer mask still active (It will have a double border), create a radial gradient by starting in the middle and stopping at the outher edge of our circular shape.

By this time we should you have something like this:

按此在新窗口浏览图片

5. Add more layer styles

按此在新窗口浏览图片We're now going to duplicate our Layer 1.
Click on its icon in the layers palette, hold down the mouse button and drag (A) the layer to the Create a new layer icon 按此在新窗口浏览图片 and release the mouse button.

Note: it turns out that Photoshop CS2 changes Layer 2 back to a normal layer, one that is not clipped, when we move Layer 1. To correct that make sure Layer 2 is active and press Ctrl + Alt + G (Command + Option + G on the Mac). Again, this should only be done in Photoshop CS2.

The next step is to move this duplicate (that has now become the layer with name Layer 1) to the top of our layers palette; click on Layer 1 and drag (B) it all the way up until you notice a dark black line appearing above the top layer. At that moment release the mouse button.

按此在新窗口浏览图片

Make sure that Layer on (our new top layer) is active (you will notice the 按此在新窗口浏览图片in front of it).

Set the Fill of this layer to 0% (A) and then double click on the Layer Style icon 按此在新窗口浏览图片(B) to modify the Layer Style of this layer:

按此在新窗口浏览图片

Use the following effects settings for the layer style. Make sure that all settings are exactly the same, including color or blending mode settings.

Inner Shadow
(pay special attention to the option Use Global Light, because it's not selected!)

按此在新窗口浏览图片

Inner Glow

按此在新窗口浏览图片

After this our image should look something like this:

按此在新窗口浏览图片

6. Add more volume

Add a new layer by clicking on the Create a new layer icon 按此在新窗口浏览图片.

Select the Brush Tool 按此在新窗口浏览图片 in the tool bar.
Click on the area of the options bar that I've marked in red and select a 150px brush, with a hardness of 0%, which is the softest brush you can use.

按此在新窗口浏览图片

 

Set the foreground color to white.
Click once with this brush exactly in the middle of this new layer (Layer 3). Now go to the menu and select Filter/Effects/Gaussian Blur... and select a radius of 25 and click OK.

Note: because we've blurred the white dot, white pixels might appear outside the area that we have defined as our glass ball, so we have to get rid of it. It's quite simple and we're going to use a little 'trick' for that.

With the top layer (Layer 3) still active we Ctrl + click (Command + click on the Mac) on the thumbnail of the layer underneath this layer (Layer 1) which will load it's shape (the ball) as a selection and all we have to do now is to click on the Add Layer Mask icon 按此在新窗口浏览图片and we've got rid of all white pixels outside our glass ball.

Now change the opacity of this layer to 30%. This screenshot also shows how your layer palette should look like at this moment:

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!