设计简洁时尚的家装形象主页 PS网页制作教程

软件发布|下载排行|最新软件

当前位置:首页photoshop教程入门实例

设计简洁时尚的家装形象主页 PS网页制作教程

PS新手入门学习-技巧   2021-03-30 我要评论
PS网页制作教程:设计简洁时尚的家装形象主页,效果图的主体为一张精选的素材图,不过作者巧妙的给图片加上了背景,边框及边角的一些图形装饰。画面虽然简单,不过画面显得非常清爽大气,很有时尚感觉,不愧为经典之作。最终效果

PS网页制作教程:设计简洁时尚的家装形象主页

1、新建一个500 * 700像素的文档,分辨率为72。选择渐变工具,颜色设置为:#0582ae到#0ab7db,然后拉出下图所示的线性渐变。

PS网页制作教程:设计简洁时尚的家装形象主页

2、打开下图所示的素材图片,拖进来放到画布的中间,选择矩形选框工具选取素材的局部,如下图。

PS网页制作教程:设计简洁时尚的家装形象主页

PS网页制作教程:设计简洁时尚的家装形象主页

3、按Ctrl + Shift + I 把选区反选,按Delete 删除多出的图片,效果如下图。

PS网页制作教程:设计简洁时尚的家装形象主页

4、取消选区后,创建图层调出图层样式,参数及效果如下图。

PS网页制作教程:设计简洁时尚的家装形象主页

PS网页制作教程:设计简洁时尚的家装形象主页

PS网页制作教程:设计简洁时尚的家装形象主页

5、在背景图层上面新建一个图层,用套索工具勾出下图所示的选区填充黑色。

PS网页制作教程:设计简洁时尚的家装形象主页

6、取消选区后执行:滤镜 > 模糊 > 高斯模糊,数值为2,确定后把图层不透明度改为:35%,效果如下图。

PS网页制作教程:设计简洁时尚的家装形象主页

PS网页制作教程:设计简洁时尚的家装形象主页

7、右边的阴影直接复制左边的,水平翻转一下即可。

PS网页制作教程:设计简洁时尚的家装形象主页

8、在图层的最上面新建一个图层,在素材图片的左上方勾出下图所示的路径,转为选区后填充暗红色:#AB2041。

PS网页制作教程:设计简洁时尚的家装形象主页

9、双击图层调成图层样式,参数及效果如下图。

PS网页制作教程:设计简洁时尚的家装形象主页

PS网页制作教程:设计简洁时尚的家装形象主页

PS网页制作教程:设计简洁时尚的家装形象主页

PS网页制作教程:设计简洁时尚的家装形象主页

10、用钢笔勾出下图所示的小三角形选区,按Delete 删除选区部分图形,如下图。

PS网页制作教程:设计简洁时尚的家装形象主页

11、用钢笔勾出下图所示的选区,用减淡工具稍微把顶部及底部稍微涂亮一点,效果如下图。

PS网页制作教程:设计简洁时尚的家装形象主页

12、底部的处理方法相同,效果如下图。

PS网页制作教程:设计简洁时尚的家装形象主页

13、选择文字工具打上想要的文字,适当调整好大小及角度,效果如下图。

PS网页制作教程:设计简洁时尚的家装形象主页

14、左下角的红色图形的制作方法相同,效果如下图。

PS网页制作教程:设计简洁时尚的家装形象主页

最终效果:

PS网页制作教程:设计简洁时尚的家装形象主页

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们