推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布

Painter8克隆技术
克隆是Painter中的一项特殊技术,它可以让图像更加快速地达到艺术化效果,是图像处理的好帮手。 虽然现在越来越多的职业插画家都用克隆来提高工作效率,不过在手绘练习的初步学习阶段,最好先少用克隆,不然只是自欺欺人。 对于Painter中的大部分笔刷,只要点选了【Clone Color】选项,都可以进行克隆绘画。注意前提必须要先克隆源文件,而且不能关闭克隆源图。 下面我们通过一个实际的例子来看看Painter 8中克隆技术的用法。 1.打开Painter 8软件,按【Ctrl+O】的组合键打开一张图片(图2.1.1.1所示),到【File】(文件菜单),点选执行【Clone】(克隆)的菜单命令。(图2.1.1.2所示) 2.到克隆文件,按【Ctrl+A】的组合键全选,然后按【Backspace】键清除画布。(图2.1.2所示) 3.选择【Pastel】/【Artist Pastel Chalk】(色粉笔/艺术家色粉笔)的笔刷变体。(图2.1.3.1所示)到【Colors】(颜色面板)点选【Clone Color】(克隆颜色)的图章图标按钮。(图2.1.3.2所示)执行【Effects】/【Esoterica】/【Auto Clone】(效果/特效/自动克隆)的菜单命令。(图2.1.3.3所示)

Painter 8 铅笔素描画
素描是一切绘画的基础,我们可以把素描简单理解成“单色画”,无论使用什么工具或者哪种单色种类,任何单色构成的画都可以称作素描。 画素描是一个对形体综合了解的过程,其中包括形体,透视,比例,色调等一系列的基本元素,只有深刻理解了被画对象,才可以达到素描的训练效果。 素描不是机械的排线游戏,不要仅画浮光掠影的表面效果,动笔之前还要多问自己几个为什么,多注意整体观察,让每次的素描练习都是一个研究对象的学习过程,而不是仅为了画一张“干净,漂亮”的画。 本例使用了Painter 8的铅笔笔刷变体作为主要工具,结合橡皮擦画了一张典型的铅笔素描。 最后完成图如下: 绘画步骤: 1.打开Painter 8软件,按【Ctrl+N】的组合键新建一个文件。设置合适的尺寸和分辨率。(图3.1.1所示) 2.选用【Pencils】/【Grainy Pencil 5】(铅笔/颗粒铅笔5号)的笔刷变体,选用一种中性的灰色,画出大概的形体比例和构图位置。(图3.1.2所示)

用Painter8个性化你的照片
随着数码相机的普及,用数码照片来留下美好的瞬间成为了一种时尚。数码照片的优点在于自由编辑的灵活性,大家习惯用Photoshop来处理照片,其实用painter 8的克隆功能结合笔刷,更能让原本普通的照片焕发新的活力。处理以后看到自己DIY的结果,会很有满足感呢! 原图: 处理后: 处理步骤: 1.打开Painter 8,按【Ctrl+O】的组合键打开一张数码照片。执行【File】/【Clone】(文件/克隆)的菜单命令。(图2.5.1.1和图2.5.1.2所示) 2.到克隆文件,按【Ctrl+A】的组合键全选,然后按【Backspace】键清除画布。使用【Cloners】/【Water Color Wash Cloner】(克隆/水彩水洗克隆)的画笔变体进行克隆绘画。由于克隆笔刷的属性原因,自动会形成一个水彩图层。(图2.5.2.1和图2.5.2.2所示)

Painter8制作个性化图片边框
Painter 8的图层蒙板是最新增添的一项功能,虽然没有Photoshop的图层蒙板功能强大,不能对蒙板图像执行滤镜,但是Painter有丰富的笔刷,利用图层蒙板来处理图像的边缘效果是个不错的主意。 我们这次就用特效笔刷修改蒙板可以设计各种生动的图片边缘,效果非常有趣。 另外图层蒙板还有一个好处就是不会破坏原始图像,你可以用黑色和白色反复修改蒙板,如果觉得蒙板效果不满意还可以删除它。 素材图片: 制作过程: 1.在Painter 8中打开一张素材图片。按【Ctrl+A】的组合键全选画面,然后按Ctrl键点击画面,把选区内的图像快速复制为新图层。(图2.4.1.1和图2.4.1.2所示) 2.再次全选画面,执行【Select】/【Modify】/【Contract】(选择/修改/收缩)的菜单指令。(图2.4.2.1所示)在【Contract】的对话框中设定收缩数值为20像素(图2.4.2.2所示)

