推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了,这类网站通常需要营造氛围,展现美感,体现吸引力,优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了,壮美的风景和精致的界面融为一体,优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足,配合以突出的现代网页设计技术,结合当下的设计趋势,视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体,为用户提供了身临其境的体验。>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
最新发布
PS+ImageReady制作缓缓飘落的枫叶GIF动画
原图效果1:选择多边形套索工具(shift+L),套出一片枫叶(选区必须闭合)2:复制选区(ctrl+J),按住ctrl+鼠标拖拽到原枫叶下方位置
Photoshop制作滴墨成花动画效果
本教程主要用Photoshop巧用滤镜制作滴墨成花动画,没有什么创意,只是自己喜欢,取了个巧,记录了一下滤镜的连续变化.应该还有很多扩展.效果图:
爆炸效果字
今天我们来介绍一下如何用Photoshop爆炸效果字,如下图: 前一段时间我们介绍了一些Photoshop外挂滤镜的用法,在上图的制作中我们将用到Photoshop的一些内嵌滤镜,下面我们来介绍具体实现方法。打开Photoshop并新建一个文档,用文字工具T在文档中输入文字,如下图: 在Layer面板中选中文字图层点击右键选择Rasterize Layer将图形打散,如下图:
30套非常漂亮的免费矢量设计素材
设计师经常需要去网上搜罗一些矢量图片素材用于设计任务,网上的各种资源琳琅满目,要找到合适的素材可能需要花费大量的时间。今天这篇文章向设计师朋友分享30套非常漂亮的免费矢量图片素材。这些高质量的矢量素材既能为设计师节省时间,又能有很不错的效果。1. Easter Bunny2. Swirl Vector Background3. 25 Free Summer and Sunset Vectors4. WG Funny Swirls5. Arrow On Target6. Slavic Soul7. Star Background8. Floral Vector Background9. 264 Vector Packs
怎样使得一幅CG照片般真实?
怎样使得一幅CG照片般真实?可能有上千个元素可以增加图象的真实性,但总结起来有10条,我把它们称之为“照片真实3D的十大原理则。它们正是确保图象照片般真实的基本底线。 照片真实3D的十大原则: 1. 混乱和无序 2. 个性和期望 3. 可信度 4. 表面材质 5. 镜面反射 6. 污垢、灰尘和锈迹 7. 裂痕和刮擦 8. 斜角边缘 9. 物体材质深度 10. 散射率 你所要做的全部事就是把你的图象同这十条原则比较,如果满足其中的八项以上的话就可以把你的作品称之为照片真实3D。举个例子,一个刚出厂的崭新物品不需要第6和第7条原理,但仍旧要满足第8条原理。 在开始之前我们首先要了解图象背后的创作背景,这一点很重要,这有助于我们理解照片真实3D原理应用的理由和方式 Dwellers是一部目前Komodo Studios,一个位于南加州的动画工作室,正在制作中的一部3D动画影片。这是一部关于一名名叫Papagaio的老玩具工匠制造出具有感知思维能力的机器生物的故事。Papagaio在他的地下室里制造出了了第一个Dweller――Gizmo。我们长话短说:Papagaio用废品和新旧物品的零部件组装出了Gizmo。Dweller都是用现实世界的零件组装而成。这有助于建立它们的照片真实可信度,同样也有助于我们决定如何建模和确定表面属性,当然机械动态另当别论。 图1展示了Gizmo在Papagaio的工作台上初诞生时的情形。整个场景发生在午夜1点的地下室内。Papagaio不希望任何人发现Dweller的存在,所以他仅用一个工作灯照亮他的工作台。他刚给Gizmo加上线路版,也就是Gizmo的大脑。这个场景捕捉了Gizmo苏醒时的瞬间。 现在你对场景的故事背景有了大概的了解,那么就让我们来看一下那十个照片真实原则是怎样应用于这幅Dweller的图象。 图1 Gizmo诞生的瞬间 原则1:混乱和无序 本原则远比应用真实图象作为表面材质来得重要。你呈现一个场景的方式对照片真实有着巨大影响。例如,一张桌子和一些全部旋转90度和离开桌子距离完全相等的椅子看上去就会很数字化。即使材质相当真实,这个场景仍旧看上去象芭比的梦中小屋。所以为你的3D图象增加一些混乱和无序会给整个场景带来真实感。 混乱是现实最明显的痕迹。大部分3D图象的通病就是缺乏混乱:每一样东西都被整齐地安排放置。我不知道你的世界,但我所生活的世界完全处于混乱之中。看看你的家和办公室。你看到了什么?呵,如果如同我的工作室一样的话,那么你会看见成堆的参考资料、纸、磁碟、ZIP和许多小摆设,瞧,完全的混乱。
Fireworks 教程-文字蒙盖图像
文本蒙版是一种矢量蒙版,只需将文本用作蒙版对象即可。要取得成功的效果,文字的颜色需要改成白色,并且选择的字体尽量粗,实例中使用的是“汉仪超粗黑繁”。 1.新建一个文件,打开一个图或是导入一张图2.使用“汉仪超粗黑繁”字体输入文字。3.把文字的颜色改成白色,如果增加效果,产生的效果也要改成白色,实例中给文字增加白色投影。4.同时选中文字和图片,使用菜单命令中的“修改”/“蒙版”/“组合为蒙版”命令。最后效果......