推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 APP 而言是个很重要的元素,它不但可以让使用者明确的了解目前所开启的功能名称,在许多时候还是放置导航与重点功能的一个区域。在以往,当导航列上出现可以点击的按钮时,设计师在视觉表现上都力求让用户知道是个按钮,直至 iOS7 的去材质化设计理念,将这些地方的按钮的形态去掉、仅剩下符号与文字告知用户该「按钮」的功能。传统上,大多数的按钮外观都被设计成拥有具体的形状范围,除了可以有效的提示使用者这是个「可以被点击」的按钮组件之外,还可以有效的让用户知道这个按钮的「作用范围」在哪里,以防误触到相邻的按钮。这点这在许多地方相当有用,尤其是按钮相当多的屏幕小键盘或计算器,就需要让用户知道按键的实际感应范围在哪里。桌面系统与触控系统大不同其实在导览列上去除每个按钮实体的形状并不少见,像是计算机系统中也是有许多组件的长相也不诺我们认知中的按钮,比如说系统列,其实就是一串按钮的集合体。计算机系统的主要操作方式是透过鼠标光标,当按钮拥有实体范围时,它可以帮助用户确认按钮的大小及位置,使鼠标光标准确地移动至按钮上方点击,而遇到像导览列或是工具栏的地方,因为导览列本身已经有实体范围了,并且也可以利用 hover 特效,帮助用户进一步确认光标与按钮之间的关系。

用钢笔、通道和曲线的抠图技巧
一、打开素材观察,发现此图并不难抠。比较难的是: A、头顶的几根细发和左手边发髻, 对此我们将用曲线调整。 B、左脸颊,左臂的网格衫与背景界限不清。对于界限不清,我们常用钢笔工具抠。 二、选择钢笔工具,图片放大到300%,抠出人体部位(不包括细发)。

相对路径和绝对路径在网页中的用途
经常听到网友苦述自己的网页中有许多图片不能正常显示,究竟为什么不能正常显示呢?总结其原因绝大部分都是因为使用了错误路径所致。网页中的图像、动画等素材都有自己固定的存放位置,网页只是通过路径使用HTML语言来调用它们,然后把它们显示在网页中。在网页中的路径大体可分为相对路径和绝对路径,大家(尤其是初学网页设计的朋友)往往对它们不够认识,在应该使用相对路径的地方使用了绝对路径,从而导致浏览器无法在指定的位置打开指定的文件,使素材不能正常显示。 那什么是相对路径?什么是绝对路径呢?为什么使用了绝对路径有时就不能显示呢?让我们一起来认识一下它们吧。 比如C盘的My Pictures目录下有一个tp.jpg图像,那么它的路径就是c:My pictures p.jpg,其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg,它们的绝对路径是: c:My picturesindex.htm c:My pictures p.jpg 如果你使用了绝对路径c:My pictures p.jpg进行图片链接,那么在本地电脑中将一切正常,因为在c:My pictures下的确存在tp.jpg这个图片。但你将它们上传到网站服务器上后,就不会正常了,因为服务器给你划分的存放空间可能在C盘其他目录中,也可能在D盘其他目录中,总之不会那么巧的就是c:My pictures。那么图片路径应该如何设置呢?这里就必须使用相对路径了,所谓相对路径,顾名思义就是自己相对与目标位置。在上例中index.htm中连接的tp.jpg就可以使用My pictures p.jpg来定位文件,这样不论将这些文件放到哪里,只要它们的相对关系没有变,就不会出错。具体的链接方式是这样的:“..My picturesimg.jpg”,其中使用“..”来表示上一级目录,“....”表示上上级的目录,以此类推。 我们一起来看看初学的朋友可能犯的几个路径错误: 例1 c:mywedwedindex.htm
最新发布

常用PS滤镜及其应用场景
PS中有非常多的滤镜可以使用来提高工作效率,滤镜主要用来制作图像中各种各样的特殊效果,下面给大家介绍几个常用的滤镜及应用场景。一、打开PS,打开一张图片二、系统里的滤镜可以看到有以下这么多,除了以下的打开滤镜库还有几十种不同风格的滤镜三、简单介绍几个常用滤镜,比如添加杂色,可以增加画面的质感,在一些手机自拍里也能看到增加颗粒的选项,这个滤镜也有点像增加颗粒的功能四、通过预览可以看出效果,可以调整数量控制颗粒的量。如果把单色取消,就会出现彩色杂色的效果

