推荐阅读

5个网页设计师不应该犯的可用性错误
没有想打造糟糕用户体验的网页设计师。糟糕的用户体验通常并不只有一个——大量微小的体验问题在整个用户界面中重复出现,最终汇聚成一种巨大的、让人讨厌的体验。让我们学习一下那些会让你的用户讨厌的可用性错误。1. 忽视“空数据”时的页面设计(Neglecting the Design of Blank Slates)空白页(blank slate)是当用户没有添加任何数据,或者删除所有页面相关数据时他看到的页面。让我们看看空白页的例子——FreshBook的项目估算(item estimates)界面:FreshBooks的空白页面例子我们可以看到他们是如何在空白页面放置一些简单的元素来大大加强了页面的可用性的。即:着重描述(Prominent des cription):在页面的顶端,有一个对该页面功能的明显描述。可交互组件(Actionable components):为用户提供三条途径进行交互操作,并能立即开始。空白页面指示(Blank slate indicator):为了不让人疑惑,页面提供了状态描述,告诉用户现在页面上没有数据。

用Dreamweaver实现漫天花雨效果
淡蓝色的天空下,一朵朵花瓣随风飘下,慢慢的在屏幕中飘荡。你一定要说这种效果用FLASH可以实现。其实用DREAMWEAVER也可以很轻松的实现! Dreamweaver之所以能够超过Frontpage而成为网页设计师的首选设计工具,在于它对DHTML的强大设计功能,上面所说的效果,其实是DHTML的一种。但是使用Dreamweaver,你无须去编写冗长的代码,在DW的窗口里几个拖放,就能轻松搞定。 首先用Firework或Imageready一类的软件制作出几幅动态的GIF花瓣图片来。以ImageReady3.0为例子。按Ctrl+N 新建一个文件,大小100*100左右,背景色可根据网页的背景自行设定。按Ctrl + Shift + N新建一层,取名Flower1,用勾画工具(Polygonal Lasso Tool),勾画出一个花瓣的外形,如图1所示。然后将前景色设为粉红色(颜色代码为:FF99FF),按Edit / Fill 填充,然后在层面版的Flower1上按右键,选择Layer Style / Stroke ,如图2所示。在弹出的Stroke面板里的选择色彩的地方选择一个比刚才的粉红略深的颜色,(颜色代码为:C764B4),Size选择为1,这样花瓣就被描边,看上去更真实一些。这样一个花瓣就制作完成了。

用Photoshop图层给MM照片换背景
用Photoshop图层给MM照片换背景。 原图 最终效果图 01、打开图片,ctrl+j两次,分别得到图层1和图层1副本。见图01 图01 02、点击红圈处,新建图层2,放于图层1与背景层之间,并填充蓝色。作为检验效果和新的背景层。见图02
最新发布

Photoshop转手绘快速把美女照片转成唯美手绘效果
最终效果原图1、修改图片分辨率,200~300都行,像素大小10M左右就够了,大了容易卡。2、然后就是调色啦,色阶感觉还可以。3、把背景层复制两层,图层1副本模式为柔光,把图层1中间值,数值5。

PS转手绘教程:给模糊的人像转成唯美的手绘效果
最终效果原图1、调色。将背景复制一层,作为画图的参考。调色的方法是在【调整】里面,曲线、曝光度、可选颜色、饱和度等等都可以用。我是用曲线把亮度调低,曝光度再降低了,参数如下。最后调整完整个图片比之前暗了很多。

Photoshop结合AE制作超萌的动态表情教程
把静态表情转换成动态表情有很多方法,本教程会用到逐帧动画和关键帧动画两种方法(工具分别是PS 和AE),用一个表情做示例,希望大家学完后能融会贯通,举一反三。

Photoshop制作3D立体字质感的岩石字设计教程
最终效果1、首先绘制一个基础手稿,可以看得出一个大概的模型,这样我们在找素材的时候方便一些。2、然后我们根据文字的立面设定一个消失点跟视平线,如下。3、接着,我们根据消失点拉出其他的侧面以及顶面,这样我们就可以得到一个立体文字啦~~~学到了吧。 4、得到这些面之后,我们就可以来添加材质咯~~~找一个合适的材质然后剪贴进去,看下面图哦。这里要注意你贴图的位置哦~斜切的面贴图素材也需跟着斜切过去,不然会显得很平。然后把暗部亮部用柔光图层稍微涂涂,显得体积感更强一些。

