推荐阅读

从京东分会场学到的模块化设计方法总结
在电商的世界,似乎一切时间都可以和购物挂钩,5.20、6.18、11.11、12.12、年货…,有购物节就要有各种各样的会场进行促销展示;面对越来越细分化的类目会场,作为设计师需要把多达几十个会场一一设计出吗?NO!如何提高设计及后续工作的效率,似乎在工业产品的标准化零件中找到了答案——标准化模块设计如果将会场比作工业产品,模块即是零件,动线即是图纸;使用不同的模块与动线,即可组成满足不同需求的会场。如何进行会场模块与动线设计?接下来将从模块设计原则、其它设计要求、会场动线设计三个部分进行讲解。零基础的同学移步:《设计小科普!给设计师的模块化设计新手完全入门指南》一. 模块设计原则从往年多次负责大促分会场的设计实践中,总结出一些模块化设计原则:可变性、可拓展性、丰富性、创新性。其中可变性与可拓展性属于结构化原则,创新性和丰富性属于内容性原则;接下来将逐一介绍遵循这些原则的原因以及如何遵循。

PS调出漂亮紫黄色自驾游照片处理教程
紫黄色自驾游照片是非常流行一种照片效果,这种效果有明显的反差,人物部分可能会偏暗一些,不过人物轮廓部分有一些透射光,看上去非常艺术。这也是很多摄影爱好者选择这种效果的原因,如果再配上合适的颜色,画面会更加梦幻。最终效果 原图一、打开原图素材,按Ctrl + J 把背景图层复制一层,混合模式改为“正片叠底”,不透明度改为:20%,效果如下图。这一步降低图片的亮度。二、创建可选颜色调整图层,对黄、绿、黑进行调整,参数设置如图2 - 4,效果如图5。这一步把背景绿色转为橙黄色,并增加暗部蓝紫色。

玩转Fireworks 8 笔触
总体效果图如下: (末尾有PNG源文件) 一贯偶的风格,继续长话短说,有疑问请跟帖。(本教程只针对FW8熟练用户) 原本偶只是想做出破损的感觉,虽然最终出来的效果和偶预想的不同,这个效果也非常令人惊叹。希望大家也不断的练习、摸索、试验,找出创作的感觉来。 1、 新建文档,透明背景。找一个有破损感觉的字体,偶用的是1942 report,52,黑色。 2、笔触效果:笔触颜色#A28200,强力消除锯齿。勾选“在笔触上方填充”,笔触相对路径为路径外。选择点击“笔触选项…”按钮后,选择“喷枪”——“基本”,笔尖边缘柔化最大,尖端大小为100。纹理选择脉纹,50%的纹理量。 再点击“高级…”按钮,“选项”标签中,墨量、间距、流动速率100%。勾选“建立”,纹理50%,边缘纹理86%,边缘效果选择白色霓虹。笔尖10,笔尖间距100%,变量为阴影。虚线为单虚线、开5、关1。“形状”标签中,不必勾选“正方形”,大小、边缘、方向都为100,角度360。“敏感度”标签中,大小:速度100;角度:水平100,垂直100;油墨总量:压力100,速度100,其他均为0。加上发光滤镜,颜色#352C04,光晕偏移35(为的是把图的空白处填满并增加层次感,请根据背景大小而自定),不透明度100%,柔化为0,偏移为0。 该层效果如下图所示;

实景婚纱摄影拍摄案例解析
策划:向诚(北京名人) 图文:田德友 造型:温狄 设计:邹运、张爱春 模特:桂巧惠、白亚舟 场地提供:锡盟爱罗维LV婚纱摄影 实景婚纱的拍摄,注重的是拍摄风格的多变,这四组场景的色调、画面元素与环境变化很大,属于时尚、怀旧混搭。拍摄时首先要根据画面的调子确定拍摄的影调,合理的运用灯光,选取不同的拍摄角度,搭配不同的色彩组合,设计与环境协调的美姿,拍出有新意的照片。本文通过灯光、机位和色调等不同角度,对在四个不同场景拍摄的婚纱作品进行介绍和分析,供广大读者在日后的实景婚纱拍摄中参考。 ● 灯光控制 场景1的特点就是清淡、高雅、明快。拍摄重点就是影调的控制,首先是服装的色彩要浅淡,人物的姿态设计具有剧情感,通过钢琴作为一个陪体,姿态设计自然。通过主灯提亮画面,增加皮肤的通透感,其他的灯对天花板反射到背景墙壁控制背景的亮度,制造均匀柔和的反射光效果,再用一支地灯控制画面的暗部层次和点亮人物的眼神,达到高调效果。拍摄时采取低机位拍摄使画面具有张力。 场景2最大的特点就是元素比较多,吊顶灯可以用现场光拍摄。场景的陪体多,拍摄时需要注意控制画面,保持简洁。利用混合光拍摄,还可以用来模拟太阳光的侧逆效果,勾勒人物的轮廓,使人物立体感增强。 ● 机位与构图 场景3的特点在于色彩太跳跃,要通过机位的变化使环境和人物具有视觉美感,如高机位的俯拍等。实景的环境局限性比较大,构图景别的变化,应该力求用减法原则使画面干净。采取定焦拍摄,控制画面的景深。低机位的拍摄,力求简约,突出人物的内在气质。 ● 色调控制 场景4的特点是无彩色和有彩色的搭配方式,通过改变色温来改变色调。采用现场环境逆光的拍摄,通过色温的调整使画面偏向于冷色调,对称式的构图,使画面充满阳光的味道。
最新发布

