用ps制作android日历步骤,PS设计制作日历

最终效果

95346914_1

一、观察这个图标,我们将它分成三个部分来制作,如下图所示。①日历的卷页 ②日历的夹子和金属环 ③底座。

95346914_2

2、新建一个700*800的画布,如下图所示。

95346914_3

3、新建一个圆角矩形作为日历卷页的最后一页。如下图所示。

95346914_4

4、为圆角矩形添加图层样式。

内发光、投影、渐变叠加。(内发光是重中之重,它主要区分了每一页日历,是使日历有层次敢最主要的效果!渐变叠加可添加也可以不添加,如果你想做的精细一些,可以自己尝试调整各类数值。最后一页的投影必须要有啦~)如下图所示。

95346914_55、向上复制“最后一页”作为“中间页”。调整“中间页的位置”修改图层样式(修改一下投影,不需要那么大啦!)如下图所示。

95346914_66、向上复制多张“中间页”图层,调整位置(向上调整1~3个像素点,移动大小不要一样,这样会显得比较真实。)合并复制的“中间页图层并作为”中间页“的剪切蒙版。此时得到的效果是这样的。

95346914_77、制作完中间页后,开始制作第二页。就是这个部分。

95346914_88、观察”第二页“上有”第一页“的投影,所以,复制一层”中间页“向上移动并为其添加渐变叠加,同是向下做剪切蒙版。如下图所示。渐变叠加是逐渐变亮的,控制好角度就可以啦!

95346914_9

95346914_109、第二页制作完成后,开始制作第一页。我将第一页分为两个部分制作。如下图所示。

95346914_11

10、首先制作位于下方的”第一页平页“。向上复制”第二页“,关闭”渐变叠加效果“,并作向下作为剪切蒙版。采用”直接选择“工具点选出”第一页平页“的路径,选择”钢笔——添加锚点工具“为”第一页平页“添加锚点。如下图所示。

95346914_12

95346914_1311、添加锚点后,使用”直接选择工具,选中下图四处锚点,并删除,得到效果如下图所示。

95346914_14

95346914_1512、接下来制作“第一页卷页”部分。使用钢笔工具,描出卷页形状,并填充路径。并添加图层样式。如下图所示。

95346914_16

95346914_1713、得到的效果是这样的。

95346914_18

14、为第一页添加日期,今天是30号。将“日期”置于“第一页平页”和“第一页卷页”之间,效果如下。

95346914_1915、第一页制作完之后,制作撕掉页。首先使用钢笔工具勾出撕掉页轮廓,然后填充路径,并为其添加“投影”效果。(最好画两条不一样的撕掉页,这样比较真实。)如下图所示。

95346914_20

95346914_21

95346914_2216、到此,【①日历的卷页】部分制作完成,大概是这个样子的。

95346914_2317、日历的夹子(就是红色那个部分):首先新建一个稍稍大一丢丢(几个像素就好啦)的圆角矩形置于最上层。就像这样的。

95346914_2418、新建一个矩形置于顶层,如下图所示。

95346914_25

19、选择圆角矩形(日历红色夹子)按住shift加选白色矩形,使用“直接选择工具”鼠标右键单击,在菜单栏中选择“减去顶层形状”得到入下效果。

95346914_26

95346914_2720、夹子的形状制作完毕,接下来为其添加效果。为了使其更立体,需要添加‘斜面和浮雕“”内阴影“”投影“然后添加一个颜色叠加变成红色。(数值可以自己尝试调节哦,每个效果都试试以后做其他的东西也会轻车熟路。)如下图所示。此处可以适当调整”撕掉页“和”夹子“的位置。

95346914_28

95346914_2921、向上复制”红色夹子“图层,添加一个”渐变叠加“效果,并将透明度调小,给”红色夹子“增加一些变化。如下图所示。

95346914_30

95346914_31

95346914_32

22、月份:首先输入”September“然后为其添加图层样式。

95346914_33

95346914_34

95346914_3523、金属环的制作:新建一个圆角矩形。(很圆很圆。)就像下面这样。

95346914_3624、然后为了模拟金属效果,我们为它添加“图层样式”。(这个地方最烦了,尝试了很多次,你在制作的时候也要多去尝试,并没有统一的做法,也没有统一的数值。多多动手才是最好的,另,我做的可能并不科学!)。

95346914_37

95346914_38

95346914_39

95346914_40

95346914_41

25、制作反光:使用钢笔工具描出反光的形状,然后使用“滤镜”——“模糊”——“高斯模糊”使反光真实一些。就像这样。

95346914_4226、高光制作:使用“椭圆工具,画一个椭圆,然后”高斯模糊“,为其添加一个比较模糊比较大的光;再次用”椭圆“工具画一个小一点的椭圆,”高斯模糊“(数值小一点.)为其添加高光。就像这样。

95346914_4327、连接日历的洞(我也不知道咋形容)制作:画一个圆,直径稍稍大于金属环的宽,为其添加颜色。是这样的。

