Photoshop中设计内容盒阴影效果

忧郁得胖子

忧郁得胖子

2016-02-19 16:21

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Photoshop中设计内容盒阴影效果,希望大家看完后也有个好心情,快快行动吧!

最终效果图:

Photoshop中创建内容盒阴影效果

具体的创建步骤如下:

一、新建一个文档,640像素宽、480像素高,白色背景。接下来新建一个图层,填充为#e2e2e2,重命名为bg,在图层面板中右键单击bg图层,选择转换为智能物件(Convert to Smart Object)。然后给该图层应用滤镜(Filter)杂色(Noise)添加杂色(Add Noise)命令。各项参数设置如下图所示:

Photoshop中创建内容盒阴影效果

二、新建一个图层,命名为box,选择矩形工具(U),画一个500像素宽,120像素高的矩形,颜色选择白色(#ffffff)。之后应用如下图层样式,其中描边颜色选择#f2f2f2。

Photoshop中创建内容盒阴影效果

Photoshop中创建内容盒阴影效果

最终效果如下图:

Photoshop中创建内容盒阴影效果

三、新建一个图层,命名为shadow-right,选择矩形工具(U),画一个宽200像素,高50像素的矩形,颜色为黑色(#000000)。在图层面板中同时选择box图层和shadow-right图层,然后选择移动工具,使用工具属性栏中的底部对齐(align bottom edges)和右侧对其(align right edges)按键,将阴影图层放置于内容盒图层的右下角。如下图所示:

Photoshop中创建内容盒阴影效果

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

然后在图层面板中选择shadow-right图层的矢量蒙版缩略图,如下图:

Photoshop中创建内容盒阴影效果

选择直接选择工具,在shadow-right图层的右下角单击,这时图层的锚点会显示出来,在右下角的锚点上单击,使用键盘上的方向键,让其向下移动7个像素,然后框选右上角和右下角的锚点,同样使用方向键让矩形的右侧边缘向左侧移动3个像素。现在选择移动工具将shadows-right图层拖动到box图层的下方。效果如下图:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

Photoshop中创建内容盒阴影效果

四、现在在图层面板中右键单击shadow-right图层,选择转换为智能物件(Convert to Smart Object)命令,将图层转换为智能物件,然后在菜单栏上选择滤镜(Filter)模糊(blur)高斯模糊(Gaussian Blur),参数如下图:

Photoshop中创建内容盒阴影效果

之后给此图层添加蒙版,如下图:

Photoshop中创建内容盒阴影效果

然后选择渐变工具(G),按住shift键,给shadow-right图层应用一个从黑色(#000000)到透明的水平渐变,之后将图层的不透明度调整到30%。这样就完成了内容盒右侧阴影的设计,最终效果如下图:

Photoshop中创建内容盒阴影效果

同理,你可以按照上面的方法做出左边的阴影效果。

展开更多 50%)
分享

猜你喜欢

Photoshop中设计内容盒阴影效果

设计创意
Photoshop中设计内容盒阴影效果

Photoshop中创建内容盒阴影效果

PS PS基础
Photoshop中创建内容盒阴影效果

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Photoshop创建内容盒阴影效果

PS PS基础
Photoshop创建内容盒阴影效果

Photoshop制作生动逼真的字体阴影效果

PS PS基础
Photoshop制作生动逼真的字体阴影效果

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Word中设置艺术字的阴影效果

电脑入门
Word中设置艺术字的阴影效果

网站设计中衬线阴影线的使用

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网站设计中衬线阴影线的使用

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

国外优秀海报设计收集

国外优秀海报设计收集

Photoshop绘制五彩透明的球形图标

Photoshop绘制五彩透明的球形图标
下拉加载更多内容 ↓