推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了,这类网站通常需要营造氛围,展现美感,体现吸引力,优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了,壮美的风景和精致的界面融为一体,优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足,配合以突出的现代网页设计技术,结合当下的设计趋势,视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体,为用户提供了身临其境的体验。>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
最新发布
Illustrator制作可爱的夏日海滩小插画
先看看效果图1、四个图都有一样的背景2、大大的描边3、都打破了背景的边界4、都是日常生活中常见的,都和夏日海滩这个主题想关,很真实首先新建一个图层800*600px大小,颜色模式为RGB,分辨率为72ppi,将新对象对齐到网格。STP1:背景的制作1、绘制安全框,虽然设计不应该有啥限制,但为保证一致,还是给个套比较好,新建一个矩形,大小128*128px,颜色为#FF6B57
Illustrator制作由水果组成的时尚图案背景
今天我们将在Illustrator中为西瓜和橙子制作出色彩鲜艳,时尚的图案。我们将创建两个主要元素和四个附加元素。先看看效果图1、绘制整个西瓜步骤1:首先,我们要新建一个500 × 500 px文档。步骤2:现在让我们开始绘制我们美味的西瓜。使用椭圆工具(L)绘制一个150 × 150 px的紫色(#8472ce)圆。选择画笔工具(P)和深紫色(#4a288c)。在我们的基本形状的左半边绘制三条弯曲的条纹。然后将这些条纹翻转复制到右侧。
Illustrator设计钻石格子风格的LOGO教程
今天为大家带来一篇非常有趣的教程,如何用利用许多晶状面来组成一个具有钻石风格的logo。我们将为你介绍从最初的草图到最终设计作品的整个流程。设计logo时,应先画一个草图,我们构思的是一支乌鸦。先勾画出乌鸦的基本形态。用曲线勾画出来的会被误认为是海鸥或鸽子,所以我决定采用直线来勾画。完成乌鸦的整体轮廓后,打开AI,用钢笔工具画出草图的基本轮廓,要注意每部分的比例。我们要完成的这个设计是立体风格的,因此需要增加一些修饰效果。在轮廓上的每个角点处画一些相交线。这些相交线将图形分成不同的平面,无需分的太多,因为一般logo的尺寸都较小,而在小尺寸下,一些小的平面是看不到的。选中所有的相交线,按下Ctrl+8以创建复合路径。
Illustrator巧用旋转工具绘制丰富图案
学过Illustrator的人都一定记得旋转工具,但大部分人都只用它进行简单的旋转工具,殊不知它还能做出很多漂亮的效果。 今天就从最简单的时间刻度开始,大家一起玩转AI的旋转工具。我们可以采用两种方法去制作时间刻度,这两种方法是其他玩法的基础。方法1:根据旋转工具以物体中心为特征的旋转,进行对称物体的旋转复制。方法2:毕竟有时候要旋转复制的对象不是绝对对称的,因此可以用一个小技巧,让Alt键配合旋转工具一起“转”!这里是换了一个造型,但过程是一样的。下面我们看更多更有意思的旋转玩法!玩法1:旋转后拆了它!
Illustrator CS5新功能:实例解析宽度工具
“宽度”工具也是Illustrator CS5新增功能中的一大亮点。使用“宽度”工具,可变宽绘制的路径描边,并调整为各种多变的形状效果。朋友们还可以使用此工具创建并保存自定义宽度配置文件,可将该文件重新应用于任何笔触。使绘图更加得方便、快捷。作者为了完美地向朋友们讲述“宽度”工具的使用方法,专门准备了一幅“时装海报”教程。在开始教程的学习之前,请先在网站下载配套的练习文件,以便跟随操作步骤学习。素材下载:本地高速下载(1)打开文档“人物素材.ai”文件。(2)使用“钢笔”工具绘制路径并设置宽度。
详细解析Photoshop曲线工具的使用原理
如果说直方图是摄影师的“X光片”,那么曲线工具一定是摄影师的“手术刀”了。曲线作为重要的影调和色调调整工具,不仅存在于photoshop中,在ACR,Lightroom甚至其他很多手机P图软件中都占据着显眼的位置。本篇文章,就将详细谈谈什么是RGB曲线,如何使用提亮压暗、黑白场、对比度,以及局部调整曲线等基本形态,调整一张照片的影调。同时,还会讲解如何把各种基本曲线形态组合起来,达到胶片、漂白、日系等等更复杂的影调效果。曲线工具在哪?曲线面板在Lightroom和Adobe Camera Raw工具中,都是紧接着基本面板的第二个面板,足以感受到它的重要性。在Photoshop中,我们一般会使用曲线调整图层来改变曲线。在PS中图层面板的右下角,第四个图标就是“新建调整图层”选项,点击后选择“曲线”,我们就可以新建一个“曲线调整图层”。新建调整图层,而不是在原图层上直接改变曲线。优点就是可以让我们方便的撤销/恢复所做的任意调整。曲线是什么?本文将重点讲解RGB通道曲线,它是由红(R)绿(G)蓝(B)三个通道的曲线叠加而成的,可以“近似的”理解成图片的亮度曲线。
Photoshop设计80年代人像二次曝光效果教程
教程所需要的素材:复古风格的二次曝光PS教程素材先看看效果图下面是素材截图图片总是塑造的结果,所以一定要选择适合你想要达到的氛围的照片。我受到这个简单的女商人的股票的启发,因为她想起了电影Flashdance中的詹妮弗·比尔斯(Jennifer Beals)。而我只知道我们可以用那个头发做魔术,考虑到这一点,我还聚集了城市景观图像,以适应复古80年代的氛围,因为它们的灯光和霓虹灯的颜色。总是将额外的库存加入书签以获取更多的变化现在的教程,让我们开始。1.如何风格和操作你的主题步骤1我们的主题看起来有点分心,所以我们不得不稍微修改一下照片,看起来很激烈。首先,创建一个新的文件在1780 X 2800像素和100个dpi的。
Photoshop抠出多发丝的夏季外景美女人像照片
最终效果原图1、首先打开原图素材。2、进入通道面板,观察各通道。选择红通道:发丝颜色与背景色差较大,唯一不足的是顶部的头发与背景色比较接近。选择绿通道:发丝有点偏灰,与背景色差不是很明显。