推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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 将偏色美眉照片处理为艺术特写
本文中我们用Photoshop将一张偏色的肖像照片处理为黑白淡彩的美女海报。 原图: 完成效果图:: 步骤: 1.打开图片,我们可以发现图片偏黄,首先我们就要调偏色. 调偏色的方法很多,我这里用最简单最快捷的一种方法来调,先复制一层,执 行"图像-调整-匹配颜色",把"中和"选项打勾,增加亮度,减小颜色强度.

Photoshop实例:肥皂泡后面的花花草草
本例中我们用Photoshop来绘制透明的肥皂泡,并通过适当的变形表现出透过肥皂泡看到的花花草草。 效果图 点击看大图 点击看大图 点击看大图 点击看大图 点击看大图 点击看大图

Photoshop模拟舞台追光灯光芒
本文中我们用Photoshop模拟一个舞台追光灯光芒的的特效。 在Photoshop中打开一个追光灯图片,或者你也可以自己绘制一个你喜欢的灯。 新建立一个层,用钢笔工具绘制: 转换为选区: 用白色到透明进行渐变: 复制图层,然后执行高斯模糊,设置为3或者4都可以:

Photoshop处理照片为锡制立体雕像
本例中我们用Photsohop将一幅美女的半身照片处理成锡制立体浮雕,一起来看看吧! 原图: 最终效果: 打开复制图层,设置图层模式为线性减淡。 再次复制图层: 拼合所有图层,按D键,之后使用橡皮擦工具将背景擦去:

Photoshop 韩式风格设计教程之相片立体效果
首先打开一张照片 (照片尺寸以适合网页或需要为主,可以先处理下,偶就不多说了) 点击 图像――>画布大小 在弹出的对话框上 设置宽度和高度为20个像素 选中“相对” 复制该图层 选中复制好的图层副本 ,按Ctrl+A 全选 然后 点击 编辑――>描边 在弹出的对话框上 设置描边宽度为1个像素 颜色为#999999 位置居内 完成后取消选区 在点击 图像――>画布大小 在弹出的对话框上 设置宽度和高度为50个像素 选中“相对”

Photoshop水彩特效表现处理方法
水彩颜料的特点是鲜艳、亮丽、透明,在没有电脑的时代,很多人用水彩画来做建筑效果图。 今天我们就介绍用Photoshop将建筑照片处理为水彩特效的方法,诀窍是用“查找边缘”滤镜表现水彩的效果。 先看最终效果。 点击看大图 首先在Photoshop中打开我们今天选择的建筑照片素材图。 点击看大图 COPY背景层。调整色相/饱和度 。

Photoshop处理照片为仿反转负冲照片特效
这个照片调色效果是仿反转负冲照片特效的方法做的,但风格和色调上却不同于反转负冲。本例中去掉了反转片做法中的一个步骤,就得出了现在这个效果。 先来看原图和效果图(图片来自网络): 步骤: 1.在Photoshop中打开图片,复制一层(这是我的个人习惯),进入通道面板,选择蓝色通道。 2.执行“图像/应用图像”,参数如图。

Photoshop照片处理魔术:白昼变黑夜
一幅风景照片,拍摄的时候也许是万里无云的晴天,但我们可以用Photoshop将它变成夜晚的景象。 制作工具:Photoshop CS,其他版本步骤类似。 处理过程: 1、找个晴朗白天的景物图片,在Photoshop中打开。 然后新建一个文件,按D键将前景色和背景色为恢复为默认的黑白色,选择菜单栏中的“滤镜”“渲染”“云彩”命令,得到效果如图01所示。 2、设置前景色为黑色,选择工具箱中的渐变工具,设置渐变类型为线性渐变,渐变颜色为从前景色至透明,从文件的底部至顶部绘制渐变,得到效果如图02所示。 3、按Ctrl+M键应用“曲线”命令,设置弹出的对话框如图03所示。 得到效果如图04所示。

将色彩鲜艳的照片变成偏黑白的淡彩特效
今天我们练习怎样把颜色鲜艳的图片变成偏黑白的淡彩特效,看上去更具艺术魅力。 先看原图和效果图: 步骤: 1.打开图片,按Ctrl+J两次,复制两层, 然后隐藏副本2。 选中副本1,按Ctrl+Shift+U,去色。 2.选中副本2,并把混合模式设为柔光。