制作喜庆华丽马年立体花纹图案的PS教程
新春马上到来,我们见到的东西大多与过年有关。下面我们来动手制作一个华丽的花纹圆盘。圆盘有花纹、底盘及立体面,按照由下至上的顺序慢慢刻画即可。最终效果 一、新建一个1000 * 700像素的文件,分辨率为72。选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。 二、我们需要完成的部分如下图,层次还是比较多的。

PS首选项设置大全!及首选项含义是什么?
在菜单栏中执行“编辑>首选项>常规”命令或者按下Ctrl+K快捷键组合。在打开的“首选项”对话框中,我们可以通过对软件的常规设置、界面、文件处理等进行设置。首选项参数设置完成后,每次启动PS都会按照该设置来运行,下面我们就一起来看一看PS首选项设置大全,在哪里快速设置首选项吧!常规首选项设置包括“常规”、“界面”和“性能”设置,这3个参数的设置将对软件的使用、界面显示和使用性能产生直接影响,下面将对这3个首选项设置做详细讲解。(1)“常规”设置在“首选项”对话框中选择“常规”选项,切换到“常规”选项面板。在这里可以选着拾色器类型,这里推荐Adobe拾色器,其实是对一些常规选项的设置,很多设置都会即时生效,还可以对历史记录的存储方式进行修改。最后可以单击“复位所有警告对话框”按钮,对所有勾选不再显示的警告对话框执行复位以再次显示。(2)“界面”设置“界面”选项面板,我们可以在该选项面板中对软件界面的外观进行设置,同时也可以对有关界面的复选框进行勾选,或者根据个人的使用习惯更改软件界面中字体的大小。(3)“性能”设置在“性能”选项面板中,我们可以对软件的运行参数进行设置,这些设置对软件能否顺畅运行产生影响。首先在“内存使用情况”选项区域中,我们需要根据个人电脑的运行内存进行分配。其次在“暂存盘”选项区域中,预留的空间越大,能够打开的文件越大。在“历史记录与高速缓存”选项区域中,各参数值不宜设置过大以免减慢计算机运行速度。最后在“图像处理器设置”选项区域中,勾选“使用图形处理器”复选框,可以加速处理大型、复杂文件的速度。

设计喜气洋洋节日贺卡图片的PS教程
效果图重点是红色帷幕的制作方法。过程:先用钢笔分段勾出路径,转为选区后分层填色。然后用加深,减淡及选区填色做出褶皱效果即可。最终效果 一、新建一个大小自定文件,新建一个图层用钢笔工具勾画出类型下图所示的路径,记得保存路径,方便修改。 二、同上的方法勾出下图所示的路径。 三、转化为选区后填充暗红色,可以分层多个图层填色。

制作造型精美温度计图标的PS实例教程
温度计构造不复杂,不过玻璃容器部分刻画比较难。因为它的轮廓不是很规则,刻画同一部分的高光及暗部的时候需要分两步或多步来完成。最终效果 一、温度计图标大致由下面的几部分构成:玻璃容器、液体、度量条纹等。 二、新建一个800 * 600像素的文档,选择渐变工具,颜色设置如图3,拉出图4所示的径向渐变作为背景。

PS中如何将文本转换为形状的教程
今天给大家分享一个在PS中如何将文本转换为形状的教程,在PS中,可以将文字转换成形状,即将文字图层转化为形状图层。转换之后文本属性和内容不能进行修改,但是可以使用形状工具进行调整。下面就对文字图层转换为形状图层的相关操作进行详细讲解。效果图案例步骤1、使用横排文字工具在文档窗口中输入文字,选中文字图层,在菜单栏中执行“文字>转换为形状”命令;2、在“图层”面板中可以看到文字图层已经被转换为形状图层;3、在工具箱中选择矩形工具,并在矩形工具栏中选择工具模式为“形状”;