解析Photoshop渐变工具的使用方法
这类渐变一直很受欢迎,不过这可能是第一个手把手教你怎么做出来的教程。效果图:练习重点:这次主要运用到Photoshop中的渐变工具以及图层样式中的渐变叠加,还有液化,那么这里主要就是用来变形的,效果很棒,方法很简单,感兴趣的小伙伴可以做起来。接下来我们就开始学习这种方法吧。步骤一:在Photoshop中新建一个文档。宽度:595 px高度:842 px

Photoshop制作水墨喷溅效果的美女头像设计的PS教程
最终效果1、新建文件。打开PS软件,按Ctrl + N 新建,尺寸为1280 * 800像素,分辨率为72像素/英寸,然后确定。2、在工具箱选择“渐变工具”,颜色设置为灰色至淡灰色,如下图,然后在属性栏选择“径向渐变”。3、由画布底部往上拉出下图所示的渐变作为背景。

给泛白的河流图片加上霞光效果的Photoshop美化教程
素材图片天空偏白,整体偏灰,不是很好;在美化的时候,我们先找合适的霞光素材放到天空部分;然后把整体压暗,局部可以根据光源的影响增加一些暖色;最后渲染出阳光,得到唯美的效果。最终效果原图1、打开原图素材大图。先来给整体增加暖色,创建可选颜色调整图层,对黄色,绿色进行调整,参数及效果如下图。 2、按Ctrl + J 把当前可选颜色调整图层复制一层,效果如下图。

合成与恶龙搏斗的女战士图片的Photoshop图片合成教程
效果图画面非常简单,不过光影处理的不错,在突出的主体人物的同时,局部也做了一些光影,如隐藏在角落的恶龙等,这样画面给人很大的想象空间。最终效果1、新建一个尺寸为960px*1200px的黑色背景文档,建好之后将模特素材拖入其中。随后简单抠图即可,将女模特形象单独抠出来,并调整成合适的大小、位置。2、接下来在女模特图层上建立黑白调整层和色阶调整层,对模特进行轻微调整使得画面更暗一点。3、随后在调整图层的蒙版中用黑色软画笔在模特头部手臂等部分轻微涂抹,突出原有的肤色。调整完毕效果应该是这样的。4、接下来将我们准备好的建筑素材拖入到我们的文档中。放置于女模特图层下。ctrl+T调整好大小并旋转一定角度。

如何用photoshop变形工具制作细腻小火苗字体的PS教程
跟其他的火焰字不同,本文的火焰字直接截取火焰的局部区域,贴到文字上面,然后变形跟文字的笔画融合,这样得到的效果就比较流畅,跟手绘的效果一样。最终效果1、新建文件。打开PS软件,按Ctrl + N 新建,尺寸为1024 * 768像素,分辨率为72像素/英寸,如下图。2、把前景色设置为黑色,然后用油漆桶工具把背景填充黑色。3、打开文字素材,用移动工具拖进来,调整好位置后把不透明度设置为50%,如下图。4、先来制作第一个字,需要完成的效果如下图。

Photoshop制作华丽的金色贵宾卡设计的PS设计教程
贵宾卡设计跟名片差不多,画面都比较简洁,只是贵宾卡更注重华丽部分,用到的背景、素材、文字都需要经过特殊处理,搭配起来大气,华丽有档次。最终效果1、新建一个贵宾卡标准尺寸文件(9.0 * 5.4 CM,分辨率为300像素,如果要印刷的需要加上出血位3MM;印刷的选择CMYK模式,教程用到的是RGB模式),背景填充任意颜色。2、新建一个组,在组里新建一个图层,填充黑色作为背景。3、新建一个图层填充任意颜色。选择菜单:图像 > 旋转画布 > 逆时针90度,确定后执行:滤镜 > 渲染 > 纤维,数值自定,确定后再选择菜单:图像 > 旋转画布 > 顺时针90度,效果如下图。4、执行:滤镜 > 模糊 > 动感模糊,角度设置为0,距离设置为300左右,参数及效果如下图。