Step 29: Creating the lamp shade of our lamp
We’ll create a lamp that sort of illuminates our featured work, which is not only symbolic of what the featured area means, but also to bring more attention to this section of the web layout. Select the Rounded Rectangle Tool (U) and create a rounded rectangle like the one from the following image using the color #9ce340 .
Make sure that the vector mask of this layer is selected, click on the Exclude overlapping shape areas button from the Options bar and drag a new rectangle over the bottom half of the first one to erase that area. Take a look at the following image for reference.
Then double-click on this layer and use the settings from the image below to add Inner Glow , Bevel and Emboss , Gradient Overlay and Stroke layer styles.
步骤29:为我们的灯创建灯罩
我们将按顺序创建一盏灯,照亮我们的特色工作,这不仅是在的特色区域的符号,也希望带来更多的关注这部分的网络布局。选择圆角矩形工具(U)创建一个圆角矩形 (439,168,141,39),半径设置为15px ,像下面的图片,颜色: #9ce340。
单击选择这层的矢量蒙版,在选项栏上选择“从形状区域减去”按钮,并拖动一个新的矩形的在前一个矩形的下半部分,达到删除的目的。就像下面的图片一样。 和之前做的纸片折角的做法是一样的。
然后双击这一层,从下面的图像中添加内发光,斜面和浮雕,渐变叠加和描边的图层样式。
描边的颜色: #84b93d
Step 30: Giving our lamp a nice gradient overlay
Duplicate the layer which you have created at the previous step (Ctrl/Cmd + J) and set its fill to 0% . Right-click on this layer and select Clear Layer Style .
Then double-click on it and use the settings from the following image for Gradient Overlay .
步骤30:给我们的灯一个漂亮的渐变叠加
复制在上一步创建的图层(按Ctrl / Cmd+ J),设置其填充为%。在该图层上单击鼠标右键,选择清除图层样式。
然后双击它,按照下图设置渐变叠加。
渐变编辑器的颜色: #535b5e、#fefefe、#535b5e、#fefefe、#535b5e。
Step 31: Add another gradient overlay on the lamp shade
Duplicate the layer from the previous step (Ctrl/Cmd + J) and use the settings from the following image for Gradient Overlay .
步骤31:给灯罩添加另一个渐变叠加
复制上一步的图层(按Ctrl / Cmd+ J),并按照下图设置渐变叠加。
Step 32: Add noise to the lamp shade
Add some noise to the lamp to give it a bit of texture using the same technique which you have used for the paper at the Step 11. Set the blend mode of this noise layer to Multiply and set the layer opacity to 15% .
步骤32:给添加杂色
给灯添加一些杂色,给它一点的质地,就像在第11步中对纸张使用的技术的技术一样。这种杂色层设置混合模式为正片叠底,并设置图层不透明度为15%。
Step 33: Giving the lamp shade some depth
Duplicate the layer which you have created at the Step 29 (“Shape 1″) and put it above the “noise” layer.
Clear the layer style and change the color of this shape to #eef8e2 .
Go to Edit > Free Transform (Ctrl/Cmd + T) and decrease the width of the shape as you see in the image below.
Add a mask to this layer (Layer > Layer Mask > Reveal All), select the Gradient Tool (G) and drag a black to transparent gradient from the bottom to the middle of this shape.
Name this layer “ highlight ” and set its blend mode to Overlay and layer opacity to 20% .
步骤33:给灯罩一些深度
复制在步骤29中创建的图层,并把它移到图层noise的上面。
清除图层样式,并改变这种形状的颜色:#eef8e2。
点击:编辑 > 自由变换(Ctrl / Cmd的+ T),并减少宽度的形状,当就像你看到的下图。
给这一层(点击:图层 > 图层蒙版 > 显示全部)添加蒙版,选择渐变工具(G),并选择一个黑色到透明的渐变,从这形状的底部到中间拖动渐变。
命名此层为highlight,并设置其混合模式为叠加,图层不透明度为20%。
Step 34: Creating a light bulb
What would a lamp be without a light bulb? Create a new layer beneath the “Shape 1″ layer, select the Ellipse Tool (U) and create a circle (hold down the Shift key to create a perfect circle) using the color #f6f3a2 .
Name this layer “ light bulb “, double-click on it and use the settings from the following image for Inner Glow , Gradient Overlay , and Stroke layer styles.
步骤34:创建一个灯泡
没有灯泡的灯怎么能算灯呢? 在shade层下方创建一个新层,选择椭圆工具(U)创建一个圆(按住Shift键,以创建一个完美的圆圈),颜色: #f6f3a2。
命名此层为 light bulb ,双击它按照下图设置内发光、渐变叠加、描边的图层样式。
查看更多关于PS网页设计教程XV——如何在Photoshop中创建一个充满活力的作品集的网页设计的详细内容...