PS合成小孩走入奇幻森林场景教程

  PS合成小孩走入奇幻森林场景教程
  PS合成小孩走入奇幻森林场景教程
  效果图用到的素材非常少,不过效果非常细腻,梦幻。的润色方法非常经典,前期先把素材融合起来,简单的把颜色调统一,后期就需要给图片渲染高光,并根据光源位置给图片局部增加一些环境光,整体看上去非常有层次。
  1、在Photoshop中新建画布1800*135,设置如下:
  2、打开“地面”素材,选择矩形选框工具,只选择草地部分,移动到主画布底部。
  3、添加高斯迷糊滤镜,设置模糊半径为30像素。
  添加滤镜蒙版,然后用黑色软笔刷将草地的上边缘虚化,以便下面融入场景中。
  4、添加色相/饱和度调整图层,设置为剪贴蒙版,如下图设置饱和度、红色和黄色的数值。
  5、创建曲线调整图层,降低亮度。在调整曲线图层蒙版上,用黑色软笔刷为草地添加一些光照效果。
  6、将“森林”素材拖动到主画布的上半部分。
  利用图层蒙版和笔刷将地面和森林部分顺利过渡。
  7、森林背景应用高斯模糊滤镜,模糊半径为12像素。在滤镜蒙版上,用软黑画笔降低地面和森林之间的模糊效果,效果如下。
  8、接下来需要为森林树木创建阴影效果。我们的目的是想让主光源从森林中间穿透过来,这样树影需要配合光源位置进行设计。创建新图层,选择多边形套索工具,选择右侧的大树,填充为黑色。
  9、选择“编辑>变化>垂直翻转”,将它移动到树下,然后用自由变换工具进行调整,以适应光线的方向。
  添加高斯模糊效果,模糊半径设置为15像素。
  10、利用同样的方法,添加其他树影。

PS详细合成背着大山的巨大海龟电影海报效果教程

  PS详细合成背着大山的巨大海龟电影海报效果教程
  PS详细合成背着大山的巨大海龟电影海报效果教程
  效果图非常唯美,也非常魔幻。不过合成的素材有点多,过程有长。大致思路:先构思好想要的画面;再搜集贴近主题的素材;然后从背景开始溶图,大致搭建好后处理细节,调整光影,渲染颜色等;最后调整整体颜色,修饰好细节等即可。
  2、现在把“underwater”图片拖进来,放在如下图的位置。
  3、点击快速蒙版按钮,为该图层添加一个蒙版,然后切换到画笔工具,调整画笔硬度,不要太硬,前景色设置为黑色,将图片上半部分隐藏掉,如下图。
  4、复制一层,拖到画布右侧,如下图。
  5、把“underwater”图片再拖进画布一次,放在画面中间,如下图。
  6、还是像之前一样,添加一个图层蒙版,将上半部分隐藏掉,并擦掉图片左右边缘,以使它与周围过渡融合。然后选中这三个“underwater”图层,按“ctrl+e”合并,如下图。
  7、现在为合并后的图层添加一个亮度/对比度调整层,数值如下,再为调整层建立一个剪贴蒙版,使它只作用于下一层。
  8、为“亮度/对比度”创建一个图层蒙版,用黑色画笔涂抹下列区域,以使调整层不作用于此区域,如下图。
  9、按上面的方法,再为“underwater”图层添加一个曲线调整层,数值如下。
  10、现在把“sky”图片拖进来,置于“underwater”层之下。
  11、为“sky”层添加一个曲线调整层和曝光度调整层,数值如下。
  12、在曝光度调整层上建立一个图层蒙版,黑色画笔涂抹以下区域,使它不受曝光度影响,如下。
  13、为“sky”层添加一个色彩平衡调整层,分别调整它的阴影、中间色和高光,数值如下。
  14、为“sky”层添加一个“亮度/对比度”调整层,并在调整层的图层蒙版中,用黑色画笔涂抹下图区域。
  16、现在,将“underwater1”图片拖进来,用自由变换工具调整图片大小,使它覆盖整个画面。
  17、为它添加一个图层蒙版,用柔软的黑色画笔涂抹以下区域。
  18、将“underwater1”图层的混合模式改为柔光,效果如下。
  19、为“underwater1”图层添加一个渐变映射调整层,设置如下。
  20、将渐变映射的混合模式改为柔光并设置不透明度为69%,效果如下。
  21、用你最喜欢的工具把乌龟抠出来,并拖进此画布,放在如下位置。

