推荐阅读

解析IOS平台设计规范和常用尺寸
此文分别从控件+布局+模态情景+手势交互+动画+字体等六个方面介绍了一些iOS平台设计的基础规范,有志于UI设计的童鞋推荐收藏起来,将来要做相关的设计可以直截了当戳进来学习。一、UI的控件概述:1、框架UI的元素分为4类:A:栏:状态栏目和导航栏的结合体;B:内容视图:应用显示的内容信息,包括相关的交互行为,例如滚屏、插入、删除等操作进行排序;C:控制元素:产品行为或显示的信息;D:临时视图:临时向用户提供重要的信息,或提供额外的功能和选项。2、框架UI的尺寸:

Photoshop调出阿宝色通透肤色效果的婚纱照片
先来看一些效果:衣服:拍摄前一天路边买的一条纯白色有裙子,很素但是布料很舒服。道具:自家花店根据现有花材扎成的森系手捧,主要有尤加利叶和棉花。场地:一个普通草地器材:佳能6D+135mmf/2L时间是下午三点左右,太阳还稍微有点强,下面就开始拍摄了。这些是前期的一些准备工作。先看看效果对比:看得出原图颜色有些灰,层次不够,皮肤不够通透,下面就讲下调色思路。

滤镜特效范例23
1、新建图像,将背景变为黑色,新建一个文字层。输入白色的文字,类似下图所示。2、对文字使用【滤镜_杂色_添加杂色】滤镜(需要栅格化图层),设定类似下左图。图像效果如下右图所示。-3、对文字层执行【滤镜_像素化_晶格化】,设定如下左图,图像效果类似下右图。-4、将文字旋转90度,执行【滤镜_模糊_高斯模糊】和【滤镜_风格化_风】滤镜,最后再将图像旋转回去。分别如下各图所示。---5、建立一个渐变映射调整层,设定如下左图,图像效果如下右图。-
最新发布

Fireworks 制作美式涂鸦文字
使用文本工具,输入以下文字,字体为Impact,大小为36,颜色#003300: 选定文字,Ctrl+Shift+P(文本->转换为路径),全选,Ctrl+G组合,属性面板中:纹理使用 纤维 50% 笔尖黑色,1象素柔化: 现在是最没技术含量却是最重要的一步,使用部分选定工具(就是那个白色的鼠标)修改路径(文本已经完全编程了路径): 最后得到: 在用部分选定工具选定blueidea,将笔尖宽度改为2:

Fireworks 制作铁锈字
现在Photoshop做铁锈字的教程已经很多了, 这里放一个FW做铁锈字的方法, 我这个铁锈字的效果并不是十分到位,但主要说的方法~ 我担心有写朋友没有金属的滤镜所以我也没用,如果金属字的部分直接用滤镜来做整体的效果会更好! 大家可以多多交流更好的方法~我也选择的笔触的方法,但效果不是很好. 制作铁锈字,重点除了金属外最重要的就是铁锈了,但由于使用FW没有办法得到PS中喷溅的效果,所有制作起来并没有Photoshop那么灵活,但通过这个教程可以提示大家灵活运用Fireworks的各个功能也可以实现很多效果! 1、首先,建议一个400*150的空白文档,然后使用黑色作为背景;在上面写上几个字,并选择稍微酷点的字体,这里我使用的是Cloisterblack BT,字体大小170,字体颜色白色: 2、给文字增加内斜角效果,设置参数如下: 3、画一个350*200的矩形,并添加线形渐变,渐变色为#999999到#333333: 4、选择 工具栏->滤镜->杂点->新增杂点->,数量为40,得到下图的效果:

Fireworks 的文字效果总结
总结之一:模仿别人的效果 1. 找到其他站的一些不错的效果,把图保存下来(保存不了的截图也好)。 2. 打开FW,把图文放大数倍,看清文字到底有些什么效果。特别重要的是,把文字实现的效果层次搞清楚。 基本的一些层次由内到外是:字内光亮->字内阴影->文字主体->描边/发光->阴影(通常描边和阴影可以放在一个层里实现)->其他背景 3. 分清层次后就可以自己来做了。要完全仿照的话,要具备几个条件: 4. 如果是英文,韩文,日文等语言的文字效果,要做成中文,只能用相似效果的字体了。寻找相似的字体,注意几点: 总之,这些效果是多多收集,切勿滥用。 总结之二:几种常见特效

