推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了,这类网站通常需要营造氛围,展现美感,体现吸引力,优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了,壮美的风景和精致的界面融为一体,优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足,配合以突出的现代网页设计技术,结合当下的设计趋势,视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体,为用户提供了身临其境的体验。>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图表工具详解
在创建图表之前我们一般要设置图表的类型,当然也可在创建后根据需要更改。展开Illustrator 10工具箱中的图表工具按钮,我们可以看到Illustrator 一共可以创建以下9种图表: 1.柱形图 2.重叠柱形图 3.条形图 4.重叠条形图 5.折线图 6.面积图 7.散点图 8.饼图 9.雷达图 在本教程中我们这里我们使用Illustrator 10,以一个实例贯穿始终,讲解最基本的图表工具应用。 一、创建图表 二、输入图表数据的方法 三、图表的组成及其选择 四、编辑更改图表数据 五、图表类型的更改 六、图表数值轴的位置 七、更改图表数值轴的刻度 八、不同图表类型的混合使用 九、自定义图表 十、的简单选项 十一、自定义图表的设计图案 十二、将设计图案应用到图表中 十三、在图表中显示数据列的数值 Illustrator 10的图表工具功能很多,并且十分强大,本文只是简略讲述了制作简单图表的基本方法,更多的精彩还有待于大家进一步探索。 图 1
轻松制作抽象矢量插图
1、进入AI,绘制两个大小和色彩各异的同心圆。 按F6键,选择填充色为淡蓝(102,102,255),边线色为无色,按I键,按住shift键不放,拖出一个直径在50mm左右的圆,再按住shift和alt键不放,在蓝色圆的中心拖出大约小于它1/3的圆,同时在颜色面板修改其填充色为亮红(255,102,102),按ctrl+A全部选择两个圆,再按下shift+F7键,设置排列为中心对齐。效果如下图所示。 2、对这两个同心圆进行混和处理(blend,相当于CorleDraw里的交互调和工具)。 按ctrl+alt+B键,色彩自动混和。效果如下图所示。 3、把混和后的对象进行画笔处理,生成抽象图案。 按F5键,在画笔面板(Brushes)选择你喜欢的画笔 ,看到它的变化了吧。效果如下图所示。
AI分页拼版全攻略
对矢量制图软件有所了解的朋友,一定知道没有类似coredraw ,pagemaker等排版软件界面下方状态栏处的分页栏(如图一),但这不代表Illustrator无法制作分页哦! 相反illustrator制作印刷拼版非常舒服,还不知道此功能的朋友,不妨跟着Relen一起看看吧!文章末尾我们提供.ai原文件下载。图一 Adobe Illustrator从早期版本就已经设置了 页面工具(page tool),当我们选择它在页面上挪动时会产生如图二、图三的情况。 图二 图三 Tip: 页面拼帖工具没有快捷键。先按[H]键转换为 小手工具后,按住【Alt】+ 鼠标点击工具栏的小手工具,可以在 和 工具间进行转换。 通常我们做图时,可以完全不考虑画板区域以及页面拼贴区域。选择菜单:视图>隐藏画板,可以隐藏画板线,选择视图>隐藏页面拼贴,可以隐藏页面拼贴的虚线。(图四) 图四 下面我们来看看页面拼贴工具到底能为我们做些什么? 如图五依次点选以下步骤:
AI参考线制作精确六面体
启动Illustrator后【Ctrl +N】新建一个文件,【M】选择矩形工具。点住【Shift】在画板上绘制一个正方形。 【Ctrl +R】打开标尺,从水平标尺区拖拽出一条参考线。在画板上点击右键,如果看到锁定参考线选项被选中,把它关闭。我们就激活了参考线。 Tip: 打开或关闭锁盯参考线选项,可以选择【Ctrl +Alt + ;】进行切换。 【V】选择选取工具,选中刚刚生成的参考线,任意上下拖动它。把它拖拽到我们所需要的位置上。
AI参考线制作精确六面体
启动Illustrator后【Ctrl +N】新建一个文件,【M】选择矩形工具。点住【Shift】在画板上绘制一个正方形。 【Ctrl +R】打开标尺,从水平标尺区拖拽出一条参考线。在画板上点击右键,如果看到锁定参考线选项被选中,把它关闭。我们就激活了参考线。 Tip: 打开或关闭锁盯参考线选项,可以选择【Ctrl +Alt + ;】进行切换。 【V】选择选取工具,选中刚刚生成的参考线,任意上下拖动它。把它拖拽到我们所需要的位置上。
AI10增效插件使用技巧
大家都知道Photoshop的插件非常多,其实Illustrator不但可以使用Photoshop所有的位图滤镜,除了它本身自带的矢量滤镜,Illustrator还有更多的外挂插件。 Illustrator发展到版本10,功能已经十分强大,8/9版本的多数第三方插件已经不需要了,但是谁会拒绝超炫又快捷的效果制作呢?但是请大家注意,要想让Illustrator顺利地使用好插件,还有一些注意事项,下面我们就一起来看看。 用Illustrator 10加上增效插件Vector studio 2制作出来的矢量图 Illustrator 10版本免费或破解的专用插件很难找到,如果你手头还有一堆的8/9版本的插件,别着急扔掉。在2000的系统上,你可以挑些Illustrator 10也没有的增效插件来安装。但是如果你用的是XP系统,那么就要小心了,因为那些插件开发时间较早,在XP系统上大多运行不好,经常花屏或者提示注册码不正确,严重的时候装坏一个插件会导致你要重新安装illustrator,那实在是太麻烦了! 这里介绍一个比较安全的方法,可以让你放心在Xp系统上安装和测试Illustrator 插件,即使安装不成功,或者这个插件的效果你不需要,也不会影Illustrator的运行,并且方便删除,删坏了也不要紧。 从文件管理器中,找到插件文件夹,拷贝一份,备份在别处。
AI渐变网格巧制珍珠项链
一提起矢量绘图软件,可能有不少人很容易联想到色彩简单、面少且感觉不真实的图像。其实使用Illustrator的渐变网格工具,配合合理的色彩变化,制作细致一些,完全可以创作出比较接近真实的图像。 你有没有试过用Illustrator制作矢量的珍珠项链?使用渐变网格工具,加上简单的步骤,十分钟就可以制作出一条珍珠项链噢,一起来看看吧。最终效果如下。 按【L】选择绘制椭圆工具,左手按住【Shift】,右手鼠标拖拽出一个正圆,同时填充为灰色(RGB:204.204.204),去掉勾边。 按【U】选择渐变网格工具,再正圆图形上分割三个点,如下图位置。