推荐阅读

精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了,这类网站通常需要营造氛围,展现美感,体现吸引力,优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了,壮美的风景和精致的界面融为一体,优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足,配合以突出的现代网页设计技术,结合当下的设计趋势,视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体,为用户提供了身临其境的体验。>Pygmy ElephantPygmy Elephant 是一个旅游机构,网站为用户提供了逼真而难忘的视觉体验。其中涵盖的多媒体类型丰富,通过丰富的视觉体验鼓励游客踏上旅程。网站使用了视频背景,漂亮的图文混排,精致的交互细节。>Cruise Me为了让项目效果突出,设计和开发团队使用了诸多先锋的技术。当用户打开网站的时候能够看到首页上交互性极强的地图,每个地标都能够为用户提供丰富的信息以便浏览和了解。再向下,用户可以翻看不同主题不同旅游项目的卡片,有目的和针对性地了解具体信息。整个网页的设计友好而令人愉悦。>Bird Luxury Travel PR

PHOTOSHOP绘作逼真蕃茄
4.画个大椭圆,羽化20,反选,增加亮度30。 5.取消选择后,用加深和减淡工具处理周边,上面和两边减淡,底部加深。使用加深和减淡工具的时候,需要不断的尝试,这时最好给图像做个历史快照,或是复制一层来做,这样便于修改,涂抹时次数是很多的,不一会就数十次了,在历史记录中可恢复不了。 6.蕃茄有几个瓣,现在来做这几条陷下去的纹。画个椭圆,用选择-变换选区旋转和移动到适合的位置,羽化1,在凹纹的位置用减淡工具檫。 7.反选后用加深工具檫。 8.同样方法做出余下的陷纹。观察整体,再对局部作一些加深增强立体感,可加轻微杂色,数量约1。 9.给这个层命名“蕃茄”,新建一层,在上部画个小椭圆,羽化3,填充灰白性线渐变,将图层模式设为“颜色加深”,作为蒂部位下陷的暗调。向下合并到蕃茄。 10.新建一层,命名“茄蒂”,用钢笔仔细钩出蒂的形状,填充绿色(46/77/27)。 11.绘画实物时,离不开我们的好帮手――加深和减淡工具。刚接触时,我也是极为头痛的,它们不象图层样式那样,调节参数就可以得到效果的,不容易掌握。但只要经过耐心的练习和尝试,你会发觉它们实在是可爱极了。处理茄蒂时可用钢笔辅助钩出叶瓣,也需要载入茄蒂的选区,用轻移、旋转、羽化、反选等动作来得到我们需要的工作选区。完成后加杂色1.5%。

Photoshop打造斑驳压纹镂空文字效果
简 介】 利用PS可以打造出各种各样奇特的文字效果,下面我们来制作一款压纹镂空文字…… 先看一下效果: 效果图 制作工具:Photoshop CS 制作过程: 1、新建一个宽度为100像素,高度为100像素,分辨率为350像素的文件。 2、新建图层1,单击工具箱中的“自定义形状工具”,在其属性栏中单击路径按钮,并在形状下拉面板中选择五角星图案,然后在窗口中拖拽创建一个五角星路径,如图01所示。

