精华内容
下载资源
问答
  • 本文介绍了canvas 微信海报分享,分享给大家,具体如下: 随机产生一张图片 拿到微信用户的头像和称呢(自己调后端的接口获取) 把用户头像和称呢和随机产生一张图片合成一张海报 可能上一页用户还有填入的心愿...
  • 海报制作

    2019-06-18 16:06:00
    海报制作 (作者:李某人,撰写时间:2019年6月13日) 做海报的风格和类型有很多种,但是大...就是自己拍的照片来做海报,这就很新颖了,也很有意思,所以就先按照了老师的要求来拍了20张的照片当中也有之前的照片...

    海报制作

    (作者:李某人,撰写时间:2019年6月13日)

    做海报的风格和类型有很多种,但是大部分都逃不掉两个或者说那两个就是海报的关键和必须品,我说的那两个就是图片和文字,正所谓“万变不离其宗”海报亦是如此。

    就像上次我的老师就布置了一个作业,先让我们自己拍了20张的照片,在来做海报。就是自己拍的照片来做海报,这就很新颖了,也很有意思,所以就先按照了老师的要求来拍了20张的照片当中也有之前的照片,再就是拿20张图片来做5张海报。

    嗯,做了五张相同或者不相同风格的海报,举例一张,其他的就不多进行文字描述了。
    在这里插入图片描述

    上面的那一张就是我五一那时照的,然后再进行自己的头脑风暴想怎么设计这一张图片变成海报,做设计前先明白这的一点缘由和这么来的再根据这些信息来做这一设计,首先是在晚上才从其他地方来到一个公交站准备坐车回学校,这就是一个缘由吧,再看图一条马路可以看出来下来点雨,是晚上一个帅气的我,和一些灯光还有树。嗯嗯,上面的那些就是图中的元素,我采取了晚上和马路这两个元素来做我的这海报。

    所有就有了上面的一些关键字和海报的标题,整体的色彩使用是白色和一点淡紫色的这两种颜色,图中大致的颜色也是白的所有就白的为主色调,淡紫色作为相关的辅助色,里面的文字排版是先居中放再左右补充,最后还是留有一些空白,这张海报做的时候是时间算久的一张,个人觉得做的还不错,这可能算是个人宣传的一种东西吧。把自己给推出去。

    这海报的设计有点线面的结构存在,当中的线的这一结构用的不少,在字体上也做了一点儿的小设计,特别是当中的马路两字用了紫色为铺垫再上主白色的这一小的设计,上面中间的标题本为普通的马路,我把的改了大写字母D的做文章,这样使标题变得不单调。

    展开全文
  • 自己照的图片设计海报 (撰写时间:2019年6月17日 作者:李梦熙) 首先就是需要素材,那么素材又是从哪里来呢?就是需要自己需要去用手机照一张图片,图片不限要求,只需要用自己的拍照技术来拍一张图片,最好是拍...

    用自己照的图片设计海报
    (撰写时间:2019年6月17日 作者:李梦熙)
    首先就是需要素材,那么素材又是从哪里来呢?就是需要自己需要去用手机照一张图片,图片不限要求,只需要用自己的拍照技术来拍一张图片,最好是拍一些有创意的作品,这样自己来设计的时候也相当就会容易一些,自己照的图片有了就可以随意在这张图上做出自觉得满意的海报。
    我就来说说我是怎么用自己照的图片来设计海报的,下图就是我用手机照的两张图片一张是建筑背景图还有一张是橱窗里的婚纱,这两张图片也不是很好看,因为本人的拍照技术不是很好下面就来看看我是怎样用这两张图片来设计海报的。
    在这里插入图片描述 在这里插入图片描述
    首先可以给它把亮度调高,把背景添一个白色图层然后把图层的透明度调低,调到10%,然后在白色图层的上方拉一个矩形做出一个框的效果,把矩形栅格化用套索工具把不需要的边框给删除,做出自己喜欢的效果即可,然后可以放入一些与主题符合的主题的图形,放入一些文字,然后在版面上做出点设计的元素然后两张好看的海报就这样做好了,由于时间问题我就不跟大家介绍那么多了。
    下图是做出来的成果图,然后我把它展示在下方:
    在这里插入图片描述 在这里插入图片描述

    展开全文
  • 初探AR技术

    千次阅读 多人点赞 2019-10-06 15:36:58
    下面来介绍几个常用的AR SDK: ARKit 简介   ARKit 是一个移动端 AR 平台,用于在 iOS 上开发增强现实 app。可以在目前的数千万台 iOS 设备上运行。但为了获得 ARKit 的完整功能,需要 A9 及以上芯片。...

    AR概述

    概念定义:

      增强现实(Augmented Reality,简称AR),也有对应VR虚拟实境一词的翻译称为实拟虚境或扩张现实,是指透过摄影机影像的位置及角度精算并加上图像分析技术,让屏幕上的虚拟世界能够与现实世界场景进行结合与交互的技术。这种技术于1990年提出。随着随身电子产品运算能力的提升,增强现实的用途也越来越广。 ----WIKI

      其实,AR只是VR技术中的一个分支(增强式 VR 系统),它即允许用户看到真实的世界,也能同时看到叠加在真实世界上的虚拟对象。

    技术手段:

      AR从其技术手段和表现形式上,可以明确分为大约两类:一是Vision based AR,即基于计算机视觉的AR,二是LBS based AR,即基于地理位置信息的AR

    • Vision based AR
        基于识别的方式学名叫做Vision based AR,即基于计算机视觉的AR,该方式是利用计算机视觉方法建立现实世界与屏幕之间的映射关系,使我们想要绘制的图形或是 3D 模型可以如同依附在现实物体上一般展现在屏幕上,如何做到这一点呢?本质上来讲就是要找到现实场景中的一个依附平面,然后再将这个 3 维场景下的平面映射到我们 2 维屏幕上,然后再在这个平面上绘制你想要展现的图形,从技术实现手段上可以分为 2 类:
      1. Marker-Based AR
          这种实现方法需要一个事先制作好的 Marker(例如: 绘制着一定规格形状的模板卡片或者二维码),然后把 Marker 放到现实中的一个位置上,相当于确定了一个现实场景中的平面,然后通过摄像头对 Marker 进行识别和姿态评估(Pose Estimation),并确定其位置,然后将该 Marker 中心为原点的坐标系称为 Marker Coordinates 即模板坐标系,我们要做的事情实际上是要得到一个变换从而使模板坐标系和屏幕坐标系建立映射关系,这样我们根据这个变换在屏幕上画出的图形就可以达到该图形依附在 Marker 上的效果,理解其原理需要一点 3D 射影几何的知识,从模板坐标系变换到真实的屏幕坐标系需要先旋转平移到摄像机坐标系(Camera Coordinates)然后再从摄像机坐标系映射到屏幕坐标系(其实由于硬件误差这中间还需要理想屏幕坐标系到实际屏幕坐标系的转换,这里不深究),见下图。
      2. Marker-Less AR
          基本原理与 Marker based AR 相同,不过它可以用任何具有足够特征点的物体 (例如:书的封面) 作为平面基准,而不需要事先制作特殊的模板,摆脱了模板对 AR 应用的束缚。它的原理是通过一系列算法 (如:SURF,ORB,FERN 等) 对模板物体提取特征点,并记录或者学习这些特征点。当摄像头扫描周围场景,会提取周围场景的特征点并与记录的模板物体的特征点进行比对,如果扫描到的特征点和模板特征点匹配数量超过阈值,则认为扫描到该模板,然后根据对应的特征点坐标估计 Tm 矩阵,之后再根据 Tm 进行图形绘制(方法与 Marker-Based AR 类似)。
    • LBS based AR
        其基本原理是通过GPS获取用户的地理位置,然后从某些数据源(比如wiki,google)等处获取该位置附近物体(如周围的餐馆,银行,学校等)的POI信息,再通过移动设备的电子指南针和加速度传感器获取用户手持设备的方向和倾斜角度,通过这些信息建立目标物体在现实场景中的平面基准(相当于marker),之后坐标变换显示等的原理与Marker-Based AR类似。这种AR技术利用设备的GPS功能及传感器来实现,摆脱了应用对Marker的依赖,用户体验方面要比Marker-Based AR更好,而且由于不用实时识别Marker姿态和计算特征点,性能方面也好于Marker-Based AR和Marker-Less AR,因此对比Marker-Based AR和Marker-Less AR,LBS-Based AR可以更好的应用到移动设备上。

    参考实例:

    1. 增强现实导航应用
    2. 虚拟颠球
    3. 实景翻译
    4. 时光机器

    AR解决方案

    AR SDK

      什么是AR SDK?AR SDK是AR应用的技术核心,驱动着AR App的发展和创新。AR SDK的作用是将数字内容和信息与现实世界融合。SDK的功能最终将决定AR应用程序中的特性和功能,因此根据项目要求选择正确的平台至关重要。AR SDK包含许多应用程序组件,像内容呈现,AR跟踪和场景识别等。内容呈现意味着可以将数字信息和3D对象覆盖在现实世界物体之上,跟踪表示“应用程序的眼睛”,场景识别充当应用程序的中枢神经系统。每个AR SDK都将配备自己独特的属性,使AR开发人员能够以最佳方式开发出具有识别,渲染和跟踪功能的AR应用程序。下面来介绍几个常用的AR SDK:

    ARKit

    简介

      ARKit 是一个移动端 AR 平台,用于在 iOS 上开发增强现实 app。可以在目前的数千万台 iOS 设备上运行。但为了获得 ARKit 的完整功能,需要 A9 及以上芯片。其实也就是大部分运行 iOS 11 的设备,包括 iPhone 6S。
    ARKit提供了以下功能:

    • SLAM tracking and sensor fusion(SLAM场景识别)
    • Ambient lighting estimation(环境光评估)
    • Scale estimations(刻度估量)
    • Vertical and horizontal plane estimation with basic boundaries(基本边界的垂直和水平面检测)
    • Stable and fast motion tracking(快速稳定的动作捕捉)
    • Multiple Face Tracking(多重人脸追踪)
    • Collaborative Sessions(多人会话)
    • Simultaneous Front and Back Camera(同步前置、后置摄像头)
    • People Occlusion

    扩展

    据了解,ARKit结合Apple自家的机器学习开发库Core ML,可以实现AR场景下的物体识别,详见
    利用ar技术进行物体识别
    (真实性未知)

    ARCore

    简介

      ARCore是Google专有的增强现​​实SDK(对标ARKit)。它使开发人员能够在部分支持ARCore的智能手机和平板电脑上启动并运行AR应用。ARCore最值得注意的功能之一是它还支持部分iOS的设备。ARCore拥有三个重要功能:

    • 光估测:ARCore 可以检测其环境光线的相关信息,并为您提供给定摄像头图像的平均光强度和色彩校正。 此信息让您能够使用与周围环境相同的光照来照亮您的虚拟物体,提升它们的真实感。
    • 环境理解:ARCore 会通过检测特征点和平面来不断改进它对现实世界环境的理解。ARCore 可以查找看起来位于常见水平或垂直表面(例如桌子或墙)上的成簇特征点,并让这些表面可以由您的应用用作平面。 ARCore 也可以确定每个平面的边界,并将该信息提供给您的应用。 您可以使用此信息将虚拟物体置于平坦的表面上。由于 ARCore 使用特征点来检测平面,因此可能无法正确检测像白墙一样没有纹理的平坦表面。
    • 运动跟踪:当您的手机在现实世界中移动时,ARCore 会通过一个名为并行测距与映射(或 COM)的过程来理解手机相对于周围世界的位置。 ARCore 会检测捕获的摄像头图像中的视觉差异特征(称为特征点),并使用这些点来计算其位置变化。 这些视觉信息将与设备 IMU 的惯性测量结果结合,一起用于估测摄像头随着时间推移而相对于周围世界的姿态(位置和方向)。
    • 用户交互:ARCore 利用命中测试来获取对应于手机屏幕的 (x,y) 坐标(通过点按或您希望应用支持的任何其他交互提供),并将一条射线投影到摄像头的视野中,返回这条射线贯穿的任何平面或特征点以及交叉位置在现实世界空间中的姿态。 这让用户可以选择环境中的物体或者与它们互动。
    • 共享:借助 ARCore Cloud Anchor API,您可以创建适用于 Android 和 iOS 设备的协作性或多人游戏应用。使用云锚点,一台设备可以将锚点和附近的特征点发送到云端进行托管。 可以将这些锚点与同一环境中 Android 或 iOS 设备上的其他用户共享。 这使应用可以渲染连接到这些锚点的相同 3D 对象,从而让用户能够同步拥有相同的 AR 体验。
    • 定向点:借助定向点,您可以将虚拟物体置于倾斜的表面上。 当您执行会返回特征点的命中测试时,ARCore 将查看附近的特征点并使用这些特征点估算表面在给定特征点处的角度。 然后,ARCore 会返回一个将该角度考虑在内的姿态。由于 ARCore 使用成簇特征点来检测表面的角度,因此可能无法正确检测像白墙一样没有纹理的表面。
    • 锚点和可跟踪对象:姿态会随着 ARCore 改进它对自身位置和环境的理解而变化。 当您想要放置一个虚拟物体时,您需要定义一个锚点来确保 ARCore 可以跟踪物体随时间推移的位置。 很多时候,您需要基于命中测试返回的姿态创建一个锚点,如用户交互中所述。
    • 增强图像:使用增强图像,您可以构建能够响应特定 2D 图像(如产品包装或电影海报)的 AR 应用。 用户可以在将手机的摄像头对准特定图像时触发 AR 体验,例如,他们可以将手机的摄像头对准电影海报,使人物弹出,然后引发一个场景。

    ARCore 的工作原理

      从本质上讲,ARCore 在做两件事:在移动设备移动时跟踪它的位置和构建自己对现实世界的理解。
      ARCore 的运动跟踪技术使用手机摄像头标识兴趣点(称为特征点),并跟踪这些点随着时间变化的移动。 将这些点的移动与手机惯性传感器的读数组合,ARCore 可以在手机移动时确定它的位置和屏幕方向。
    除了标识关键点外,ARCore 还会检测平坦的表面(例如桌子或地面),并估测周围区域的平均光照强度。 这些功能共同让 ARCore 可以构建自己对周围世界的理解。
      借助 ARCore 对现实世界的理解,您能够以一种与现实世界无缝整合的方式添加物体、注释或其他信息。 您可以将一只打盹的小猫放在咖啡桌的一角,或者利用艺术家的生平信息为一幅画添加注释。 运动跟踪意味着您可以移动和从任意角度查看这些物体,即使您转身离开房间,当您回来后,小猫或注释还会在您添加的地方。

    优缺点

      Google出品,必属精品,但唯一美中不足的是,目前(2019年)ARCore在国内支持的设备真的是少之又少(支持的设备),这就让许多想尝试ARCore强大功能的人不得不放弃这个念头(比如我)。

    Vuforia

    简介

      Vuforia是高通推出的针对移动设备扩增实境应用的软件开发工具包。它利用计算机视觉技术实时识别和捕捉平面图像或简单的三维物体(例如盒子),然后允许开发者通过照相机取景器放置虚拟物体并调整物体在镜头前实体背景上的位置。
    功能:

    • 识别模型目标
    • 识别图片目标
    • 识别对象目标
    • 多重目标
    • 柱体目标
    • VuMark:二维码\条形码
    • 使用外置摄像头
    • 平面识别:允许在水平面防止模型内容

    优缺点

      据了解,Vuforia是相对较早的AR SDK,因此在各方面的功能都较为成熟,尤其是与Unity结合开发游戏的效果非常不错,只不过好像商用版本价格有点高。

    Wikitude

    简介

      Wikitude提供了一体式增强现实SDK,并结合了3D跟踪技术(基于SLAM)、顶级图像识别和跟踪,以及移动、平板电脑和智能眼镜的地理位置AR,支持可扩展的Unity、Cordova、Titanium和Xamarin框架。可以使用Wikitude SDK构建惊人的基于位置、标记或无标记的AR体验。企业、机构和独立开发人员受益于Wikitude的工具,用于开发适用于Android,iOS,智能手机,平板电脑,智能眼镜的AR应用程序。
    功能:

    • 即时跟踪:挖出标记。即时跟踪是使用WikitudeSLAM技术的第一个功能。它可以轻松地映射环境并显示AR内容,无需目标图像,此功能适用于室内和室外环境。
    • 扩展跟踪:一旦目标图像被识别,用户可以通过自由移动设备来继续AR体验,而不需要将标记保持在相机视图中。此功能现在拥有与Wikitude即时跟踪功能相同的SLAM算法,为基于Wikitude的应用提供了强大的性能。
    • 图像识别:Wikitude SDK嵌入了内置的图像识别和跟踪技术,而且这些功能是开箱即用的。它最多可以拍摄1000张可以离线识别的图像。开发人员可以在实时摄像机图像中增强识别的图像和地理位置的兴趣点之间实现无缝切换。
    • 基于位置的服务与GEO数据:Wikitude SDK提供了许多方便的功能,简化了使用地理参考数据。用户兴趣点的设计和布局是完全可定制的,以满足各种需要。
    • 3D增强:Wikitude SDK可以在增强现实场景中加载和渲染3D模型。从行业工具(比如Autodesk Maya 3D或Blender等工具)导入3D模型,每个3D模型基于新的Native API,Wikitude提供了一个用于Unity3D框架的插件,因此开发者可以将Wikitude的计算机视觉引擎整合到基于Unity3D的游戏或应用程序中。
    • 云识别:Wikitude的云识别服务允许开发人员处理云中托管的数千个目标图像。Wikitude的云识别技术是一个可扩展的解决方案,它具有响应时间快、识别率高的特点。每个月向开发者提供了对云识别服务的1,000,000次的免费扫描调用,还为企业提供了专用的服务器选项和定制服务。

    EasyAR

    简介

      EasyAR是Easy Augmented Reality的缩写,是视辰信息科技(上海)有限公司的增强现实解决方案系列的子品牌,意义是:让增强现实变得简单易实施,让客户都能将该技术广泛应用到广告、展馆、活动、app等之中。
    功能:

    • 表面跟踪
    • 3D物体跟踪
    • 平面图像跟踪
    • 录屏
    • 内容与交互支持
    • API多语言优化
    • Image Target Data

    优缺点

      EasyAR是优秀的国产AR解决方案提供者,不仅有价格合理的AR SDK,还有像Web AR、姿态识别、手势识别、云识别等产品。由于是国产平台,咨询问题、疑难解答等都十分方便。不过缺点就是某些高端功能可能不如国外SDK功能强劲,并且使用文档看上去不是很详细,有点廉价的感觉。

    Web AR

    1. AR.js
        AR.js是由Jerome Etienne开发维护的一款WebAR库,代码托管在GitHub。其实,AR.js就是将WebAR所需的各种组件与库经过整理、维护,拼凑成了一把锋利精美的瑞士军刀,可以流畅地以高帧率运行在各种设备上。其中,AR.js主要封装了以下几个库:
      • JSARToolKit:老牌开源AR库ARToolKit的JavaScript版本,主要提供了识别和追踪 marker 的功能。
      • Three.js:Three.js是一款开源的主流3D绘图JS引擎,我们知道WebGL是一种网页3D绘图标准,和jQuery简化了HTML DOM操作一样,Three.js可以简化WebGL编程。
      • aframe-ar.js:A-Frame 团队发布的 其中包括了一些 Web AR 组件,用 A-Frame 的各种组件可以让你用很少的代码构建出 AR 所需要的 3D 立体世界。A-Frame.js是一个用来构建虚拟现实(VR)应用的网页开发框架(部分API也可以开发AR应用),是当下用来开发WebVR内容主流技术方案。A-Frame基于HTML,容易上手。但是A-Frame不仅仅是一个3D场景渲染引擎或者一个标记语言。其核心思想是基于Three.js来提供一个声明式、可扩展以及组件化的编程结构。
        在AR.js中,分为两种写法:使用Three.js结合JS库以及使用A-Frame.js,若选择使用Three.js结合JS库的方式,需要学习了解很多JS库的用法,代码量比较大,学习成本较高;而使用A-Frame.js,则可以大量减少代码量,比如著名的10行代码实现AR
    2. WebARonARKit,WebARonARCore
        ARKit 和 ARCore 分别是苹果和谷歌两大巨头出品的移动 AR SDK,提供的功能也类似:运动追踪、环境感知和光线感应,我相信很多对 AR 感兴趣的开发者对这两个 SDK 都不陌生。但这两个都是移动 AR 的 SDK,于是谷歌的 AR 团队提供了 WebARonARKit 和 WebARonARCore 两个库,以便开发者能用 Web 技术来基于 ARKit 和 ARCore 开发,从而实现 WebAR。这两个库虽然功能强大,但因为是ARKit和ARCore的Web衍生版本,所以国内支持这两个库的移动设备仍然很少。
    3. EasyAR
        EasyAR是国内首款免费全平台AR引擎,提供了EasyAR SDK以及WebAR等解决方案,可以快速构建AR应用。

    总结

      目前来说,使用AR SDK来开发AR应用技术层面已经较为成熟完整,开发者只需要根据项目需要选择合适的AR SDK,因此AR产品是否有优势取决于其是否有独特创意。
    而在web端,无论采用哪种实现手段,最主要是运行环境对webRTC、webGL 两个特性的支持程度。而且,Web端目前只有基于标记图Marker的应用有着比较良好的体验,WebAROnARCore和WebAROnARKit所支持的MarkerLess方案都还仅仅是测试阶段,并且国内外对webAR 的讨论和demo 案例目前都比较少,能够搜到的资料几乎都是英文版,总的来说使用WebAR来实现一些简单的功能是可以的,完整的商业项目暂不推荐。

    本文参考

    AR技术原理 https://www.jianshu.com/p/3aac1ec6ea2f
    AR技术这么火 但你知道其中背后的工作原理吗?https://zhuanlan.zhihu.com/p/48281104
    增强现实技术 https://blog.csdn.net/u010922186/article/details/41554171
    Web AR 入門:AR.js Tracking.js Three.js A-frame.js
    http://skyroxas.tw/web-ar-%e5%85%a5%e9%96%80%ef%bc%9a-ar-js-tracking-js-three-js-a-frame-js/
    Web 前端中的增强现实(AR)开发技术 https://geekplux.com/2018/01/18/augmented-reality-development-tech-in-web-frontend/
    12 Best Augmented Reality SDKs https://dzone.com/articles/12-best-augmented-reality-sdks

    展开全文
  • 可以说,我将商业创作和个人创作这两种近似油和水的物质,通过自己的方式,巧妙地融合在了一起。 当然,最初的反感也是有的,只是,做了很多项目之后,我渐渐在其中找到了一个平衡点。简而言之,即在满足客户需求的...

    通常谈到商业创作和个人创作之间的关系,大多艺术家恐怕都是要眉头紧锁的。要么为了心中的情怀,视商业为猛虎,完全杜绝;要么将商业创作和个人创作截然分开,井水不犯河水。不过,我的处理方式却是绝妙的。可以说,我将商业创作和个人创作这两种近似油和水的物质,通过自己的方式,巧妙地融合在了一起。 当然,最初的反感也是有的,只是,做了很多项目之后,我渐渐在其中找到了一个平衡点。简而言之,即在满足客户需求的基础上进行个人的创作。说来简单,具体又如何操作呢? 首先,吃透客户想要表现的点,并将之转变为自己的理解。这一点很关键,我觉得如果只一味地去迎合客户的要求,结果往往适得其反。反之,当我通过自己的方式,将客户想要的点很好地表现出来时,客户极有可能按照我的思维方式实行,我也就可以化被动为主动。毕竟,只有打动自己的作品,才有可能打动别人。 再者,就是如何表现了。一般而言,我会花 1 至 2天的时间去完成这个点的表现,之后再给客户看。如果客户满意,那么,我才会继续接下来的细化工作。当然,前提是我得找到那个点。我要在最开始就找到这个点,如果没有找到这个点我就不会继续画下去, 创 作一幅好作品,一定是从整体到局部的一个完整过程。整体构图和造型如果没有达到我想要的感觉,再细化下去是没有必要的,所以我们要养成一个良好的习惯,那就是想好我们要表达的那个点,如何让这个点打动自己,只有找到这个点,才可以让每一笔都带有能量。 在工作实践中,我习惯用 Photoshop 中的选区工具来构图。我觉得这是一个极好用的工具,它在创作中让我可以快速完成轮廓的勾画。而造型、空间和轮廓有关,如果 控制好了造型和空间, 那么整幅作品就打下了扎实的根基。 最后,丰富画面的细节。因为细节需要花费大量的时间去精雕细琢,所以,这个阶段除了考验一位画师的功力外,也非常考验一个人的心态。这在一些海报、宣传画的创作中,尤为明显。海报堪称一个项目美术的最高水平的代表,因为它的尺寸比较大,在保证整体效果的同时,还需要大量的细节来辅助。说白了,海报就是画中画,缩小看是一幅作品,放大了,你会看到它其实是由众多小作品构成的,并且回味无穷,这也是海报的魅力。 2014年参与了《西游记之大圣归来》动画片电影先导海报制作,是一段比较有意思的经历。我的工作就是制作两张先导海报;第一张为五指山外景,第二张为五指山内景(镇压孙悟空的晶石),后来又做了一张孙悟空仰望天兵的海报,我简单的给大家介绍一下这几张图的创作过程,之后再给大家介绍一张在腾讯课堂上绘制的关于大圣归来主题创作的海报《大闹天宫》。 五指山外景如下图所示,先确定了五行山的构图,也就是使用一个如来佛手印来作为画面的主体,结构比较明确,所以就开始搜寻一些具备细节的山体的形态。 大家可以看到有一张手掌带手指的相似山体,但需要我进行拆分变形来达到手掌加手指部分,还有两张相似大拇指的山体,我将它们组合成一张并调节成构图那种姿态,这需要我们具有敏锐的观察力,以及思维转换能力,也就是说我们脑海里要很清楚画面的最终表达,让这些资源转化成我们需要的部分,要从看起来烦乱的照片资源中找到我们需要的区域,我们可以不用考虑这些杂乱色彩的照片,只从造型上去寻找资源,因为这些都是可以进行调色修改的,我们只要思路清晰的把资源归好类,甚至以后创作都可以帮助到我们。 这张图的颜色我采用了稍微暖一点的色调,在这里大家可以使用曲线工具(Control+M)来调节画面的整体氛围对比,当然也可以结合偏色工具(Control+B)来控制画面的整体色调,让画面协调的形成冷暖对比。在此同时通过叠加一些带山体的云海来丰富五行山的壮观,让它仙气十足,这些云的走势以及形态都可以通过变换工具(Control+T)来调节。 最后我们来处理五行山上空带有能量爆发的特效,我脑海中已经拥有一种从天空冲破天宫的想像,正好看到这个冰洞的照片,给人一种隧道的感觉,它周围的反光正好是我想要的效果,于是我将它调成黄色调放在背景天空中,感觉效果虽好但还是缺少一点精华,于是我找到右边那张照片,使用变亮的图层属性将它叠加在画面最上层,它的高纯度红色非常提气,让整个画面的颜色变的更加好看,最后再加上一些放射出来的斜光,手掌中心也加了一个特效光,代表孙悟空被镇压的位置,就这样按照客户的要求完整的做完一张五指山外景。

    图片描述

    最终效果如下图所示。

    图片描述
    如图是按照客户的修改意见进行的一些调整,整个构图希望可以呈现一种等边三角形的形态(据说是古代埃及的一种能量符号),天空中蛋黄部分代表眼睛,山体代表平衡,大拇指要做一个如来佛凝视着对面的寺庙,因为公司内部意见的不统一最终还是没有使用。 公司内部讨论了一段时间,决定使用纯手绘风格来绘制五行山内部的海报,也是先规定好海报的整体构图,(孙悟空被压在一个高大瘦长的晶石中,被如来佛的一只眼睛看着,洞的四壁全部都是天神注视,晶石被无数锁链缠绕,前景要有力士拽着锁链,孙悟空就在晶石的最下方挣扎)。 我大概做了一个草图,也就是淡淡带有一点墨蓝色作为海报的整体色相,当他们满意草图以后我就开始细化,因为客户要求满墙的天神看着孙悟空,也就是需要我画很多角色在墙壁上,要表达出密集恐惧的效果,于是我花了不少时间在这些神将身上,包括前景到背景都出现力士,锁链的缠绕方式也是跟客户进行沟通再坐上去。如来佛的眼睛要与洞口的石壁相结合,在层次关系上要处理得当,让他们看起来统一完整,色彩上最后我决定让孙悟空挣扎的区域变成暖色来对比画面的冷色,最终细化完成。公司内部进行讨论并且认为题材有些偏离动画片的主题,更像是鬼吹灯的海报风格,于是再进行一次讨论并需要重新做一张颜色鲜亮点的手绘海报。

    图片描述

    后来决定要画一张孙悟空坐在石头上不屑一顾的看着天兵的效果,这个画面就是动画片开场的一个镜头,这张画的难度在于所有细节需要重新设计,包括孙悟空身上的盔甲,斗篷的走势以及布纹,包括远景部分流云的设计,怎么才能将每一个细节都设计的完美呢,我需要按照前面所说的一些方法让灵感自然流露出来,让自己进入到画面中,想象当时那种强烈的气势。 大家可以看到远景部分的云就像海水般流淌,这让画面大多部分带有极动的感觉,让它们跟极静的孙悟空形成强烈的反差,再加上斗篷在最开始我设计了一个类似猴子张开大嘴的效果,让它带着气流冲向屏幕,所有细节全部形成反差,这一定会给观众带来心灵上的震撼。 在孙悟空角色盔甲的设计中我采用了一些时髦的元素,比如腰部缠着现代化的金链子,将尾巴缠在腰上,这可以突出猴子天不怕地不怕的性格特点,头发我也是设计成金色毛发,在猴子的盔甲轮廓边缘加了一层金边,这样做的目的是让猴子跟蓝色背景拉开层次,整体色调上我也是处理成蓝色与金色的自然过度,让斗篷的颜色非常突出。最终按照客户的要求将斗篷的走势进行了几次修改,一种是打出画面,一种是打出去在三分之一处进行转折,并且在画面最前面使用了一些云雾的动态特效,让斗篷更加具备流动感,就这样一步一步的完善并且细化直到最终客户非常满意的定稿。

    图片描述

    我们最后来看下《大闹天宫》这张作品的创作过程,如下图所示,我首先使用了从黄到蓝的颜色拉了一个渐变,在画面中心处做了一块天宫部分的区域,用深色做了一块山体,大圣最会站在这块山体上看着天宫,就这样初步定了下构图的位置。 接下来我开始使用选取工具进行天宫部分颜色的定位,(橙色)因为我要让天宫这块区域作为视觉中心,让观众将眼球第一时间投放到画面右上角,所以我让这块区域的颜色纯度提高,继续在用选取来勾勒两个天门的设计,这里我是用感觉去做这部分轮廓,两个天门的设计可以不一样哦,左边部分是长条形状,右边那个是瘦高形状,在它们周围的设计都可以是随机形式的组合,然后再进一步调整天宫建筑的形体结构,我们可以让天宫部分的形体具象化一些,也就是可识别度更高一些,让人能看出来中国传统建筑的元素,这些处理都是要建立在整个构图完整的情况下,层次关系不能混乱,同时做到这些元素的造型丰富性。之后加上大圣和斗篷,让它们跟画面整体形成舒服的状态,再进一步细化这些元素,比如猴子的盔甲以及金箍棒,斗篷的皱褶,两个天门周围做了一些红色植被,最后深入视觉中心处天宫建筑体系,远景部分层次中有层次,当画的差不多的时候,我们还可以通过叠加特效提亮天宫上空的能量感觉,叠加一些层云在各个细节上,(这些都需要我上面介绍过的工具来进行调色变幻)最终通过手绘让画面的每一个区域的细节都没有死角,也就是提高完成度,如此做法就可以完成一张手绘海报从创意到绘制的所有过程。

    图片描述

    更多精彩内容请关注张浩老师的作品——《CG绘画艺术设计:驾驭灵感的奇幻之旅》点击阅读原文获取。

    图片描述

    图片描述
    图片描述

    相关图书:

    图片描述
    《CG绘画艺术设计: 驾驭灵感的奇幻之旅》 《大圣归来》海报设计者张浩力作 从灵感收集到技法表现 实现奇幻CG艺术创作从0到100 张浩 著 2016年6月出版 ◎ 创作不是孤立于生活体验的实用技术,而是植根于精神状态的自然抒发。 ◎ 作者将自己从业不同时期的代表作品的绘制精髓与读者分享,让读者看到从刚入行到困惑,再到找到自己风格和方向的商业及灵感作品是如何绘制的。

    本文选自:http://www.broadview.com.cn/#article/readarticle/readArticleAll.jsp?post_id=a8be02d9-4e1f-4ef2-9f6f-492c485e22c4&user_id=81840d00-63f7-11e4-8f0e-dd4ad96466d4

    图片描述

    展开全文
  • 我是一名普通的软件开发人员,技术写作让生性内向的我认识了很多志同道合,同样对企业应用设计开发有着浓厚兴趣的朋友们,也帮助了一些计划和刚刚进入这个领域的朋友们,从中我认识到了自己的价值。在书写一篇篇技术...
  • 学术会议海报制作和参考

    千次阅读 2020-11-03 19:06:24
    不过对于很多工科学生,未必都掌握这些软件,单纯为制作一张海报去学习AI是否值得,要看你自己的决定。不过我是认为工具都是辅助的,只要你用的好,PPT这个工具是完全足够的。当然,一些图片的处理是可以用其它专业...
  • uniapp用canvas生成一个分享商品的海报 文章目录前言一、展示效果二、使用步骤1.HTML部分2.CSS部分3.JS部分总结 前言 uniapp用canvas生成一个分享商品的海报,因为用到了uni.downloadFile这个API,所以要注意图片...
  • 会议海报制作1 教学目标2 概括介绍会议海报制作3 海报的阅读3.1 海报的阅读3.2 分析目标观众以及目的4 海报的写作分析5 海报中的实验方法部分5.1 练习15.2 练习25.3 练习36 海报中实验方法的写作规范6.1 练习16.2 ...
  • 背景介绍 在微信小程序开发过程中,我们发现分享只能发送给好友,并没有“分享到朋友圈的功能” 以下是任意小程序点开分享界面的截图 所以我们通常的做法是绘制一个带小程序二维码的海报,然后保存到本地图库 最后...
  • 前端实现H5制作海报

    千次阅读 2019-07-20 08:59:50
    海报模版与自己上传的照片进行合成并且贴上二维码,生成可长按保存的海报海报H5的基本功能: 接入微信SDK 上传照片、拍照 裁剪图片 将海报模板、二维码、上传的照片合成海报 长按保存图片 方案选择 方案一...
  • Java程序员自我介绍

    万次阅读 多人点赞 2018-06-07 23:47:00
    有关Java程序员的面试自我介绍范文(一) 我叫XXX,今年21岁,毕业于XX解放军信息工程大学计算机科学与技术专业,拥有扎实的Core Java基础,良好的编程风格;熟悉JSP+Servlet+JavaBean模式的WEB开发;熟悉Struts,...
  • 小程序海报分享功能还是很常用,今天这里介绍自己如果生成的,有源码,拉下来安装一下依赖就可以使用了。注:生成的图片清晰,不会随着不同手机,变形。 预览体验海报功能 3.生成海报效果图 二、实现代码过程...
  • 生成海报的工具类总结 # 前言 例如:生成分享海报,比如注册扫二维码登录.分享商品海报等!本博文是基于springboot工程得! 一、使用步骤 1.导入pom依赖和上传图片到工程 代码如下(示例):在自己得通用工具类模块...
  • 那我们介绍讲讲朋友圈海报,怎么来勾起别人的欲望点击你的海报去看。 一、分析用户画像 设定奖品诱饵的时候一定要明确自己的目标粉丝群体,要先了解用户的需求和喜好。比如你的目标群体客户是什么性别、什么年龄段...
  • 用ps做一张海报

    千次阅读 2019-01-20 15:53:17
    用ps做的一张海报 作者(张福林)撰写时间:2019年 1月 ...(我自己认为) 第一步:确认主体 需要传达的主要信息。 第二步:收集信息 寻找收集和制作用于表达信息的素材含文字、图形图像。文字表达应该简洁、贴切。 ...
  • 【精】微信小程序生成二维码海报分享 [原理+源码]

    千次阅读 多人点赞 2019-12-06 15:28:05
    关于海报分享的教程数不胜数, 但是...这篇教程记录自己实现海报过程 如果有错误欢迎指正 转载请带源地址 开始前先理解原理 问: 什么是海报分享? 答: 就是保存一张图片到手机相册, 这个图片带有自定义内容比如二...
  • 1.PS制作海报的简单介绍 制作海报需要三个元素点,线,面三个元素,那么何为点,线,面呢,本人就来介绍介绍它们,点,线,面是构成视觉的空间的基本元素,也是排版设计的主要语言。排版设计实际上就是如何经营好点...
  • Python爬虫:如何自动化下载海报? 上一讲中我给你讲了如何使用八爪鱼采集数据,对于数据采集刚刚入门的人来说,像八爪鱼这种可视化的采集是一种非常好的方式。它最大的优点就是上手速度快,当然也存在一些问题,...
  • 而且详细的介绍解析,却不会让 人感觉很杂乱,涨知识了! 集设网 www.ijishe.com设计交流社区整理了海报设计中信息图表海报优秀案例,希望对大家 的学习有所帮助,多看看别人的优秀作品说不定能获得创作思路哦。 ...
  • 海报只是业务中很小的一环,自己维护一个海报渲染服务,付出的成本与收益之间不成正比。所以我们更推荐使用第三方海报/图片渲染服务,来完成实现我们的想法。 imgrender.cn 动态海报渲染服务 Imgrender 是一个免费...
  • 企业的广告投入开始从电视等传统媒体向基于圈层文化的新媒体精准营销转移,很多人都想制作一张属于自己海报,本文介绍了手对手的教你用canvas画一个简单的海报的方法示例,感兴趣的可以了解一下
  • 如何用PS制作故障风格的海报

    千次阅读 2020-01-19 12:57:13
    前言 近几年,故障艺术又在设计圈中掀起了一把火,无论...风格介绍 故障艺术(Glitch Art) 是借助事物形成的故障进行艺术的加工,使这种缺陷反而成为艺术品,具有特殊的美感 Glitch art 最早大约是2010年左右开...
  • 接下来进入正题,我会分四点来介绍,任务宝(海报通)活动的注意事项。 一、选礼品 选好礼品,是整场活动中至关重要的一点,毫不夸张地讲,它能对你活动的最终效果起到决定性的作用! 一般常见的礼品类别主要有实物
  • 主题海报制作

    2019-06-18 16:04:53
    哈哈,也就不再废话了,我下面介绍的就是我做的一张关于端午节的海报,前不久不是刚过历史悠久的端午节呢,在老师的要求下就做了一张端午节的海报,而这也可以说是主题海报因为是围绕着端午节而制作的海报,端午节...
  • 最近参加了老男孩的一个python训练营,里面某项任务是要求在某个海报模板上批量添加姓名和二维码,生成类似下图的海报。 图中我用红色方框标记的是需要修改的地方,先来聊下自己的思路: 1.要进行图片操作,要用到...
  • 群晖Video Station 电影/电视剧 海报和信息自动显示

    千次阅读 多人点赞 2020-12-25 15:32:24
    具体操作按照文章步骤照抄就行 最近一段时间想看的一些影片很多国内平台都没资源,所以打算自己下载丢到群晖的Video Station里播放,接着又遇到了最开始遇到的问题,那就是群辉的DS Video(Station)不能自动拉取视频...
  • 注:请选择小程序项目,非小游戏,例子中无 appid,所以无法在手机上运行,如果需要真机调试,请在打开例子时,填上自己的小程序 id 具体详细使用教程 GitHub 地址https://github.com/Kujiale-Mobile/Painter ...
  • 端午节海报设计

    2019-06-09 19:41:15
    端午节海报设计 (2019/6/4)陈子龙) 这是一张关于端午节的海报设计,这张海报是比较清新的,颜色是以绿色为主色调的,因为绿色是一种清新的颜色之一,竹子也是绿色的。所以我设计端午节海报是采用了绿色作为主色...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,621
精华内容 3,448
关键字:

介绍自己的海报