推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布
Photoshop修复残破照片
效果描述 本实例介绍怎样对残破的照片进行修补,如图 32-1 所示,这是一张珍贵的旧照片,照片的边角缺损了,利用原有的图片进行修补,使其成为一张完整的图片,如图 32-2 所示。 创作思路 观察整个图片的残缺部分,用不同的手法进行修补图像,残缺区域比较大的地方,先用【矩形选框】工具圈出选区,复制出图层,对图像进行修补。对比较细致的地方使用【仿制图章工具】进行修补。 操作步骤 (1) 打开文件。使用 Photoshop CS 打开素材图片。 (2) 圈出选区。使用【矩形选框工具】圈出选区,如图 32-4 所示。 (3) 使用【自由变换】命令。按 Ctrl+J 快速复制出图层,再对新复制的层使用【自由变换】命令,如图 32-5 所示。
Photoshop快速修复偏色照片
本教程介绍偏色照片的修复方法,思路:使用通道混合器先把各通道的颜色大致调出来,然后再细调色相/饱和度及色彩平衡。调的时候需对照原图看是那种色彩偏多,再想办法适当降低!调的方法也很多也可以使用通道来调请参考教程:巧用通道修复偏色图片 原图教程部分:1.打开图片2.创建通道混合器调整图层,参数设置:红:100,0,0,0;绿:26,100,0,0;蓝:0,120,100,0。3.创建色彩平衡调整图层,参数设置:阴影:15,40,50;中间调:40,65,50;不报纸亮度。4.创建色相/饱和度调整图层,参数:全图:-5,5,0。5.创建亮度/对比度调整图层,参数:5,10。6.Ctrl + Shift + Alt + E盖印图层。7.磨皮。8.锐化完成最终效果。。
Photoshop给广场上的女兵黑白老照片上色
原图上色后的图像在上色之前,我们先必须对图像做一系列的色彩调整,这个阶段的步骤非常重要,上色是否能够精彩,上色前的图像处理占70%。那我们就来看看如何来处理这张图像。执行“图层>新建调整图层>渐变映射”,选择“黑色-白色”的渐变。(这个步骤就是要去掉颜色)执行Ctrl+A(全选)命令,再执行Ctrl+Shift+C(合并拷贝),在执行Ctrl+V(粘贴)。这是我个人的习惯,不习惯破坏原图像,所以就多复制一个图层。执行“滤镜>杂色>减少杂色”命令,如下图所示设置。
通过PS修复一张儿童艺术照老照片(上色)的过程
原图上色后效果创作思路 打开一张年久发黄的老照片,先利用【魔棒工具】将照片发黄的背景颜色修复为白色,再使用【画笔工具】将小女孩的整套衣服添上不同颜色,最后使用【加深工具】、【画笔工具】和【色相/饱和度】功能对照片进行细节处理并完成老照片上色的效果。整个操作流程如图 62-3 所示。(1) 打开素材文件。下面介绍如何通过 Photoshop CS 中的各种工具来实现实例中的各个步骤,把发黄的老照片通过电脑制作成为彩色照片的效果。使用【打开】命令打开素材中的“老照片原图”文件,如图 62-4 所示。(2)修复背景颜色为白色。选择【魔棒工具】将老照片填充为白色,如图 62-5 和力 62-6 所示。
photoshop老照片上色教程
有丰富的层次 颜色尽量过渡比较自然,不要有太多杂色 上色前如果是RGB模式,尽量将其恢复成灰度色调。6、新建图层,在图层上先为军装上色,尽量着一些同类色进行绘制,这样可以使得上色看起来颜色比较丰富。