Illustrator CS5教程:制作超酷的3D立体字
很多初学Illustrator的朋友,都不太了解如何使用3D菜单中的命令,来制作逼真质感3D图形的方法,借此机会我精心地为大家安排了一个使用3D凸出和斜角命令,制作3D立体文字的实例,希望对朋友们能够有所帮助。在Illustrator中的3D凸出和斜角效果命令,可以通过挤压平面对象的方法,为平面对象增加厚度来创建立体对象。在“3D凸出和斜角选项”对话框中,用户可以通过设置位置、透视、凸出厚度、端点、斜角/高度等选项,来创建具有凸出和斜角效果的逼真立体图形。在开始教程的学习之前,请先在网站下载配套的练习文件,以便跟随操作步骤学习。下载: MissYuan_AIJC.rar (1) 运行Illustrator CS5,打开本实例配套素材“花纹背景.ai”文件。(2) 选择“文字”工具,在页面内创建文字 。(3) 选择“选择”工具,执行“文字” →“创建轮廓”命令。

Photoshop通道抠图:抠出多发丝的美女图片教程
最终效果原图1、复制背景。打开原图素材,按Ctrl + J 把背景图层复制一层,如下图。2、观察通道。进入通道面板,先选择红通道,这个通道发丝非常清晰,不过局部发丝与背景已经融合,如下图。3、选择蓝通道,发丝不是很清晰,不过红通道中有缺失的部分,这里就非常理想。因此我们要综合两个通道来处理。

Photoshop抠图教程:快速的抠出透明风格的玻璃杯
我们先合成结果吧:步骤:1、文件-打开。选择玻璃杯素材图片。2、切换到通道面板,单击观察红、绿、蓝三个通道,选择黑白对比最强烈的通道,这张图黑白对比最强烈的为蓝色通道并复制一份。3、复制蓝色通道,Ctrl+L,如图参数调整蓝色通道的色价。4、Ctrl+单击复制的“蓝 副本”通道,载入透明的玻璃部分选区。

Photoshop调出蓝色小清新艺术效果的外景婚纱照片教程
下面找了张客片,给大家演示一下:先看看效果图原片:第一步:调整光比 曝光 黑白灰。第二步:调整色温(新手可用白平衡工具.左上角第3个)调整饱和度(自然饱和度和蓝原色)

巧用Photoshop钢笔工具给人像美腿抠图
本教程主要使用photoshop巧用钢笔工具给人像美腿抠图。新多新手问我:教父老师,PS钢笔抠图有什么技巧吗?钢笔抠图怎么用等等话题,今天就简单写了这篇教程。大家有疑问的可以在设计探索网下面给我留言。题外话:请确保你有足够的耐心看下去。开始了,我们今天要扣的这张图是:别看着留鼻血。看下面的教程,不要再看上面的大腿了。PS钢笔抠图写在前面:1、我们扣每张图前得先搞清楚用什么工具、用什么方法扣最合适?可能你现在还不会分析,你把设计探索网教父老师,也就是我的系列抠图教程看完了应该会思路清晰很多。今天这张图为什么适合用钢笔扣呢?因为背景不像我们之前讲的魔板抠图的那张图背景那么干净,这张图背景明暗关系变化比较丰富、另外画面精度也不是非常高、细节比较多(比如:脚下面还有投影)等等。用钢笔抠图最大的有点在于:细腻!你可以轻松控制每个地方(的转折、起伏、细节等等)。2、做好戏前准备工作:图片解锁、选中钢笔工具、设置钢笔工具属性等,如下图:①双击“背景”图层解锁,这是一个好习惯,别忘记了。

