推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了，这类网站通常需要营造氛围，展现美感，体现吸引力，优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了，壮美的风景和精致的界面融为一体，优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足，配合以突出的现代网页设计技术，结合当下的设计趋势，视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体，为用户提供了身临其境的体验。>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
最新发布
精选全面的年度总结优秀网页设计欣赏
每年年底总结总能给过去的一年收个尾，为新的一年找准方向，越来越多的科技企业、设计机构也开始热衷于在网站上呈现年度总结。虽然传统意义上的正式评估会让人觉得枯燥，但是在网页设计的圈子里，总能玩出让人眼前一亮的花样。在大量的动态效果和各类手段的加持之下，界面越发的惊艳，统计数据加持之下的信息的呈现方式足够突出，相当优秀。以往正规而严肃的内容在设计师和艺术家的润色下，开始表现出令人振奋、充满娱乐精神的一面，数字化多媒体的加入则让原本单调枯燥的数字焕发出不一样的生命力，带你开始一场华丽的冒险。动画、插画、视频、字体、图标等等各种各样的元素共同协作构成这些复杂而有机的“年度总结”页面。今天的这些网页设计都是这样的优秀作品，它们功能并不复杂，但是展现形式参差多态，样式多变，时尚多样，又原创独到。喜欢就收藏了吧。Year in Music by Spotify著名音乐平台 Spotify 的年度音乐总结选取的是去年最有影响力、蜚声国际的真正音乐潮人。设计师使用着两年流行的双色调设计来调整精选的艺人照片，营造出独特的氛围。动态设计和层次丰富的美感让页面的风格更加先锋，也更有特色。Year in Review by Beard Design这个设计机构的年度总结页面选择了干净简约的设计，扁平的图形、漂亮的动画赋予整个页面以清新和独具一格的设计气息。加粗的几何字体赋予网站以务实的气息，此外，其他的部分则显得有趣而好玩。
PS设计淡蓝色漂亮的星空头像，欧美帅哥个性头像。
PS人物个性头像制作教程：设计淡蓝色漂亮的星空头像，欧美帅哥个性头像。作者制作星空头像的方法非常实用。前期直接用阈值等提取出人物暗部区域；然后用星空素材剪切到暗部区域；后期再加上合适的背景，并微调头像部分的颜色，得到想要的效果。 最终效果1、在PS中打开素材，用套索工具框出人物头部。2、点击图片的小锁解锁背景，给刚框出的选区部分Ctrl + J 复制一层。 3、点击图像 > 调整 > 阈值，将复制出来的图层调整成黑白色调的图片。
详细解析Photoshop后期图像处理五个好习惯
由于越来越多新同学的加入，很多对PS的操作完全不熟练，所以今天野郎打算分享五个PS很重要的操作习惯，这些习惯都非常的重要，下面让我们一起来看看吧。1、Ctrl+J复制背景图层：有看野郎教程的童鞋都有注意到，我每一次在作图之前，都会进行Ctrl+J复制一次背景图层。这样的目的其实就相当于给原图层进行备份，以便不时之需：2、善用蒙板：PS操作中，大家经常会涉及删除和擦除图层，如图，我希望能够删掉图片的一部分，所以用矩形工具套了一个选区然后直接Delete键删除：但是要知道，这个操作是不可逆的。特别是在你帮别人处理图片的时候，如果对方认为需要多保留一些区域等，那重新操作起来就很麻烦。正确的做法应该是建立好正确的选区后，添加图层蒙板：
3ds Max制作奇幻飞船详细解析
说道这个作品的由来，自己都觉得好笑，是一个中午和同事去饭馆吃饭，看见了饭馆的勺子产生的灵感，感觉勺子在扣过来的时候很有动感，有点象某种鱼，突然就萌生了做一艘船的念头，后来感觉在水里太局限，就干脆让它到地面上来吧!最终效果图：最终效果模型制作回去后用了一晚上结合一些帅气的海生物，比如鲸、鲨鱼等，就用铅笔画出了这个手稿，后来觉得造型还OK，最后决定用3ds Max让它成型!(图01)图01接下来的工作对自己来说比较有挑战性，因为让2维的东西变成3维的有很多的未知因素，自己画的这张设计稿，也就起到了一个基本型的作用，其他的角度和细节还需要进一步的推敲，整个飞船设计之路才刚刚开始。(图02、03)
3DMAX混合PS打造新锐视觉文字主题效果
这次教程的主要精粹是3Ds Max如何混合PS创造出新锐视觉效果极佳的主题文字设计。更希望通过这次实例讲解能成功地把在平面设计上没有3D基础的同学们带入这个跨平台创作领域上。别看到3D就怕了，其实没有那么难入手，我就是通过自学走过来的，不懂可以找百度叔叔，或者股沟爷爷，他们无所不能!我本身是新锐视觉设计的崇拜者，并朝着这个方面不断前进着，更乐意把学到的心得与大家分享、交流!说实话的，个人认为在这个年代，平面设计在技术层面运用上不能再墨守成规的依靠传统平面软件来创作，在视觉上或者在创意执行上，没有三维技术的融合跟视觉表现，很难实现佳作，创意的实现更会大打折扣。看着欧美国家的平面设计师们，早就把新锐视觉完美的融入到商业平面中，质量可是相当的高!难道我们就只有羡慕的份吗?不!!!赶紧学习三维吧，不然我国多媒体艺术这块就跟人家的差距就越拉越大了。让夕阳时代早点结束吧!整体提高平面设计的门廊，这样整个环境才会改变，人才自然大量涌现。开始学习吧，附件里包含一个字体文件，一张流体光素材，一个我的后期psd源文件，3Ds Max的源文件我没有传给大家，主要是希望大家真的能亲手去实践，确实弄不懂可以找我要!还有，学完这个教程最好装一个Vray渲染器插件，日后我的教程应该会大量运用到这个渲染系统!我用的是简体中文版的。我教程的3Ds Max版本是9.0的简体中文版，photoshop是CS2版本。如有设计网转载，请自觉把次教程归类到平面设计教程类，多谢合作!!!效果图：1.运行3Ds Max，进入界面后，在“创建面板”里面选择“图形”按钮，在对象类型中选择“文字”。并在文字基本参数修改面板下的“插值”修改为0，“参数”里面选择好我提供的字体，“文本”输入为“Graphic Design”，其他参数为默认值!然后在前“前视图”点击一下，文本就出现了。由于文本相对较长，并不能完整显示在各个视图中，可以点击“所有视图最大化显示”按钮。如图：2.进入“修改器”菜单，选择“网络编辑”里的“挤出”命令，在“修改”面板里把“数量”设置为“40”，其他参数为默认值!如图：
Photoshop合成创意风格的记忆大师海报设计教程
先来看一下记忆大师海报(国际版)：教程效果图：分析：这种图用三维建模更正常一点，但是Photoshop的魅力来源自硬怼啊。所以当我们手里拿着段叔的脑袋的时候，可以简化出开颅需要做的有这些：在脑袋前面制造一个裂缝 > 在脑袋后面制造一个裂缝 > 给脑袋内壁填充质感 > 往脑袋里面放上建筑 > 根据建筑和裂缝补充阴影。首先请你准备好一颗头，侧脸。并且找到一张合适的浅灰wall texture作为背景，纹理不要太乱，不要太深。然后为了完成一二步，我选择找一个鸡蛋，并且不反对找一个龙眼或者碎花盆甚至自己用钢笔随手画个裂缝的行为。这个鸡蛋最好碎裂漏出蛋壳内部的一大部分，就像左一那个蛋的上半部分。把这部分抠出来，跟头摆到一起，为了从一开始接近海报最终视感，可以全部调成黑白。观察它们：
Photoshop巧用3D功能制作创意的立体海报设计教程
方法是使用了PS里面的3D功能，一句话介绍方法就是：3D菜单-深度映射到-平面。先看看效果图详细教程往下看：1.找到一张高清图片，最好层次分明，色彩饱和度高些，不同的图片最后的效果差异很大2.选择3D菜单-从图层新建网络-深度映射到-平面3.3D标签选择当前视图，调整视图视角、尺寸等
Photoshop快速把人像照片添加英文字体装饰效果教程
先看下最终效果图：步骤1我们新建或Ctrl+N，创建800x 600像素大小，分辨率72像素/英寸，RGB颜色，8位，背景内容为白色的新文件 。大小也可以根据需要自己设定。步骤2打开需要处理的照片文件，拉入photoshop中，调整到合适的大小。Ctrl+J 把背景图层再复制一层。步骤3
Illustrator设计时尚简洁风格的汉堡包图标
在本教程中，我们将要建立一个现代化的汉堡包网页图标。我们将使用Illustrator，因为它更容易，调整尺寸不失质量和应用不同的样式。正如你可以看到在预览图像，汉堡包是超级简单的和最小的。我们不希望写过多细节只是为了弄清楚如何实现这个图标，希望通过这篇教程能够举一反三，而不是一步一步跟着做，那样意义不大。第1步在Illustrator中创建一个新的文件，并选择椭圆工具(L)。绘制一个椭圆，并填补它与CMYK=15，40，74，1第2步选择圆角矩形，设置半径为50像素画一个像包子的椭圆底部。填充和上面相同的颜色。第3步现在，画出两个圆角矩形，使他们更薄，并填充他们的CMYK=25，52，65，71。
通过实例讲解Photoshop签名效果的空间感
首先声明，个人对空间感表现得并没有那么得心应手，与各位高手之间存在巨大且难以逾越的差距，只是偶尔可能会有一些看上去很像有空间感的图被磨叽出来。空间感的制作，不一定非要使用钢笔画出那么多的东西，也不一定非要用多么高大上的素材，一些细节部分的处理，同样能帮助我们制作出空间感觉。这里只是把自己对自己所理解的 【 对所谓的伪空间感的丁丁点感受】表达一下，不一定对，但个人认为也许会对某些能理解如此莫名其妙的伪教程的孩纸有一些小小的帮助。因为所知有限，技术有限，所以讲解也就没那么复杂，只是简单滴来几句，分成3个部分，用3张图来讲解。以下用到的所有图均来自个人，也全都有主，包括各种讲解图，也请手下留情，请自重，谢谢。再次重申，不是高大上的东西，只是简单滴提示，有帮助更好，没有帮助就全当看了一些无聊文字一笑而过就算了吧，以下内容纯属原创，盗用挠脸。第一，素材的细节处理。这张图我们要看的是这一部分：重点要说的是这个素材：图中的相框，经过了透视、斜切的基本处理。但是，这张图怎么说也只是一个平面图，就算是透视、斜切，它也只是在平面上有了一定的斜面效果而已。但想要表达的是一个类似于真实的相框，为了让它看上去不再那么平面，就需要进行细节上的处理了。