photoshop网页常见的图片投影效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下网页常见的图片投影效果的制作教程。

教程分享:

 


 


 


看完后注意到了共同点没有?没错,上面这些图都有个共同点就是点缀了整个界面的精致阴影~

这就是本教程要分享给大家的最近大热的设计技巧:“弥散阴影”。相信大家早就见到过类似这些案例了,但你们真的尝试使用过吗?一个本来60分的古板扁平UI界面,加上这种阴影效果就能作品秒变大神啦~

现在开始三步教程,首先拿鄙人最近的一个羞羞案例来做示范(因为是示例,我把阴影加的有些重):

 


第一步、这里以界面中的圆角矩形按钮来做示范,先画个230*60的圆角矩形,色值#ff4683,得到一个圆角矩形

(新手朋友们要记住想用弥散阴影的话,先别用直角,稍微几像素的圆角或直接圆角矩形做出来的效果更好看)

 


第二步、ctrl+j快捷键复制圆角矩形A得到圆角矩形B,透明度设30%,并向下移动10px(记得把B图层移到A图层下方)

 


第三步、点开PS工具栏中的滤镜-模糊-高斯模糊功能,设置模糊半径为6,哒啦~一个最简单的弥散阴影就做出来啦!!!

 


依次类推,我们可以发挥创意,运用弥散阴影技巧设计出更多有意思的小部件,并且完美运用~~

 


 


 


 


 


好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的网页常见的图片投影效果的制作教程分享的全部内容了,各位看到这里的photoshop软件的使用者们,现在你们是非常的清楚了制作教程了吧,那么现在各位就快去按照小编分享的去制作下吧。

时间: 2024-09-08 11:20:25

photoshop网页常见的图片投影效果制作教程的相关文章

非主流_红色女生图片_制作教程

本文章主题是围绕着红色非主流女生图片的制作教程来讲的,我们将把一张普通的照片经过ps调色之后就会达到你想要的红色效果了哦, 效果图, 原照片,下面我们就来看调色教程 调色很简单的只要二步就完了,一是在图像里面调,第二不是图像,只是能色阶进行处理了.

Photoshop渐变融合两个图片场景制作教程

给各位Photoshop软件的使用者们来说说利用渐变融合两个图片场景的制作教程. 教程分享: 1 地面建筑是明亮调子,而天空是较暗的调子.     2 用快速选择工具将地面建筑的天空部分抠除,记得用调整边缘工具,调整一下边缘,避免边缘出现较多杂点. 3 单独给地面建筑部分加一个色相饱和度调整图层,色阶调整图层.适当降低一下饱和度(我的数值是-55),并将灰度向左移动(我的数值是1.44),使地面建筑变亮. 4 整体加一个渐变映射调整图层.渐变色彩可以试验多次,找到你喜欢的为止.以下给了3个效果供

photoshop怀旧的胶卷照片效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下怀旧的胶卷照片效果的制作教程. 教程分享: 效果:   图00 打开素材:   2.创建老胶卷效果 Step 1 在Photoshop中打开教程提供的素材,然后选用裁剪工具,如下图所示,将桥梁部分裁剪下来,让现代化的车辆与桥梁分离.   图03 Step 2 打开下面两个纹理图片,也可以自己找类似的. Pack_2_Film_07.jpg:   图04 Pack_2_Film_10.jpg:   图05 Step 3 在Pack_2_Fi

photoshop设计可爱的夹心饼干字制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计可爱的夹心饼干字的制作教程. 教程分享:   <点图片看大图>www.16xx8.com   好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的设计可爱的夹心饼干字的制作教程解析分享的全部内容了,各位看到这里的软件使用者们,小编相信大家现在那是非常的清楚了制作的教程了吧,那么各位就快去按照小编上面的教程去制作自己想要的可爱的夹心饼干字吧.

photoshop设计赛车主题宣传海报制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计赛车主题宣传海报的制作教程. 教程分享: 新建画布:1116X562   当然你也可以弄成其他尺寸,不一定得一样,也许你的更好. 现在使用钢笔 分别画出公路和斑马线命名为"1""2"   个人感觉斜一点的更有感觉,O(∩_∩)O哈哈~ 将下面图片导入画布中命名"3"并放在"1"与"2"之间   将图片"3"裁剪出合适的大小,并

Photoshop设计电视机主题UI图标制作教程

给各位Photoshop软件的使用者们来详细的解析分享一下设计电视机主题UI图标的制作教程. 教程分享: 首先,我们看看原图,一个400*300的小图.   新建一个1000*800的文档,添加一个渐变调整层,做一个#b4b097到#4e473a的90度的径向渐变,设置缩放为150%,勾选仿色,防止出现色块.   我想大家一定很好奇,我的截图径向渐变中的浅色为何不居中,而是位于中部居上,看我们的GIF演示. 在渐变填充的状态下,我们把鼠标指针放置到屏幕上,出现那个移动工具的图标时,我们拖动,渐变

photoshop合成鲸鱼城堡童话场景制作教程

给各位photoshop软件的使用者们来详细的解析分享一下合成鲸鱼城堡童话场景的制作教程. 教程分享: 1,打开风景图片,解锁图层锁定,使用裁剪工具把画布拉高.   2,执行 编辑菜单下的内容识别缩放,把照片拉到和画布齐高.   3,把云素材拖入画布中,水平翻转,放到下图所示位置.   4,给云素材添加图层蒙版,用软而大的画笔,把多余的部分擦除掉.   5,把处理好的云素材复制一层,往下放置,再用画笔把多余的云层擦除掉.   6,选中背景照片,用矩形选区工具,选中照片的底部.   7,Ctrl+

photoshop照片处理成液体人制作教程

给各位photoshop软件的使用者们来详细的解析分享一下照片处理成液体人的制作教程. 教程分享: 原图   教程最终效果   具体的制作步骤如下: 1.打开原图素材,先用钢笔工具把人物勾出来,按Ctrl + Enter 把路径转为选区,按Ctrl + J 把人物复制到新的图层.   2.按Ctrl + M 对抠出的人物调整曲线,参数设置如下图.   3.新建一个图层,填充颜色:#0A6A60.   4.把人物皮肤到头部这上半部分抠出来,复制到新的图层.   5.把前景颜色设置为翠绿色,背景设置

ps打造浪漫非主流效果图片_制作教程

好了很多MM都喜欢浪漫之类的东西哦,我想你也一样吧,要不你也会进来看这制作教程哦,我们会用处photoshop来快速的打造非主流效果图片呢,好了废话不多说了我们来看看制作教程吧,先看看原图片效果图片的区别哦. 效果图. 图三 原图,下面来看简单的ps教程.