自己动手用Dreamweaver制作活动菜单条
用QQ聊过天的朋友都对它的自动隐藏窗口功能爱不释手,它可以使窗口显得清爽整洁而且富有动感,笔者的几个朋友都想在自己的网页中加入类似的东东,经过共同摸索发现用Dreamweaer就可以实现这种效果,下面我们通过一个活动菜单条的制作来看看吧。 第1步:制作菜单外貌 图1 在Dreamweaer中新建一个文件,绘制一个层,在该层中插入一个表格(如图1),对该表格进行修饰,然后加入菜单项并建立各项的超链接,为了去掉超链接的下划线,可以编辑超链接的CSS样式,在CSS样式面板中通过CSS选择器将“Link”和“Hover”的“Decoration(装饰)”均设置为“None(无)”,将“Hover”的“Color(颜色)”设置为红色,最后将设置好的样式应用到各个菜单条中(可按“F12”键预览效果)。 第2步:设计菜单的动态效果 1、选定层面,当鼠标变成“十”字形时按住左键将层面拖动到页面右上角(使整个菜单条完全露出但上边缘正好靠拢页面上边界),在窗口菜单中打开时间线面板,选定层面将其拖动到时间线上,Dreamweaer会自动产生一个长度为15帧的动画对象,拖动该动画对象的最后一个关键帧到第30帧,将其长度设置为30帧。然后在第15帧处单击右键,在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧,并将层面拖动到适当位置(如图2)。在时间线窗口中的第15帧处再次单击右键,在弹出的快捷菜单中选择“添加动作”,为该帧添加一个交互行为,Dreamweaer将自动打开行为面板。单击行为面板中的“+”按钮,从弹出的菜单中选择“Timeline/Stop Timeline”,打开“Stop Timeline”对话框,选择“Timeline1”后单击“确定”按钮关闭该对话框。交互行为的事件为“onFrame15”,动作为“Stop Timeline”,这样当时间线运行到第15帧时,动画将停止播放,这样就实现了菜单条弹回的功能。图2 2、用同样的方法在时间线的第30帧处也添加一个“Stop Timeline”的交互行为,这样就实现了菜单弹出的功能。添加了这两个交互行为后,在时间线窗口的相应帧上面都出现了一个蓝色方块,它代表一个交互行为。选择“自动播放和循环”复选框,使动画能够自动循环播放(如图3)。图3
最新发布