新神器!帮你快速制作出优秀海报的Adobe Post(限IOS)

  新神器!帮你快速制作出优秀海报的Adobe Post(限IOS)
  新神器!帮你快速制作出优秀海报的Adobe Post(限IOS)
  Adobe 近期推出一项全新服务「Adobe Post」,从名称或许你已经猜到它的功能,透过程序快速制作出独特海报!对于不擅长设计的人来说,要从无到有设计一张海报或插图并不是很容易的一件事,有了这个神器,以后做banner/海报就方便多咯,来尝尝鲜!,这项工具内建许多设计模板,只要从现有的设计中选取,进行混搭,除了修改文字内容外,也能调整排版方式,让你利用App 就能快速制作出引人注目的宣传图片。
  Adobe Post 内建超过五十万张免费照片!这是一般应用服务难以达到的,当然也可以自由使用你相机里的照片,或从你的 Lightroom、Creative Cloud 中选择,透过选择照片、加入文字,加入特效滤镜后就能立即制造出美丽的图片!
  透过 Adobe Post 建立的图片适用于于个人或商业用途,即使使用了内建图库,依然能在商业方面使用,不受限制。
  开启 Adobe Post 官方站后,可找到应用程序下载链结,或者输入你的手机号码,让站将应用程序下载链结以简讯传送至手机。
  第一次开启 Adobe Post 应用程序,需要先注册一个 Adobe ID,如果有的话,可以直接点选下方的「Sign In」来登入。若你想省去麻烦,点迅Continue with Facebook」来使用脸书账号登入是最快最方便省时的作法。
  跳过一段简单的功能介绍,我们会来到 Adobe Post 应用程序主画面,在这里直接选择一张你喜爱的设计风格,待会对内文进行修改和排版调整吧!
  选择一张海报模板,下方会出现让我们开始混搭提示讯息,Adobe Post 最大特色就是可以就现有的海报设计,直接调整内容来快速建立一张吸引人的海报文案。
  点选文字可直接编辑内文,而且支持中文!是不是看起来超棒的呢?此外,还可以针对文字颜色、字型、形状、对齐方向、透明度及行距进行细部修改。
  在编辑文字内容后,还有几个可以操作的项目,包括套用滤镜特效、修改背景图片以及调整设计,调整设计就是前面提过的切换文字排版风格,下一步骤撷图清楚说明。
  Adobe Post 把许多不同海报设计上的字型模板都收录到应用程序,用户可以透过「Design Filters」来快速将内文切换成不同效果,藉此来进行混搭!让制作出来的海报设计不会跟别人「撞」到,也更有自己的特色。
  Adobe Post 还有另一项特色:滤镜特效!不过又跟一般滤镜不太相同,它比较像是调色盘功能,可快速为你的海报设计切换不同配色,操作上非常简便,不同颜色能呈现出截然不同的效果。
  使用 Adobe Post 建立的图片默认为 JPEG 格式,但可使用「Resize」功能,针对不同的社群站来裁切出最适合曝光的尺寸大小!
  支持包括 Instagram、Facebook、Twitter、Pinterest、Facebook 广告或是部落格,最后再透过「分享」功能来将图片分享出去。
  最后再用 Adobe Post 的「Share」功能一键快速分享你的海报设计吧!
  Adobe Post 会将你的每次设计保存在云端硬盘,不过有总容量 2 GB 限制!虽然可以支付每月 $美元来升级至 20 GB 空间,假如你没有非常需要这个空间来备份设计,那么其实可以把这钱省下来,将图片储存到自己的计算机即可。
  在实际使用 Adobe Post 后,不得不说它确实令人惊艳!不单单只是功能,而是应用程序把整个设计流程简化,让手机也能很轻松建立出具有一定质感和特色的海报文宣,虽然听起来非常不真实,但 Adobe Post 真正实现许多人透过手机编辑图片的愿望,而且它还非常简单容易操作。
  如果你是 iOS 使用者,建议你快去下载试用一下,相信你也会跟我一样爱上它!

27款张力十足的中文书法字体免费打包下载(个人非商用)

  27款张力十足的中文书法字体免费打包下载(个人非商用)
  27款张力十足的中文书法字体免费打包下载(个人非商用)
  27组免费打包的中文字体素材都在这了,赶紧下载备用!
  举个例子,大家在近期的部分宣传中都看到了“书法”的广泛应用。
  设计师们的尝试使书法艺术更具创意与活力,当书法遇见商业字体设计,效果简直酷毙了!