Painter 8厚涂油画效果
用Painter 8把照片加工成厚涂油画的感觉很有趣,这里我们再次使用了图像处理中非常有用的技术——克隆。 Painter提供了现成的厚涂克隆画笔,我们需要做的只是涂抹,不必担心颜色是否准确,只要注意笔触的排列就行了。 素材如下: 最后完成图: 绘画步骤: 1.在Painter 8中打开一张你选好的图片。执行【File】/【Clone】(文件/克隆)的菜单命令。(图2.3.1.1和图2.3.1.2所示)

Painter 8 水彩画效果
前面我们讲了很多Painter 8的笔刷,今天我们来看看Painter 8最常见的水彩画效果表现。 Painter 8中众多的【Water Color】笔刷变体可以增加很多真实的水彩特效,非常适合图像特效处理,毕竟多一些手工劳动的效果总胜于自动化的指令。 【Sketch】是Painter 8新增的效果滤镜,可以把图像转化为不错的黑白效果,本例是用来制作水彩画的线稿。 【Lift Canvas To Water Color Layer】和【Wet Entrie Water Color Layer】的指令可以把任何材质的绘画都变成水彩图层,并运用纹理。 原图如下: 处理后的效果如下图 制作过程: 1.打开Painter 8的软件,按【Ctrl+O】的组合键打开一张图片。按【Ctrl+A】的组合键全选画面,然后按住Ctrl键点击画面完成图层的复制。(图2.2.1.1和图2.2.1.2所示)

Painter 8笔刷变体设置秘诀
笔刷变体。 Variant(变体)是Painter独特的笔刷专用名词,Painter 8更是史无前例地内置了400余种变体之多!这样的多的变种对于初学者来说似乎有些恐怖和无从下手。 其实这400多种笔刷是有一定规律可循的,其中还有不少重复类型效果的笔刷,所以我个人觉得这400种笔刷至少应该打一个对折。 下面我整理了一些变体中出现频率较高的字样,借此帮助大家了解一些笔刷的属性和绘画效果。 【Pencil】(铅笔) 铅笔工具我们都很熟悉,Painter 8中的铅笔有很多类别,也分别有着不同的绘画效果。比如【2B Pencil】(2B 铅笔),这是一种最常规的画笔,它的特性比较接近于传统的铅笔工具,笔触叠加处会有加深效果。那么这个效果怎么实现的呢?【CTRL+B】打开【Brush Creator】(笔刷设计器),在【General】(常规)看【Method】(类别)的选项。默认的选项是【Buildup】(叠加),这个类别选项可以实现笔触的叠加加深效果。(图1.4.1.1所示) 另外一种铅笔变体【Cover Pencil】(覆盖铅笔)的笔触效果比较平滑均匀,没有叠加效果,而且有覆盖作用,浅色可以叠加在深色上。 我们看它的【Method】(类别)的选项是【Cover】(覆盖),这个类别选项可以使笔触有覆盖作用。【Buildup】(叠加)是没有覆盖作用的,所以当你用【2B Pencil】之类的【Buildup】类别的铅笔是画不出白色的笔触的,所以在具体作画的时候一定要熟悉这2个属性。 通常【Cover】比较好控制,【Buildup】因为没有覆盖能力相对比较难控制,不过【Buildup】的笔触透明感明显好于Cover,这个就看个人的实际需要和个人喜好了。(图1.4.1.2所示)

Painter 入门-笔刷列表
painter的核心技术就是笔刷,入门最困难的一点就是面对各种笔刷无从下手。以下就我个人体会和心得讲述一些常用的笔刷,这些笔刷主要是用于手绘方面的,特殊效果的就省略了……brush(画笔面板)的快捷键是CTRL+2,笔刷面板可以像抽屉一样打开合拢。左边的是笔刷的分类,右边的是笔刷变体(笔刷变体就是笔刷的子类别)。按住某一个笔刷图标片刻,可以锁定这个笔刷图标位置,锁定的标志就是那个绿色的小圆点。当然有一个空位是永远不能锁定的。解除锁定也是同样的方法。 pencils(铅笔类): Dry media(干媒体):

Painter 入门-定制界面
painter是世界上最好的仿自然绘画软件,如果你对于painter还不甚了解,那么以下的内容图解会帮助你初步了解painter的操作界面以及一些关于个性化的小技巧。这个是painter 6的操作界面,其中我没有把color set的面板显示出来,因为那块东西基本没用…… painter 7的界面和painter 6的没有多大的区别,以下是painter 7默认的界面。各个面板的快捷键和painter 6的一样,打开或者隐藏都是同样的快捷键。 默认的界面看起来乱糟糟的,我根据自己的操作习惯重新调整了面板位置,而且自定义了三组笔刷面板(这个过会儿会讲到自定义的技巧)。 自定义的面板排列就是layout可以储存起来,就算以后弄乱了也可以轻易恢复。 最好选择一个合适的名字保存自定义的layout