资源描述
,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,Click to edit Master title style,.,*,Click to edit Master title style,Click to edit Master title style,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,.,*,单击此处编辑母版文本样式,第二级,*,.,*,单击此处编辑母版标题样式,2026/1/6 周二,1,.,文字工具,2026/1/6 周二,2,.,上章回顾,怎么,定义图案,?,定义的图案可以是彩色的吗?,有哪些类型的渐变方式?,2026/1/6 周二,3,.,本讲目标,了解文字工具的特点,了解图层样式的基本使用,掌握文字工具的的正确使用与设置,掌握创建文本的基本操作,设计基本原则重复原则,2026/1/6 周二,4,.,本讲内容,一、文字工具,二、文字工具的使用,三、创建文本选区,四、图层样式,五、设计基本原则重复原则,2026/1/6 周二,5,.,本讲重难点,本讲重点,1.文字工具、图层,样式,和文字面板的使用,2.文字层与普通图层的转化,本讲难点,1.点文字与段落文字间的转换,2.创建文字选区的操作,2026/1/6 周二,6,.,引言,2026/1/6 周二,7,.,1)文字是文化的重要组成部分及载体,几乎在任何一种视觉媒体中,文字和图片都是其两大构成要素,因此文字效果将直接影响作品的视觉传达效果,。,同时在用Photoshop制作图像时,文字也是用来点饰画面的不可缺少的元素。恰当的文字甚至可以起到画龙点睛的功效。,2)文字不管是在Logo设计领域中、网页设计中,以及,平面广告等,其应用范围是相当广泛的。在ps中、文字的排版主要是通过文字工具、文字图层、文字面版、来实现的。,1.文字的作用,一、文字工具,2026/1/6 周二,8,.,2.文字图层,选择文字工具、在窗口中单击、系统自动生成的图层。,提示:文字图层可以转化为普通图层。“执行”-“图层”-“栅格化”-“文字”命令。,技巧:双击文字图层缩略图可全选这个层的所有文字。,特点:,1)与图像具有相同的分辨率,与图像一样,放大后会有锯齿,2)文字图层是一种很特殊的图层,它具有图层的一般属性,2026/1/6 周二,9,.,二、文字工具的使用,1、,文字工具包括:,横排文字工具,:横排文字工具可以创建水平的文本,直排文字工具,:直排文字工具可以创建垂直的文本,横排文字蒙版工具,:横排文字蒙版工具可以创建水平的文本选区,直排文字蒙版工具,:直排文字蒙版工具可以创建垂直的文本选区,2026/1/6 周二,10,.,2、文本的类型,使用文字工具创建的文本有:,点文本、段落文本 两种类型。,点文本的创建,:,选中文字工具后,在窗口中单击鼠标左键即可;,段落文本的创建,:,选中文字工具后,在窗口中单击鼠标左键拖出一个矩,形框即可;,点文本和段落文本,的区别,:,点文本不能“自动换行”,需按“Enter”才可换行!但是段落文本可以“自动换行”。,2026/1/6 周二,11,.,思考:,点文字与段落文字间可以转换吗?,1)选择“图层/文字/转换为段落文本“命令,可以将点文字转换为段落文字。,2)选择“图层/文字/转换为点文本“命令,可以将段落文字转换为点文字。,2026/1/6 周二,12,.,3、文本的编辑,字体,字的大小,文字的对齐方式,文字的颜色,字体的样式,文字面版,提交所有当前编辑,取消所有当前编辑,横排和竖排的转化,2026/1/6 周二,13,.,4、文本变形,2026/1/6 周二,14,.,5、字符面板,字体,设定字型,字体大小,行距,垂直缩放,水平缩放,调整比例间距,字距,字距微调,基线位置,颜色,设定字典,消除锯齿,下划线,删除线,上标/下标,2026/1/6 周二,15,.,以下技巧一定要记住!很实用的。,1)全选文字:,Ctrl+A,或,Ctrl+Shift+“方向键”,2)当文字光标置于最末端时也可用:,Ctrl+“Home”,使光标回到最首位;,若选取多行,可用,Ctrl+Shift+“Home”,3)字距微调:选择文字后,使用,Alt+“左右方向键”,4)字符间的微调:光标置于要调整的字符间,使用,Alt+“左右方向键”,5)行间距调整:,Alt+“上下方向键”,(必须全选或至少两行),2026/1/6 周二,16,.,6、段落面板,左对齐,居中对齐,右对齐,左缩进,右缩进,首行缩进,段前添加空格,段后添加空格,2026/1/6 周二,17,.,三、创建文本选区,1、选区文字的创建,2、路径文字的创建,路径文字创建,-,步骤一:使用钢笔工具创建路径,步骤二:在路径上单击添加文字,选区文字的创建,-,步骤一:选择横排或直排蒙版工具,步骤二:创建点文本或段落文本,步骤三:提交文字,2026/1/6 周二,18,.,四、图层样式,1.样式,2026/1/6 周二,19,.,直接在文字图层上应用各种图层效果,是最为常用的获得艺术文字效果的一种方法哦!,2.图层样式,2026/1/6 周二,20,.,重复(Repetition),重复(Repetition):设计的某些方面需要在整个作品中重复。重复可以看作是一种一致性,目的是为了保持进一步统一。,重复原则并不仅仅只是表现在字体上,页面中任何一个元素都可以成为设计中,重复的对象:字体、字号、颜色、图案,甚至是版式。,重复原则,2026/1/6 周二,21,.,读到信息的末尾时,你的视线是不是会在名片上四处漫游?,重复原则,2026/1/6 周二,22,.,读到信息的末尾时,现在你的视线会移向哪里?会在粗体元素之间来回跳吗?可能会,这正是重复的主旨,它能把整个作品联系在一起,提供一致性。,2026/1/6 周二,23,.,要创建重复元素,可以从标题和子标题入手,这是一个很好的起点,因为这些元素很可能在某个方面是一致的,2026/1/6 周二,24,.,使一致的元素更为突出,如标题和子标题的字体。,2026/1/6 周二,25,.,2026/1/6 周二,26,.,这里有多少个重复的元素,2026/1/6 周二,27,.,重复小结,根本目的:统一,增强视觉效果,如何实现:把现有的一致性,更向前推进一步,要避免的问题:避免太多地重复同一个元素,否则将混淆重点,重复太多,会让人讨厌!,2026/1/6 周二,28,.,2026/1/6 周二,29,.,要避免的问题,要避免太多地重复一个元素,重复太多会让人讨厌。要注意对比的价值太多的重复将混淆重点。,2026/1/6 周二,30,.,一致的网站标志和导航栏,网站设计中重复性,(,一致性,),它们可以说是最体现网站特征的部分。就像,VIS,(视觉识别系统)一样,应该对,LOGO,的颜色、大小、位置等方面都有严格的说明。如果一个网站里面每个网页的,LOGO,都大小不同,或者位置不统一,或者导航栏在某些页面突然多出两个子选项,给浏览者的感觉一定很不好。,2026/1/6 周二,31,.,2026/1/6 周二,32,.,一致的页面布局,这可以说是一种“包装”,我们使用图片或者图表来表达一些信息。如果某些页面的等级是一致的,那么它们的“包装”风格也应是一致的,用户应该使用同样的浏览方式来阅读这些网页。,网站设计中重复性,(,一致性,),2026/1/6 周二,33,.,一致平衡的信息结构,网站每个栏目的信息量应当合理分配。除了一些特定的内容(例如“网站地图”和“联系方式”),所有分支的信息量应当相对平衡。如果用户在A栏目看到有20多个下级栏目,但B栏目中却只有3个,他们肯定会有点头昏脑胀-你迫使他们去思考“为什么会这样”,一致的重复性元素,如果使用了文本框,那么网站中所有文本框的形式都应当一致。如果某个图标的尺寸是40*40,那么相类似的图标大小都应该差不多。,一致和谐的字体和色彩,字体和色彩也应遵循同样的标准。你可以为不同的版块设置不同的色系,但是如果这个版块用的是桔红,那么它所有的页面都应该是桔红。版块与版块之间的差异也应该明显。,网站设计中重复性,(,一致性,),2026/1/6 周二,34,.,一致,但不一样,需要注意的是,一致性并不是“相似性”。如果太相似,很可能用户无法区别彼此之间的不同。例如下面的网页,图片之间的颜色、形式过于相似,尽管图标能代表各选项的功能和概念,但用户一眼看上去无法觉察出差异,图标没有体现出明确辅助标识的作用。,网站设计中重复性,(,一致性,),2026/1/6 周二,35,.,本章总结,文字图层,文字工具的使用,本章我们学习了文字排版的一些知识。,字符和段落面板,特殊特效文字,文字图层的创建,文字图层的转化,了解文字工具的使用,文本类型、创建和编辑,字符面板编辑文本,段落面板编辑文本,选区、路径文字的创建,特效文字的制作,2026/1/6 周二,36,.,小 结,本节课我们学习了Photoshop中比较重要的文字工具,在了解文字工具的基本操作后,最重要的是熟练运用文字工具的各种类型、选项,为以后的文字特效制作和文字排版打好基础!,2026/1/6 周二,37,.,作业一,步骤一:新建文件(600*300),,填充黑色。,步骤二:输入文字“天道酬勤”,,栅格化图层;,步骤三:滤镜-扭曲-极坐标,(极坐标到平面坐标);,步骤四:顺时针旋转画布90度;,步骤五:滤镜-风格化-风(从右),,重复一次(Ctrl+F);,步骤六:逆时针转转画布90度;,步骤七:滤镜-扭曲-极坐标,(平面坐标到极坐标);,步骤八:图像-调整-色相饱和度(着色)。,2026/1/6 周二,38,.,作业,二,2026/1/6 周二,39,.,
展开阅读全文