轻松制作显示输入朋友名字的贺卡网页
新的一年就要到来了,今天我们来制作一个很简单又非常有趣的动态贺卡页面送给自己的朋友们吧!我们首先用Fireworks来绘制一个可爱的新年场景,然后对绘制的图像进行切割,导出为HTML页面,再通过简单Javasript代码的调用,生成一个功能强大的贺卡页面:只要你输入好友姓名,就能够生成专门给好友的定制页面和链接。当朋友们收到你为他们送上的特殊祝福,一定会非常开心的。文章末尾提供原文件供大家下载参考。原文件下载 制作步骤: 一、静态场景绘制 场景描述:一场大雪之后,堆一个胖胖的雪人。蓝蓝的天空,白白的雪地上,一个憨厚可爱的雪人给寒冷的冬天带来了许多乐趣,就连顽皮的小狗狗都被吸引过来了,围着雪人好奇的看个不停。这个场景是不是也牵动了你们童年的思绪呢? 1. 我们首先在Fireworks中新建一个大小为1024×768的图像,从而能够让这个图片可以作为桌面来使用。先在脑海中构想一下蓝色的天空、白色的雪地。首先使用矩形工具为图像绘制一个背景,这里填充使用线性填充,左边的颜色滑块设置为#013366,右边的颜色滑块设置为#FFFFFF,得到如图1所示的图像。 图1 绘制图像背景 2、接下来我们就开始绘制雪人了。首先是雪人圆圆的脑袋,先绘制一个椭圆,填充设置为用白色实心填充,笔触大小为4,颜色为#858786,采用柔化圆形的方式来得到一种朦胧的效果,如图2所示。

Fireworks 动画制作:蝴蝶翻飞巧写书法字
看到许多论坛上有一种漂亮的GIF动画写字效果:随着一只上下飞舞的小蝴蝶,漂亮的书法字就一笔一划地写出来了。于是自己研究了一下制作方法,这里特地把Fireworks的制作步骤写出来和大家共享。文章末尾提供原文件供大家下载参考。 完成效果如下,看上去特别清新素雅。 1.在Fireworks中新建一个宽100像素、高120像素、画布颜色为“自定义”(颜色值为#C6E0FF)的文档。 2.在左边“工具箱”中选择矩形工具 ,设置属性如下图所示(其中颜色值为#69ACFF),制作边框。 提示:如果这个矩形大小不合适,可利用“Ctrl+T”变形进行调整。

Fireworks简单方法打造网页“闪字”动画
最近网络上很流行一种超炫的闪彩文字及签名,在QQ空间里、论坛签名里、各类回贴和博客都有炫彩闪字的身影,一些具有个性的闪字还相当耀眼,那么这种炫彩字是如可制作出来的呢?其实制作炫彩字并不难,我们在Fireworks中用闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟! 下面我们来看看闪字的效果。闪字素材下载 制作步骤: 1.打开Fireworks软件,新建一个透明背景的文档。(文档大小可以先设置为390×68像素,如果不合适,后期再进行修改) 2.利用左边工具箱中的“文本工具”在画布中输入文字,然后在下方“属性面板”中调整文字的大小/字体,并在“消除锯齿级别”中设置为“强力消除锯齿”。 点击看大图

Fireworks 倒影文字特效
先看一个源文件:上方文字用蒙板制作,下方文字使用渐变矩形做遮盖制作。现在,我们介绍另一种方法,都有源文件提供。 PNG源文件: 另一种方法PNG源文件: 教程开始: 1、输入文字,设置合适颜色,克隆两次,将其一移动到下方并垂直镜象: 2、将上方文字(两层中的上层)选取,文本菜单——转换为路径,取消群组,修改菜单——组合路径——联合:

用Fireworks做数字连续翻滚动画
闲来无事,译了篇Fireworks(以下简称FW)的基础文章,效果如图: 这是一个大家可能都喜欢的简单动画技术,使用Fw中的“逐帧”制作出来的效果。大家可以用同样的方法做成倒计秒数的动画。 在Fireworks中打开一个新的画布,选择工具栏中的文本工具,输入第一个数字,并设置好文字的字体、像素大小等样式 打开帧面板,使用黑白选择工具,在面板是右上角点击,弹出下拉菜单,选择“重制帧...”。 在弹出的对话框中,如下图设置: 选择9个新帧,是因为动画包含0-9个数字(相当于10帧)。

Fireworks制作环绕圆形文字
圆形文字环绕实例 有时候可能需要做一些圆形文字的环绕,类似于左边的文字。其实这类文字实际上就是一种文字环绕路径的效果,不过只简单的通过Attach to Path功能是无法实现这种效果的,仔细地观察一下:环绕路径的文字的上半部和下半部实际上方向相反,所以光使用Fireworks3提供的文字环绕路径功能无法一次性实现类似的效果,其中还需要一些小技巧。:) 请看制作方法: 。 步骤一:新建一个空白图片,用Ellipse工具,画一个圆,用knife工具,将需要环绕的圆形路径在横向的两个顶点处一分为二 步骤二:使用文字编辑器将需要环绕在路径上的文字平均分为两个文字对象,并将它们的对齐方式设置为分散对方。