如何用PS制作花型背景图

今天教大家制作一个花型背景吧!先看下图下效果图吧:

步骤1

新建一个2000*2000像素的画布,背景色填充自己喜欢的颜色即可!最好新建一个画布中心参考线哦,在画布中心画一个白色的椭圆形并居中,上下在画布边缘。

步骤2

双击弹出混合选项的椭圆形状,设置混合模式为柔光,不透明度为50%,填充不透明度为75%。

步骤3

添加白色描边,设置大小为3像素,位置外部,混合模式柔光。

步骤4

重复的椭圆形,并以30°围绕中心旋转画出6个椭圆形。并所有6个椭圆形形状合并成一个组(Ctrl G),并把组命名为“图层组”,将组的不透明度为50%左右

步骤5

ctrl+j复制图层组,调整不透明度为70%左右透明度。调整新组的同时按住Shift键来约束比例。降低整体大小约为60%左右或以下的点相交。

来源:千锋UI设计

原文地址:https://www.cnblogs.com/leolei/p/11419906.html

时间: 2024-07-31 23:52:34

如何用PS制作花型背景图的相关文章

PS制作gif动图以及背景透明与消除残影

摘要: 用Photoshop制作gif动画的要点:在窗口菜单中找到“时间轴”选中打开时间轴,单击一帧,设置该帧显示持续时间在图层里将该帧要显示的图层显示,并将不该显示的层隐藏,新建一帧,接下来就是重复劳动了.最后在文件菜单里找到存储为Web所用的格式,设置一下存储选项即可. 透明背景制作方法有二:一是删除每层的背景,这种方法应该算是通用的方法.二是在存储时在颜色表中选择设为透明色的颜色,在颜色表下方有个将选中的颜色映射为透明色的按钮,点一下就行了,这个方法应该是适合背景色是纯色,并且是主体没有的

如何用PS制作透明图

1.          打开PS,打开原图 2.          复制图层 3.          新建一个“与原图一样大小”的“透明”面板 4.          选中“背景 副本”,也就是刚才新建的图层 5.          把它拖到新建的面板上,并对齐. 6.          记住,在新的图层,透明图是在背景的下面,而且必须有“透明层”(没有就新建) 7.          选择“魔棒工具” 8.          在空白地方单击. 9.          单击右键,选择“选取相似”

CSS3制作文字背景图

文字带上渐变色,或者说让文字透出图片.这些效果 CSS 属性也可以完成. 方法一.利用CSS3属性mix-blend-mode:lighten;实现 使用 mix-blend-mode 能够轻易实现,我们只需要构造出黑色文字,白色底色的文字 div ,叠加上图片,再运用 mix-blend-mode 即可,简单原理如下: 核心代码如下: <div class="container"> <div class="pic"></div>

web前端入门到实战:CSS3制作文字背景图

文字带上渐变色,或者说让文字透出图片.这些效果 CSS 属性也可以完成. 方法一.利用CSS3属性mix-blend-mode:lighten;实现 使用 mix-blend-mode 能够轻易实现,我们只需要构造出黑色文字,白色底色的文字 div ,叠加上图片,再运用 mix-blend-mode 即可,简单原理如下: 核心代码如下: <div class="container"> <div class="pic"></div>

PS制作高光导航背景

本节学习制作高光背景,效果图如下: 参考教程:http://www.3lian.com/edu/2012/12-19/50117.html 知识点:1.钢笔工具绘制路径并填充,需要注意的是使用钢笔时,菜单栏上要选择“路径”,否则无法填充: 2.制作高光,关键点:图层样式“叠加”,并设置透明度,适当复制一层会让效果更逼真: 3.渐变色“白色到透明”.“黑白黑”配合图层样式,蒙版等一起使用,可以制作出较好的效果: 4.滤镜-高斯模糊,用来制作背景效果很好: 5.注意每一个细节,打造精致作品.

使用Compass制作雪碧图

遇见好的文章,笔者也会转载.但是正所谓好记性不如烂笔头,单纯的拿来主义也不如自己的亲自实践.所以每次需要转载的文章,我都会自己敲一遍,中间加入一些自己的思考. 这篇文章转载自:http://www.hongkiat.com/blog/compass-image-sprite/ 作者Thoriq Firdaus 译者zEx 前端性能优化,一直是前端开发中非常重要的一环,而其中静态资源特别是图片的优化,又占据了很大的比重.图片优化的方法有很多种,其中非常基本而常用的,就是雪碧图. CSS雪碧图就是将

如何用PhotoShop制作网站的favicon.ico

所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站.当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式:除此之外,标签式浏览器甚至还有不少扩展的功能,如Fir

项目期复习总结:背景图合并,hack,浏览器内核前缀,伪类after before

目录: 1.背景图合并和CSS Spirit 2.PS基本快捷键 3.hack技术基本书写,为什么不用? 4.内核前缀 5.伪类afterbefore 1.背景图合并和CSS Spirit 背景图合并在使用时有两种方法: ①一种就是你会PS,可以自己PS实现背景图合并成一张图片,再用background-position实现背景图的定位. ②如果你不会PS,那可以用CSS背景图合并工具,直接选好图片后在线制作生成相对应格式的图片,方便快捷. background的语法: background-c

项目期复习总结1:背景图合并,hack,浏览器内核前缀,伪类after before

文件夹: 1.背景图合并和CSS Spirit 2.PS基本快捷键 3.hack技术基本书写,为什么不用? 4.内核前缀 5.伪类afterbefore 1.背景图合并和CSS Spirit 背景图合并在使用时有两种方法: ①一种就是你会PS.能够自己PS实现背景图合并成一张图片.再用background-position实现背景图的定位. ②假设你不会PS.那能够用CSS背景图合并工具,直接选好图片后在线制作生成相相应格式的图片.方便快捷. background的语法: background-