95346914_44

95346914_4528、这样,一个金属环就做完了,给他们打个包,命名”金属环“然后复制一下,放到另一面。然后给两个金属环添加一个”投影“效果是这样的。请看。

95346914_4629、底座的制作:新建一个大的圆角矩形(圆角大小自己调整一下)放在最下面。就像这样。

95346914_4730、然后为其添加图层样式,让它立体一点(和制作夹子的时候差不多)。如下图所示。

95346914_48

95346914_49

31、接下来找一张你喜欢的”皮子“比如这样的。

95346914_5032、把它放在底座上面,然后作为”剪切蒙版“,就像这样。

95346914_5133、绳子的制作:Ctrl+点击”底座“图层缩略图,就是点这个。

95346914_5234、会出现这样的效果(就是把底座选中了)。

95346914_5335、然后,”选择“——”修改“——”收缩“,就像这样。

95346914_5436、选择适当的数值。

95346914_55

95346914_5637、由图层面板转入路径面板,像这样。

95346914_5738、单击”从选区生成工作路径“,像这样。

95346914_5839、选区画笔工具,调一下大小(你感觉绳子应该有多粗你就调多大),选择钢笔工具为路径描个黑色的边儿吧。如下图。

95346914_59

95346914_6040、因为绳子缝入皮革是有挤压的,所以,添加一个图层样式,增加一些真实感,这里为它添加一个斜面和浮雕,像这样。

95346914_6141、到这步,制作完成了绳子的挤压效果,下面来制作绳子:新建一个20X80的画布。然后在画布上新建一个圆角矩形,大概是这样的。

95346914_6242、将它定义为笔刷,起一个好听的名字,方便查找。像这样。

95346914_63

95346914_64

43、下面,调整一下笔刷设置,快捷键为F5,需要调整的地方如下。

95346914_6544、一定要调整间距!可以根据自己的喜好,感觉是怎么缝的就怎么调。一定要选择”方向“,不选择就惨喽,制作的时候可以试一下不勾选”反向“的效果,更容易理解。

95346914_6645、笔刷制作好之后,我们可以回到原来的操作界面继续制作我们的绳子啦!再次选择之前的路径,然后钢笔描边。效果如下。

95346914_6746、为了使绳子写实一点,我们为它添加图层样式。

95346914_68

95346914_69

95346914_7047、感觉像塑料,不是很真,绳子应该是一股一股扭在一起的,所以,接下来制作绳子的纹理。新建一个画布。新建一层图层添加白色。执行”滤镜“——”滤镜库“——”半调图案“得到如下效果。

95346914_71

48、将此图层旋转45°,裁剪一下。如下图所示。

95346914_7249、执行”编辑“——”定义图案“并且起一个自己记得住的名字,如下图所示。

95346914_73

95346914_7450、到这,绳子的纹理也完成啦。我们回去给绳子添加”图案叠加“,看一下效果。

95346914_75

95346914_76

95346914_7751、地板背景:找一张地板图喽,我找的是这张,把它放在背景图层上面,就可以啦。

95346914_78最终效果:

95346914_79

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/252388.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

将简体字转换成繁体字

作者:京东瀚览家居官方旗舰店 //将GBK的简体转换到GBK繁体 LPTSTR CTestDlg::GBKSimplified2GBKTraditional(CString szSimplified) ...{ LCID dwLocale; WORD wLangID; wLangIDMAKELANGID(LANG_CHINESE,SUBLANG_CHINESE_SIMPLIFIED)…

win10繁体字转简体字

1、在设置中选择时间和语言 2、选择区域和语言 3、选微软拼音-选项 4、选择常规 5、设置字体

Java 字符流转字节流

字符流转字节流 基本思路就是: 字符流的输出流,转换为字节流的输出流 主要代码: // 这个只是找来做演示的 文件 FileOutputStream fos new FileOutputStream(“E:\1\IO示例文档.txt”); // 真实情况下, 给个字符流的源&#xff0…

字符流与字节流的区别

字符流与字节流的区别 文章目录 字符流与字节流的区别1.字符流2.字节流3.两者的区别 1.字符流 字符流自动允许我们逐字符读/写数据,有助于执行16位Unicode的输入和输出;它是以reader和writer结尾的。Java中字符流最常见的类是FileReader和FileWriter。在…

Java IO流 详解(字节流、字符流、输入流、输出流、刷新)

一、IO流概述 I:Input输入 从其他存储设备【读】数据到内存中 输入过程 O:OutPut输出 从内存中【写】数据到其他存储设备 输出过程 二、IO流分类 1.根据数据的类型分为: 【字节流】和【字符流】 【字节流】:以字节为基本单位,读写…

java 字节流与字符流的区别

字节流与和字符流的使用非常相似,两者除了操作代码上的不同之外,是否还有其他的不同呢? 实际上字节流在操作时本身不会用到缓冲区(内存),是文件本身直接操作的,而字符流在操作时使用了缓冲区&am…