Corel DRAW制作美丽的鸡心像坠
如果你正在使用Corel DRAW做图,突然灵感一来某部分需要来点立体感给自己的创意添加一些效果,从而更好的表达创意的最终意图! 说起立体很多人就会立刻联想到3DMAX、MAYA之类的大型三维制作软件,诚然它们是极为优秀的、功能也是极为强大的,当然学起来也是极为费劲的,我们有时候不可能为了一小部分的立体感,动扎就去动用那些庞然大物,为了不让那一纵即失的灵感在频繁的建模、贴图、材质、转换、输出、导入等繁琐的过程中消磨殆尽,还是看看Corel DRAW能为我们做些什么吧!(见图1) 这副图很简单,大家一看就能够明白本人的用意,呵呵……不多说了,开始做吧! CorelDRAW的立体拉伸分位图和矢量图两种,在这里用到是位图立体拉伸,至于矢量图立体拉伸,由于倒角功能太单一在这就不解释了,其操作步骤类似。 首先使用Corel DRAW工具栏的Basic Shapes(基本造型)工具,在绘图区绘制一心型(见图2), 在属性栏内的OutlineWidth(轮廓宽度)参数栏内将其轮廓宽度设置为5.644mm(也可以随意)(见图3) ,这时心型的轮廓虽然加宽了,但仍然是轮廓,也就是说只有把轮廓转为物件才可以做位图拉伸,单独的轮廓是不行的。 按键盘快捷键Ctrl+Shift+Q或者在Arrange(安排)菜单内选择Convert Outline To Object(将轮廓转化为物件)选项将心型的轮廓进行转化,(注:当轮廓转化为物件后,原来的轮廓仍然以不可见状态隐藏在其物件后面,需要将其删除,不然以后可能会出现意想不到麻烦)。将心型挪至一旁,再点击原来的地方就可以选中它了(见图4), 之后按Delete键将其删除。 使用文字工具在绘图区输入英文"LOVE",调整心型以及"LOVE"的字体、大小如图,双击工具栏的选取工具,选中所有物件,并填充为红色,点击属性栏内的焊接图标,将其焊接在一起(见图5)。 好了,准备工作完成,选择工具栏内的Inter Active Extrude Tool(交互式立体工具),然后在属性栏内点击第一个图标Bitmap Extrusion Mode(位图拉伸方式)。开始进行立体拉伸操作前,先来熟悉一下属性栏内的各项功能(见图6)。 首先需要打光,这样在操作过程中便于观察,选择属性栏内的Point Light(聚光灯)按钮,打开操作面板,点击"+"号添加一盏聚光灯,初始状态灯光位置和角度处于正前方,右侧窗口中的黑色圆球表示当前被操作的对象,通过这个示例窗口可以对灯光的照射位置角度,亮度以及颜色进行调整。调节灯光位置至左上角,添加灯光的同时绘图区的对象已经处于三维操作状态(见图7)。 从下图中可以看到,当鼠标指针移至圆形内部,接近十字线的横线、竖线以及圆形的轮廓线时,鼠标指针都会产生相应的变化,通过托鼠标就可进行三维空间XYZ坐标的旋转,也就是横向、纵向以及平行方向的360度旋转(见图8), 并可以直接在属性栏内的ExtrudeRotaTion(立体化旋转)操作面板,进行旋转操作(鼠标会成为手的形状)以及取消旋转,并且可以设定XYZ参数进行精确的三维空间旋转定位(见图9)。 不过我个人认为如果不需要精确定位的话,那么在绘图窗口进行旋转操作更直观一些,就像绘图页面我总爱横向设置一样,纯粹是个人习惯! 点击属性栏上的FontBevel(前修饰斜角)打开操作面板,可以看到上面提供了5种斜角方式(矢量图拉伸没有此项功能),选择其中一种斜角方式,立体图形的边角发生了相应的变化,点击属性栏内的Bevels(斜角参数)操作面板,调整其参数(见图10), 如果效果不太理想,可将数值从新调整直至满意为止。 点击ExtrudeRotaTion(立体化旋转)操作面板上的"×"号取消旋转,然后在Point Light(聚光灯)操作面板用上面说过的方式再添加两盏聚光灯,并将其位置移至右上角和右下角,将右下角灯光亮度参数调为30,颜色保留原来的白色(见图11)。 注:"点击"预设置立体效果"后面的加号可以将当前的立体效果保存,以后如果想再做这样效果的话,只要?quot;预设置立体效果"窗口中直接调用就可以了,不过在保存的时候要为其起个好记的名字,要想删除你保存的效果,选中它然后点击减号就可以了"。 至此立体操作就即将宣告结束,最后还有一个反光灯功能没有介绍(它此时心里比较烦,不停的唠叨着:我不重要吗?重要吗?不重要吗?重要……) 反光灯的用途主要是对环境光进行亮度以及颜色的调整,和人们生活中太阳光的作用类似,它在进行立体操作的同时自动打开,有时视作图的需要,可以通过其操作面板将其关闭或者降低和提高亮度以及改变颜色,以达到一定的效果,这里本例是保留其初始值,不做变动(见图12)。 最后根据个人的用途导入一张图片,将其放置在立体图形的后面,使用曲线编辑工具调整图片,使其边缘隐藏在立体图形的边框后(见图13)。 好了,我就不罗嗦了,至于光照以及其他的斜角和旋转效果就留给你慢慢地探索好了!

PS制作阵列打孔效果
填充“云朵纹理”层颜色为白色。将工具条的前景色和背景色分别设置为白色和黑色,然后执行滤镜->渲染->云彩(注意不是分层云彩),按Ctrl+F可随机出现不同的云彩效果:

Photoshop制作精细头发
好吧,我把这个步骤分步公诸于众,以洗清自己的罪孽。你其实并不需要将头发丝铺满整个头发区域,只需要着重处理亮部和边缘细节就行了,否则累死你还不得好,别说我没提醒你!