Photoshop绘图工具之钢笔工具使用教程
在photoshop中,如何得到想要的曲线?如何绘制出复杂的路径?如何编辑已有的路径曲线?别着急,钢笔工具帮你解决!(本文以最新的Photoshop7.0为例) 钢笔工具“坐落”在Photoshop的工具箱中,鼠标右击钢笔工具按钮可以显示出钢笔工具所包含的5个按钮(如下图所示),通过这5个按钮可以完成路径的前期绘制工作。 再用鼠标右击钢笔工具上方的按钮又会出现两个选择按钮(如图2),通过这两个按钮结合前面钢笔工具中的部分按钮可以对绘制后的路径曲线进行编辑和修改,完成路径曲线的后期调节工作。 如果说画布是钢笔工具的舞台,那么路径调板就是钢笔工具的后台了。绘制好的路径曲线都在路径调板中,在路径调板中我们可以看到每条路径曲线的名称及其缩略图。(如下图所示) 下面我们就来仔细看看这些和路径有关的工具和调板的用法。 一、钢笔工具 选择钢笔工具,在菜单栏的下方可以看到钢笔工具的选项栏。钢笔工具有两种创建模式:创建新的形状图层和创建新的工作路径(如图4)。 创建形状图层模式 创建形状图层模式不仅可以在路径面板中新建一个路径,同时还在图层面板中创建了一个形状图层,所以如果选择创建新的形状图层选项,可以在创建之前设置形状图层的样式,混合模式和不透明度的大小。 勾选自动添加/删除选项,可以使我们在绘制路径的过程中对绘制出的路径添加或删除锚点,单击路径上的某点可以在该点添加一个锚点,单击原有的锚点可以将其删除,如果未勾选此项可以通过鼠标右击路径上的某点,在弹出的菜单中选择添加锚点或右击原有的锚点,在弹出的菜单中选择删除锚点来达到同样的目的。

详解PhotoShop钢笔工具抠图方法及实例教程
素材图 简要介绍钢笔工具及辅助工具 第一步 用钢笔工具一定要养成放大图片N倍的习惯,放的越大抠的边缘越细致。当然,大小和图片分辨率有关,像素低的放的过大了看不清边缘了也不行的。 第二步 点快捷键P或直接点击钢笔工具,接着点选上面的路径图标,在图片中开始抠图的地方点击一下,就出现了一个钢笔锚点。 当然你也可以从其它地方抠第三步 沿着轮胎边缘再点击第二个点,不要松开左键,拖动一下,就会出现一对控制操作杆(或称控制柄),这时你会发现两锚点之间的线条变成弧度,被你控制着。

Photoshop文本工具之钢笔工具使用教程
钢笔工具是PS操作中最常用的工具之一,可能很多新手对她还不是很了解,部分功能还不会使用。下面的教程将用实例详细说明钢笔工具的操作。 最终效果 1、在photoshop中打开图片重设你想要的大小。我将大小重新调整为1800px*2546px。 我将企鹅图像的透明度降到50%这样你可以更加容易看到你创建的路径和曲线。为了做到这一点,只需要简单的复制图层删除原始图层,然后设置的不透明度到50%。 2、创建一个新层命名为 ‘Body’选择钢笔工具 (钢笔工具的快捷键‘P’). 确认你已经选择了路径模式。 3、首先我们开始身体的轮廓。在头顶上左击,会出现一个小正方形,这个就叫做锚点,这是路径的开始。

详细解析Photoshop钢笔工具的高级使用技巧
在我初学UI的时候,临摹了很多作品,每次临摹基本都可以分为两个步骤,第一步是用钢笔工具和形状工具把物体勾勒出来,第二步是往形状上填充颜色,然后加一些渐变或者投影。在填充颜色和细节的时候是很享受的,但是在勾轮廓的时候总是很崩溃,画出来的曲线总是不流畅,也不知道问题出在哪里,其实就是钢笔工具没有掌握好。后来看到一篇外文文章,写的是在Illustrator中使用钢笔工具的技巧,才明白了怎样才能用钢笔工具画好曲线,今天结合那篇文章加上我的感悟来聊一聊 UI 设计中的难点,钢笔工具。准备工作,勾选橡皮带工具I Design With Code by Chris Gannon钢笔工具大家应该都很熟悉了,中间一个节点,两边两个手柄,调节手柄的方向可以控制曲线的走向,调节手柄的长度可以控制曲线的弧度。上面的动效设计表达的就是这个意思。在使用钢笔工具的时候有个能帮助我们的选项,叫橡皮带,勾选上以后,曲线会随着鼠标移动,方便我们预览曲线的走向,看下图,在图片最右边,点击齿轮勾选上:节点手柄方向和位置是画好曲线的关键