2016 年度 50 张最佳订婚摄影作品,看完是否想结婚了?

  2016 年度 50 张最佳订婚摄影作品,看完是否想结婚了?
  2016 年度 50 张最佳订婚摄影作品,看完是否想结婚了?
  Junebug Weddings是一家专注于婚礼策划的站。每年他们都会举办三个与婚礼摄影相关的比赛——全球年度最佳婚摄地点、全球年度最佳订婚摄影作品、全球年度最美婚礼摄影作品。这种比赛简直是对单身狗的一万点伤害啊!
  今年,Junebug Weddings公布最佳订婚类摄影作品,有的意境超美,有的创意十足,如果你正在筹备婚礼,那么不妨来欣赏一下,真是隔着屏幕都能感受到新人满满的幸福!
  Matilda Delves Wedding Photography
  Judd Green of Juddric Photography
  Evan Cikaluk of Virginia & Evan Studios
  Brian Callaway of Callaway Gable
  Kevin Biberbach of KEVIN Fotografie
  Dylan Kitchener of The Kitcheners
  Cole Roberts of Nordica Photography
  Anna Ambrosi of Bianco Photography
  Mantas Kubilinskas Photography
  Jason Ball of Jason + Anna Ball
  Lindsay Naito of Koyo Photography

从这里入手!让你的设计拥有高转化率的配色知识简明指南

  从这里入手!让你的设计拥有高转化率的配色知识简明指南
  从这里入手!让你的设计拥有高转化率的配色知识简明指南
  编者按:我们总希望自己的设计能够拥有不错的转化率,但是高转化率并非一蹴而就,也没有一劳永逸的万能方案,一切都是要从基础上着手。今天我们聊聊要做高转化率的设计,应当具备哪些色彩上的基础知识~
  对设计师而言,色彩是最强有力的工具之一,不同的色彩能够唤起用户不同的情绪和不同的感受,这也是大家都熟知的事情。可如果你真的从零开始一个全新的设计项目就会发现,要拿出一套真正适合这个项目的配色方案是何其艰难。
  为此,我开始着手撰写这篇涵盖了基础色彩理论和UX规则的快速参考指南。这篇文章并非系统而完备的色彩设计说明,它更接近于一份为UI和UX设计项目而准备的色彩使用概述。
  色彩理论中涵盖了许多内容,但是其中最基本的还是通过对比、互补和感染实现色彩与用户的互动:
  ·互补指的是我们视野中色彩和色彩之间相互补足的关系。选择色轮中处于相对位置的色彩,构成的配色方案令双眼觉得和谐。最常见的互补配色有两种,三元配色和复合配色,我们将稍后探讨。
  ·对比则可以将不同的元素区分开来,从而降低视觉疲劳,构建出视觉重心和焦点。元素之间的高对比度让文字更容易被识别,引导用户注意到更关键的信息。背景和背景之上文本的色彩选取就是一个非常常见的对比度的问题,我们会随后聊到。
  ·色彩对于用户的情绪上的感染也是一个重要因素。
  每次谈及色彩和配色,总是绕不过色轮。色轮上每一个色彩在对称的位置上都有一个与之“相反”的色。
  色轮的功能不只是为你呈现出互补色。色轮以三原色红、黄和蓝为基础,两两混合创造出次色橙色、绿色和紫色。在这六个不同的色彩的基础上,加入白色能够创造出不同的色调,加入黑色营造出色度的差异。
  想要构建一套可行的配色方案,通常有三种可靠可行的配色方案:三元色,近似色和复合色。
  三元色。这种配色方案是几种配色方案中最均衡的,在色轮上选取三个位置互成120度角的三种色彩,以它们的位置为端点能在色轮内画一个等边三角形。
  通过这个等边三角形,你能确保配色方案中的三种色彩带来的感染力、对用户的影响是均衡的,并且相互之间能够形成可靠的搭配。
  复合色。色轮上相互对称位置上的色彩构成互补色,而两组相邻互补色构成的配色方案则为复合色。这两组色彩的强对比是吸引用户注意力的重要手段。
  举个例子,红色和绿色就是一组互补色。iOS 中电话图标和右上角的数量提示标识就很好的构成了色彩对比。
  近似色。色轮上彼此相邻的色彩是类似色,它们能在色彩上营造出协调而连续的感觉。虽然这种配色不是那么好把控的,但是有诀窍,就是注意选取有感染力的色调作为核心,这样可以最大化利用整个方案。一套类似色的配色方案通常是在色轮的同一区域内选取色彩搭配而成。
  黄色和橙色就能很好的搭配出一套配色方案。
  著名的任务管理类工具Clear 就是借助类似色配色方案将不同优先级的任务视觉化的处理。
  类似色配色方案能够用来给APP或者站营造特定的情绪和氛围。比如医疗类应用Calm 就使用了蓝色和绿色这样的类似色配色来尽量让用户感到轻松和宁静。
  学习搞定配色方案最好的方法就是不断的练习。创造配色方案的工具很多,Adobe Color 无疑是相当可靠的选择。Color的调色面板非常的直观,选中的色彩都可以进行单独的修改,方案制定完成之后只需简单的点击几下就能很好的保存下来。
  当你在为文本进行色彩选取的时候,需知道文本和周围的色彩如何相互之间对比度低的话,用户是很难进行分辨的。当这种配色出现在移动端上之时,户外的炫光和屏幕本身的反光可能让这种情况更加严重。
  色彩低对比度让用户的眼睛无法聚焦和分辨信息。
  WC3 的络内容可访问性指南 能帮你更好的解决页中色彩和对比度的问题。这份指南中规定了对比度的最低标准,确保低视力的用户最起码能看清文本。根据WC3的规范,文本色彩和背景之间的对比度会根据光照强度分为1-21总计21个不同的级别。对于正文文本和图片文本之间,他们提出了如下的建议:
  ·较小的文本应当确保至少和背景之间有:1的对比度比率
  ·较大的文本应当确保和背景之间的对比度超过3:1
  一旦你对配色作出了选取,那么用绝大多数的常用设备来验证这个配色的对比度是非常有必要的。测试结果和用户的实际体验是挂钩的,如果识别度有问题,那么应当作出适当调整。
  UI设计中,色彩搭配不仅仅是一种装饰,合理的设计能够对产品和业务产生直接的影响。色彩对于产品的转化率而言有着诸多影响,它作用于不同的UI控件,直接地影响着用户的交互和体验。而色彩对于转化率的影响,最值得一提的应该是行为召唤按钮。
  一个CTA 按钮通常牵涉到4件事情:位置,形状,文案和色彩。如果这四个因素在设计上都能良好的配合,那么这就是一个效果良好的CTA按钮了。在按钮的颜色选取和转换上的争议可能是世界范围内争吵的最多也是最常的一个问题了。有大量的A/B 测试的测试结果显示,CTA 按钮的色彩变化对于注册等交互行为有着重大的影响。HubSpot 曾经共享过一个著名的按钮颜色测试:
  Performable 所展示的A和B两个版本的按钮颜色测试,页面上的内容都是一样,测试的是颜色对于用户的影响。
  虽然大家都预测绿色的按钮效果会更好,但是红色的按钮实际效果比绿色按钮高了21%。
  所以,同样的道理,这样的测试结果并不能覆盖所有的情况。并没有一种神奇的色彩能够应用于所有的页和APP,实际的情况需要根据你的受众、基于测试来进行选取,看看用户会怎样决策。
  如果你想让用户点击某个东西,那么尽量让它脱颖而出。如果你的站或者APP中使用了大量的蓝色,那么用户可能不会立刻注意到蓝色的按钮,就像浅色的背景下,浅色的按钮不会显眼。用户之所以会更倾向于CTA按钮也是因为它们对比更明显,会因为鼠标悬停、点击而发生状态改变,让人无法忽视。
  对色彩的基础知识有完整而深入的理解,是做好页和APP设计的重要先决条件。这些色彩理论是做好UI设计的重要基石,提升的空间非常的大,怎么提升还是要取决于你的努力方向。不论你此刻选取的色彩是什么,它们对于整体是一定会有影响的,从对比度、协调度和对用户情绪的感染力上,都有着直接的作用。