Photoshop制作三维网格垃圾桶
图层的大量复制移动有不少方法,这里选择用设置动作来完成。在图层面板上选中“前”层,打开“动作”面板,点击右上角的小三角,选“新动作”,在弹出的对话框中设置功能键,例如选F5,然后按“记录”。 回到图层面板,复制“前”层为“前副本”层(鼠标按住要复制的图层不放,将它拖到图层面板下方“创建新图层”的小图标上),按CTR+T自由变换,按键盘箭头向上移动15个像素,在窗口上方自由变换选项中将水平缩放比例调为102%,按回车2次完成变换。再打开“动作”面板,点右上角小三角形选“停止记录”。 回到图层,选择“前副本”层,按刚才所设置的快捷键F5,就会执行复制当前层、移动变换这些动作,次数自己看着办。将上半部的各层调宽一点距离作出些透视效果,然后将这些副本层全部合并到“前”层。

PS制作打散背景效果
第六步:可以继续在散点图层上涂画编辑,直到效果满意为止。有兴趣的读者还可以为散点图层增加图层特效(菜单命令“图层→图层样式→投影”),最后执行“图层→拼合图层”命令将所有图层合并。如图4所示,是本例的最终效果图,感觉还不错吧。

PS制作足球
2. 在图层面版上点击“创建新的图层”按钮,新建一个图层,系统自动为之命名为“图层 1”。为了下一步更好的定位,我们采用“参考线”来定位,按下快捷键Ctrl+R调出刻度栏,然后在刻度栏上单击右键,选择“象素”来进行准确定位。然后分别从上边和左边的刻度栏上按住鼠标左键不放,分别将横、竖两条参考线拖到200象素,形成一个汇交于画布中心的交叉参考线,如图1:图1图2图3 图4图5图5

PS照片制作彩色玻璃画
第一步,你要确定作品的主题是什么。如果你把作品想象成威斯敏斯特教堂的一部分,那么当阳光透过这块玻璃时,你想对上帝诉说些什么?所以要根据你的主题需要为你的作品找一幅原始图像。你可以从现成的剪贴画中选一幅,也可以用自己的图像,还可以扫描一张画。这里我选择了一个可爱的孩子的照片。(图00) 其实,我们想从原始图像上得到的不过是所要描绘对象的大概轮廓。在背景层上新建一层,根据你的图像大小选择合适的笔刷大小和硬度。用黑色画笔仔细描出孩子的轮廓。如果画面中的某些部分挡住了我们的主要对象,要设法补全,使对象完整。尽量保持画面的简洁,太过复杂会使后面难以处理。这幅图中,我所用的是直径为3像素,硬度为0%的柔化笔刷。现在看是可以了,但在后面,你也许会觉得这样的笔刷还是显得纤细了些。(图01) 其实微一留意,你就能发现在真正的玻璃画中,线条应该是十分流畅的,但这张图做了一半我才想起这个问题,改动已是不可能的了。这个例子权当是一个反面教材吧! 还有一点忠告:大家看到那只怪怪的右手了吗?由于一开始疏忽了这一点,结果对最后画面的影响非常大!虽然越看越不顺眼,但已回天乏术!所以,在进行下一步之前,一定要反复检查你的线稿,确定无误!否则造成的错误几乎是不可弥补的。慎之慎之!

PS快速制作褶皱效果
图01a 揉皱的纸张不再有规则的边缘,考虑到这一点,我们要为边缘的变形留出一些空间。在使用画布大小命令之前,先将背景层转换为普通图层,方法是用图层>新建>图层背景,或直接在背景层上双击,在弹出的新图层对话框中保持默认设置,这样背景层就转换为了图层0。 打开图像>画布大小命令,保持原有的画布格局,根据你的图像大小,适当的将画布的宽度和高度都增加一些,大致在25~50像素之间,不用太大,图像周围有一定空余就可以了。如图01b。图01b 2.现在我们开始制作置换图。在图层0上新建一层,命名为texture 。复位色板,用渲染>云彩滤镜填充图层,如图02a;图02a