PS软件工作界面和功能介绍
PS是一门彻彻底底的技术活,学好了找份好工作当然不在话下,但学不好也可能会浪费时间,实际上有些人学PS从一开始就错了,不注重基础的积累,而且还在错误的道路上越走越远。所谓工欲善其事,必先利其器,在学习制作、编辑图片之前,需要对PS软件的工作界面和功能进行了解,下面我们就一起来看一看PS软件工作界面和功能介绍吧!PS的菜单栏位于软件的正上方,如下图。菜单栏中包含“文件”、“编辑”“图像”、“文字”等11个主菜单,其中在每个主菜单下有一系列对应的操作命令,如在“文件”主菜单下有“新建”、“打开”、“在Bridge中浏览”等命令以及其所对应的PS快捷键。需要注意的是,在菜单列表中如果某个命令显示为灰色,表示当前状态下该命令不可用,如现在无法执行“文件>关闭”命令。在PS中,工具箱默认在软件界面的左侧,包含了PS所有的工具,如移动工具、绘图工具、渐变工具、创建选区工具、画笔工具、文字工具、一组设置前景色和背景色的图标,以及一个非常特殊的“以快速蒙版模式编辑”按钮等。大多数的图片编辑工具都可以在工具箱找到,因此工具栏也可以称为PS 的控制中心。属性栏也称工具选项栏,用于对所选工具进行参数设置,不同的工具其属性栏也不同。选择裁剪工具之后,属性栏中显示了和裁剪工具相关的参数选项,如下图所示。在PS*有20多个面板组,如“图层”面板、“通道”面板、“样式”面板等,分别用来显示和设置图片的图层、通道和样式等。PS中所有的面板都是以浮动形式展示的,用户可以自由拉伸大小并进行组合,所有的面板组都可以在菜单栏中的“窗口”主菜单下找到。在PS中默认的面板组,如下图所示。

制作恐怖发光万圣节南瓜图案的PS教程
教程的重点是南瓜镂空部分的制作,方法:用钢笔等勾出需要镂空的部分,并填色,然后用图层样式增加浮雕及发光效果即可。最终效果 一、PS中创建新文件 1280×1024 RGB色彩模式 72dpi。使用油漆桶工具将背景图层填充为黑色。 二、找一张南瓜图片,抠图,去掉背景,可以使用钢笔工具、魔棒工具、套索工具等等,方法不再赘述。

PS如何将图片转换为位图模式
位图模式是指仅有纯黑和纯白两种颜色,一般用于制作单色图像。那在PS中如何将图片转化成位图模式呢,下面就给大家详细的讲解:效果图1、将图片转化为位图模式前,先将图片的色彩模式调整为灰度模式,在菜单栏中执行“图像>模式>灰度”命令;2、在菜单栏中执行“图像>模式>位图”命令;3、接着弹出的“位图”对话框中进行参数设置;4、完成操作,看看最终的效果图;

制作一把打开漂亮红色雨伞图片的PS教程
作者的制作过程介绍的有点简略,基本上用图形代替了文字。制作的时候可以根据提示及参考效果慢慢发挥,制作过程不难,不过要把握好细节。最终效果 一、新建大小适当的文档,背景填充暗灰色。新建一个图层,用椭圆工具拉一个正圆,并填充红色。 下面来分析一下,张开的伞并不是规则的多变形,边缘的线是有弧度的。下面我们来制作这些弧形,新建一个图层用椭圆选框工具拉一个椭圆选区填充白色,取消选区后把椭圆移到红圆的边缘,按Ctrl + J 复制一层,按Ctrl + T 变形,把中心点移到红圆的中间位置,然后在属性栏把旋转的角度设置为36度,回车确认。再左手按Ctrl + Alt + Shift键,右手按“T”键复制,直到转为闭合的效果。把复制的这些图层合并,载入选区,回到红圆图层按Delete键删除,得到下图左边的效果。 二、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,用画笔给伞涂上高光及暗部区域,效果如下图。 三、在伞的上面添加骨架,根据光源确定后黑白线条排列,如下图。