推荐!版式设计中一图多用的处理技巧(PDF下载)

  推荐!版式设计中一图多用的处理技巧(PDF下载)
  推荐!版式设计中一图多用的处理技巧(PDF下载)
  美国著名平面设计师JohnMcWade为你全面地讲解了平面设计的基本知识,分享了实用的设计方法和技巧,并且详细地解读了许多完整的设计案例——包括宣传册、新闻简报、页、幻灯片等:你可以将书中的技巧运用到平面、页等不同的设计项目中,提升自己的平面设计能力,做出优雅、实用和不凡的版面。
  John WcWade是个天才,确切地说,他是一个可化繁为简、化难为易、化晦涩为通透的设计大师。他的作品对我影响巨大。我想,他也同样会给您一些启发。
  ——前雅虎营销总裁,畅销书《紫牛》,Soth Godin
  节选自《超越平凡的平面设计:版式设计原理与应用》
  通过《超越平凡的平面设计:版式设计原理与应用》你可以学会:
  亚马逊购买:《超越平凡的平面设计:版式设计原理与应用》
  在版面设计过程中,你可能会有很多地方都需要用到图片,也许你花费比设计创作需要的多得多的时间来寻找图片,有没有简单的方法呢?在下面,我们用两个实例来说明如何解决这个问题,我们只用一张图片,通过分割剪切,就可以将这张图片用在不同的地方,出来的效果同样非常漂亮。一张图片解决一个版面甚至多个版面,其实也是足够的!要将你买回来的图片物尽其用,通过有创意的做法从原图中得到几个小图,来配合你的版面设计。
  你有注意到其实在大图中隐藏着一些小图片吗?所以我们可以大胆尝试,将一张照片剪切成多张小照片。而且,由于这些小图片都是来自同一张大图片,所以它们的色调及图案都显得非常统一,这使你的设计轻而易举就可以获得协调的效果。
  其中的关键就是你要选择好到底要哪部分。我们可以想象一下我们是在跟别人讲一个故事。一张从大图片出来的小图片其实有着一种全新的意义,这个过程本身就很有趣。将图中各个不同的部分分离,然后看一下我们到底有什么信息可以传达给别人。
  当我们一眼望去这张海滩的图片时,我们是将它看成一个整体的,或多或少会对其中的细节置若罔闻。但如果我们将各部分分离,我们会发觉,其实每一部分都隐藏着一个”故事”,都有着各自的重点。
  如上图右下角小图中,我们就会想,海岸线到底有多长?这张图片虽然显得有点小,但因为它里面包括了陆地与大海,所以这张图片可以使它与另外两张我们截取的图片形成统一。
  一幅人间天堂式的风景,它是驶离陆地还是准备靠岸?如果我们没有看原图,我们无从判断。
  旧的总比新的更有性格。我们选择这艘破旧的小船,让你不禁在想,这艘小船见证了多少的风雨?当我们从大图中截取让它变成一幅单独的图片时,这艘小船显得孤伶伶的,它以前的主人是谁?它现在为什么会停在这里?旁边的那些脚印又是谁留下的?
  我们只截取小船的船头部分,这部分只占原来的大图很小的位置,还不到十分之一。但我们却将它作为版面的大图,这样,它给人的尺寸感觉就完全改变了,现在,它成为了一个有趣的视觉焦点。上图中,三张图片的尺寸都不一样,右边的特别大,左下的图片特别小,这种不同尺寸的图片可以让我们的整个版面产生层次感。而读者的眼睛就会从右的到左。
  采用上面的这种方法,我们还可以创造出另外一种完全不同视觉效果的设计。
  下面这个页上的所有图片其实都是来自于上面这张椅子的照片。
  如果你仔细观察一下那张椅子的照片,你就会发现其实这张普通的椅子包含了各种各样的线条、图案、颜色、孤线及转角位,它们充满着对比。
  在整个版面中分为上下两部分,它们各自所形成的视觉效果并不一样。上面部分显得开阔平静,而下面部分则显得饱满充实。
  这个版面的上下两部分的构图差别非常大。我们只利用一张图片就可以使整个版面充满视觉对比,包括不同的尺寸、材料、图案、形状及方向的对比。
  上面的开阔设计使到眼睛很容易就集中在那张椅子上。
  而下面显得很充实的版面传达一种动感及丰富的层次感。在这部分中并不存在一个视觉焦点,因为所有的图片都是在大小不一的矩形区域中,产生了不同的方向感。
  我们将下部分其中几张小图片用颜色区域代替,并加上标题来使设计显得更具吸引力。现在的关键问题是我们要选择什么样的颜色才能与整个版面配合。
  我们首先用吸管在椅子上取一种颜色,然后看一下这种颜色在色轮中是处在哪一个位置上。
  在这个例子中,椅子上的所有颜色几乎都是暧色调,为了使整个设计具有暧色调的感觉,我们可以采用一种相近色来作为搭配。两种相近色具有同一种基色,具体在这个例子中,我们从上图的色轮可以看出,棕色与草绿色都包含了黄色这种基色。这种拥有同一种基色的颜色总是能够形成良好搭配效果。
  如果你不希望整个版面有太多的暧色,那我们可以采用补色搭配。
  为了使版面能够形成强烈对比,或希望整个版面充满动感,我们可以采用补色搭配,因为互为补色的两种颜色能够形成高强度对比的视觉效果。但是,补色搭配会使到两部分的区域在视觉上都一样具有强烈的视觉效果,从而会互相削弱对方。
  为了解决这个问题,我们将其中一种颜色变浅,减少蓝色的”气势”,这样使到棕色区域仍然能够突围而出。