Java IO 字节流、字符流详解

1. 字节流与字符流 流是一个很形象的概念,当程序需要读取数据的时候,就会开启一个通向数据源的流,这个数据源可以是文件,内存,或是网络连接。类似的,当程序需要写入数据的时候,就会开启一个通向…

【Java基础-3】吃透Java IO:字节流、字符流、缓冲流

Java IO流 前言1 初识Java IO1.1 IO流分类1.2 案例实操 2 IO流对象2.1 File类2.2 字节流2.3 字符流2.4 序列化 3 IO流方法3.1 字节流方法3.2 字符流方法 4 附加内容4.1 位、字节、字符4.2 IO流效率对比4.3 NIO 前言 有人曾问fastjson的作者(阿里技术专家高铁&#x…

字节流和字符流详解

1.流的概念 在编程中是一种抽象的概念,就好比“水流”,从一段流向另一端在程序中所有的数据都是以流的方式进行传输或保存的,程序需要数据的时候要使用输入流读取数据,而当程序需要将一些数据保存起来的时候,就要使用…

Java IO流 - 字节流的使用详细介绍

文章目录 IO流的基本介绍字节流的使用文件字节输入流创建字节输入流每次读取一个字节每次读取一个数组一次读取全部字节 文件字节输出流创建字节输出流写入文件输出流 文件拷贝练习 IO流的基本介绍 IO流的概述: I 表示intput,是数据从硬盘文件读入到内存的过程&…

字节流(IO流)概述、字节流(写入/输出)数据(3种)和换行、追加写入、异常处理办法、字节缓冲流、字节流复制图片视频案例

目录 IO流概述和分类字节流写入数据(OutputStream)FileOutputStream字节流写数据的3种方式 字节流写入数据的两个小问题字节流写数据如何换行字节流如何实现追加写入 字节流写入数据加入异常处理字节流读取数据(InputStream)FileI…

字节流

字节流 根据数据的流向分为:输入流和输出流。 输入流 :把数据从其他设备上读取到内存中的流。输出流 :把数据从内存 中写出到其他设备上的流。 格局数据的类型分为:字节流和字符流。字节流 :以字节为单位&#xff0c…

1、字节流详解

文章目录 一、字节流1、字节输出流:OutputStream2、字节输入流:InputStream3、使用字节流复制数据4、字节缓冲流 一、字节流 文件字节流 字节流的两个抽象父类:字节输出流:OutputStream和字节输入流:InputStream 1、字…

PS美工教程:制作真实水面倒影效果详细步骤

倒影效果是电商海报和广告类海报常用的表现手法,倒影可以填充画面的空白区域和营造真实的视觉感受,给受众带来更好的视觉体验。 在海报合成中倒影效果可谓是必不可少的存在,那今天潇洒模具学院的老师就教大家通过PS自带的功能打造出真实的环…

CSS图片倒影效果

先看一下效果图 废话不多说直接上代码 <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title><style lang"scss">img {-webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(25…

3、水面倒影效果

水面倒影效果 概要 我们会使用 Matplotlib 的 pyplot 模块创建图并显示图像&#xff1a; 用以下魔术命令&#xff0c;以便将图像显示在笔记本中而不是在新的显示窗口中&#xff1a; 如果要显示彩色图像&#xff0c;可以使用以下命令将图像从 BGR 转换为 RGB。 最后使用 plt…

CSS3实现倒影效果

css的功能很强大&#xff0c;可以实现很多效果。比如图像的倒影和文字的倒影等&#xff0c;利用的是box-reflect&#xff0c;因为浏览器兼容问题&#xff0c;目前主要采用-webkit-box-reflect来实现&#xff08;谷歌浏览器&#xff09;。 倒影的属性&#xff1a; box-reflect&…

HTML里面设置文本倒影,文字倒影怎么做

现在的文字如果仅仅是在一个平面上,不加任何效果,那就真的是太死板、太单调了,尤其追求艺术的小伙伴们啊,细心的话你就会发现那些神马广告之类的文字都讲究有个性,让人过目不忘的效果,有木有!那么接下来就教大家制作文字效果,就是文字倒影效果制作。广告时间: 人物素描…

倒影(reflections)效果的实现

1、简介 当站在湖畔岸边或者镜子面前的时候&#xff0c;都可以看到倒着的自己&#xff0c;那种效果就叫倒影&#xff0c;或者叫镜面反射。在SPE中也支持这种效果&#xff0c;实现的基本思路是把物体根据反射平面镜像之后再绘制一遍&#xff0c;绘制镜像时有几个问题需要注意&a…

渐变加蒙版做倒影

平面设计是PHOTOSHOP应用最为广泛的领域&#xff0c;无论是我们正在阅读的图书封面&#xff0c;还是大街上看到的招帖、海报&#xff0c;这些具有丰富图像的平面印刷品&#xff0c;基本上都需要PHOTOSHOP软件对图像进行处理。用Photoshop 为图片添加倒影&#xff0c;这个效果不…