如何用 Photoshop 等工具制作 low poly风格动画 低多边形风格的背景

Low Poly 原是 3D 建模中的术语,指使用相对较少的点线面来制作的低精度模型,一般网游中的模型都属于低模。而现在,Low Poly 进入了平面设计领域,继扁平化(Flat Design)、(Long Shadow)之后,低多边形(Low Poly)火速掀起了一个新的设计风潮。
Watchtower
Wooly Mammoth
Frank Underwood // Low Poly Screencast
Mountain Theme
欣赏完了别人的作品,来看看有哪些工具可以为我们这些业余选手使用:
Image Triangulator App
让你可以轻松把任何图片制作成多边形图像,多边形的抽象级别取决于你添加的顶点数量。应用允许你保存顶点为文本文件并保存最终图像为 PDF 文件。你可以在 Adobe Illustrator 或 Photoshop 中继续编辑图像。
Image Triangulator App - 使用说明
是一款简单的网页工具,你只要安装了支持 HTML5 的现代浏览器就能使用。
Triangulator
将本地图片拖到 [Drop your bitmap here] 的虚线区域内加载图片
进入编辑模式后,直接在图片上点击以添加顶点,顶点可以拖动
点击右上角的 "randomly" 可以随机添加25个顶点
点击 "Delete all vertices" 移除所有顶点
拖动左上角的滑块可以调节多边形的透明度
点击 "Export" 导出为 SVG 文件
Flat Surface Shader
同样也是一款轻量级的网页工具,不过这个工具并不能用来处理图片,而是用来生成低多边形风格的背景图。工具使用 JavaScript 编写,支持 WebGL, Canvas 2D 和 SVG 三种技术。
Flat Surface Shader - Controls
网页右上角有个控制面板,你可以完全自由的控制网格(Mesh)和光源(Light)设置,并且可以轻松地导出(Export)为 PNG 格式图片。
你可能感兴趣
订阅邮件列表
第一时间 get 新文章
> 设计新趋势:Low Poly 低多边形风格!多边形图像生成器集合在印尼,猴子的主人转移到了未执行禁令的郊区。
为数众多的同性恋聚集一处水上公园,参加水上派对。
声明:本文由入驻搜狐公众平台的作者撰写,除搜狐官方账号外,观点仅代表作者本人,不代表搜狐立场。
  上网有得玩
  每周四更新
  「上网有得玩」是黑马公社全新的七大版块之一,每周四更新,教授上网技巧,介绍优秀网站和网络工具。
  ◆◆ ◆
  如何快速制作一个多边形图片?
  黑马说:
  现在越来越多的设计用到了多边形的元素,例如QQ的登录界面,今天告诉大家两个网站,可以很轻松的生成多边形背景图,还可以将现有的图片制作出多边形的样子!
  ◆◆ ◆
  所需工具
  多边形背景制作
  /trianglify-generator/
  低多边形效果生成
  /examples/tools/low-poly/#
  格式转换
  https://convertio.co/zh/
  ◆◆ ◆
  图文说明
  制作多边形背景图
  我们打开第一个网站,看到如下的界面,左边是编辑框,右边是图片的效果。我们可以直接输入数值来编辑图片大小,还可以调整多边形的形状和大小。当然最重要的还是配色,左下角的彩色条就是配色方案,点击就可以使用。我们也可以自己添加配色方案,点击「Add Custom Palette」就可以自己添加。
  完成后下载图片,这里支持SVG格式和PNG格式,根据需要下载就好了。
  制作多边形效果的图片
  我们还可以制作多边形效果的图片,例如下面这个钢铁侠,是不是很酷炫呢?
  怎么搞定呢?打开第二个网站,看到如下的界面,我们拖入图片;
  看到最上面是编辑区域,我们可以调整透明度来看多边形的添加情况,还可以随机添加多边形的顶点,这样子可以快速的制作出多边形的方案。当然还有保存,但是这里的保存需要注意,这里只能保存为 SVG 格式,那么保存后需要格式转换一下使用。
  我们点击图片中的轮廓就可以添加多边形的顶点,如果我们对图片的轮廓描绘得越细致,那么出来的效果也就越好。
  格式转换
  之前黑马介绍过一个格式转换的网站,打开网站上传就可以转换成PNG或者是JPG等图片格式了。
  如果你对我们的新版块有什么建议,快快在下方评论吧!
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
黑马公社-属于黑马的IT爱好者正能量社群。黑马三分钟,每天...
主演:黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演:陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演:陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演:尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演:艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线:86-10-
客服邮箱:Low Poly 低多边形风格图像生成器使用视频教程_土豆_高清视频在线观看80后/
天蝎座/
理工男/
完美主义/
软件:Photoshop+Adobe Illustrator
前言:Low Poly 原是 3D 建模中的术语,指使用相对较少的点线面来制作的低精度模型,一般网游中的模型都属于低模。而现在,Low Poly 进入了平面设计领域,继扁平化(Flat Design)、长阴影(Long Shadow)之后,低多边形(Low Poly)火速掀起了一个新的设计风潮。
制作过程:先找好一副像素较高的图片,截取想要的部分。然后在PS中根据人像轮廓画出三角形及多边形组合,完成后倒入到AI中,再用钢笔按照手绘的图形绘制矢量网格。最后把每个网格的图形填充相应区域颜色的中间值即可。&(其实这是个手法简单,过程枯燥的过程)
1、首先你需要一张高质量的照片。这里需要特意提醒一下各位网友的是,这里是用透视法来表现深度,因此照片需要有良好的高光和阴影,同时确保模特有一些硬件配饰,这些硬件配饰可与模特的皮肤、衣物等形成对比(好似眼镜、珠宝或笔挺的衣领)。接下来,我们需要从拍摄好的照片中选择其中最好的部分来合成我们所需要的素材照片。以下图为例,笔者就从不同的照片中选择了脸、眼镜以及其他细节。在这个步骤中,即使眼光挑剔一点,都是不碍事的。选定需要的部分,大致裁剪出需要的部分。然后在Photoshop中创建一个底色为黑色的画布,并将你所选定的部分作为单独图层元素置于该Photoshop画布中。
2、现在,我们需要将选定好的部分结合起来创建完美的素材照片。删除掉不需要的部分,同时将选定的局部拼贴在一起,这里主要使用蒙版和混合模式。这里,你不用完全按照最初的原始图片来进行拼贴。事实上,你只要按照你最喜欢的样子来拼贴即可。
3、现在在合成的图像上,调整对比度、色彩平衡、色阶等来创建一个更加动态的形象。笔者确实经常使用Photoshop中的自动对比度、自动颜色和自动色阶功能(在图像菜单中)。这些自动功能是相当实用的,尤其是在你不想手动修正合成的形象时。
4、笔者希望自己最后的成品的色调比素材照片要暖色调一些,因此笔者这里做了一些调色处理,主要是添加了一个紫色的滤色混合模式图层。
5、做到这里,我们就进入到最耗时的一部分了——三角网格。这里没有什么捷径可走,只能靠手工完成。为什么?因为在绘制脸部轮廓时,你的大脑比任何脚本或自动工具都要好用。当然,这里笔者也还是有一些心得。小地方使用小的三角形,永远不要使用四边形——它们看上去会很糟糕。一定要坚持使用三角形。如果你的目标对象和笔者一样拥有挺直的鼻子会容易一些,圆圆的鼻子会复杂一些。使用一个小笔刷在图像上的空白图层中创建网格。使用浅色可以与肖像形成对比。笔者偏向于使用蓝色或绿色,因为这两种颜色头很少出现在肖像的脸上(除非脖子上有纹身)。
6、走到这一步,你可以拍拍自己的胸膛,因为已经完成了许多艰苦的工作(但并非全部)。现在是时候来修复有错误的三角形。这里你需要把注意力放在网格上,因此先隐藏图像,然后寻找忘记创建三角形网格的地方。一旦改善了三角形网格,将其颜色改为白色,使其与黑色背景形成鲜明对比,然后保存为jpg。随后打开Illustrator。
7、将你的网格图拖进画板,锁定它,然后用钢笔来绘制矢量网格。这里笔者建议使用有对比的颜色(笔者习惯使用亮紫色)。当然,这一个步骤也是个耗时的步骤,因此笔者特意打开了喜欢的音乐并备好了咖啡,从而减缓这个耗时步骤所带来的烦躁心情。这里,笔者给大家一些技巧:你并不需要关闭三角形,只要用钢笔标记三点。这听上去或许有点傻,但它确实能帮你节省大量的时间,尤其在你需要创建数百上千个三角形的时候。工作量确实比较大,但要有信心一定能做好。做到这一步,你可以先休息一下,但一定要记得保存。切记!切记。
8、该步骤可使所有的点完全对齐在正确的位置上。这是一个简单的程序,不过你需要重复它的次数和你图片上的三角形一样多。使用直接选择工具,选择本应在同一个地方的一组点。打开对齐面板,点击水平居中对齐锚点。然后点击垂直居中对齐,你所有的锚点都会出现在相同的地方。现在移动周围的锚点来纠正它们的位置,如果有需要的话。然后为所有的点重复本步骤。
9、这里隐藏你在Photoshop中创建的网格,并再次检查你的网格有没有任何遗漏的三角形(笔者每次总是要忘记至少10多个三角形)。要做到这一点,最好的办法就是选择你所有的向量(命令/Ctrl+A),然后切换到填充和描边(Shift+x)。如果你发现有三角形被遗漏,回到填充和描边(再次按Shift+x),添加三角形,然后再检查一次。当你完成一副完整的网格时,就可以进行下一个步骤了。
10、将你的图片素材放在一个图层上,同时将该图层放置于矢量网格下方,然后将二者完美对齐。这样你可以为你的图像选出合适的颜色。记得要锁定图片素材图层(不锁定连上面的三角形对其都会出错的)。
11、这一步是最有趣的一步——添加颜色。依次选择每个三角形,使用吸管工具(I),然后选择每个三角形中间的颜色来填充它。
12、最后,把照片导出png,再进入PS进行进一步细节调色和改善,最终成图。
很喜欢此文字
&&&|&Powered by您好,欢迎来到飞天资源论坛!
后使用快捷导航没有帐号?
PS滤镜最新汉化版本查询,同步跟新;便于随时查询最新版本;建议大家收藏此帖;
在线时间 小时
阅读权限200
签到天数: 205 天[LV.7]常住居民III
Photoshop CS
马上注册,摄影后期,国内外ps正版培训教程等精品资源一网打尽,让你轻松玩转社区。
才可以下载或查看,没有帐号?
01_low-poly-generator-image.jpg (159.78 KB, 下载次数: 0)
13:05 上传
这套包含7 PS图象处理软件行动风格的完整,将允许你从任何图像创建低多边形影响几何。结果包含容易编辑层与层以便你可以自定义效果。
包装细节:
低聚发电机
用:PS图象处理软件CS4
文件:ATN,帕特,PDF
包装质量及特点:
7 PS图象处理软件行动创造完美低聚艺术
3低多边形模式大制作低多边形的背景
PDF格式的帮助文件包含
100%可定制
与任何类型的层:文本,图形,智能对象,图形,照片,等等。
无与伦比的结果
Low-Poly-Generator-Photoshop-Actions_01.jpg (147.01 KB, 下载次数: 1)
13:03 上传
Low-Poly-Generator-Photoshop-Actions_02.jpg (150.77 KB, 下载次数: 0)
13:03 上传
Low-Poly-Generator-Photoshop-Actions_03.jpg (139.7 KB, 下载次数: 0)
13:03 上传
Low-Poly-Generator-Photoshop-Actions_04.jpg (153.87 KB, 下载次数: 0)
13:03 上传
Low-Poly-Generator-Photoshop-Actions_05.jpg (170.53 KB, 下载次数: 0)
13:03 上传
Low-Poly-Generator-Photoshop-Actions_06.jpg (134 KB, 下载次数: 0)
13:03 上传
(780.76 KB, 下载次数: 64, 售价: 20 资源币)
13:07 上传
点击文件名下载附件
售价: 20 资源币 &
下载积分: 资源币 -1
飞天资源论坛 - 温馨提示
1.为保证您的问题能够及时解决,如有任何问题,请直接到【 】平台提问,切勿在发布帖提问,因为有时候会看不了那么多回复;
2.如出现解压错误请升级压缩软件至5.0版本,本站默认解压密码为:或复制粘贴时前后不能有空格!
3.您的真诚回复是对楼主最大的支持与鼓励,也方便我们了解您所喜欢的资源类型;严禁灌水式的毫无意义的内容,否则直接禁言;
------------------------------------------ 版权申明------------------------------
》资源下载链接由会员自发搜集于网络,论坛不存储任何资源,版权归原作者所有,仅供会员学习与参考,不得以任何方式用于商业用途!
》论坛非常重视知识产权,如有侵犯任何第三方权益,请及时联系(),我们将及时予与删除。
帖子永久地址:&<button type="submit" class="pn" onclick="setCopy('低多边形PS动作 Low Poly Generator Photoshop Actions\n/thread-.html', '帖子地址已经复制到剪贴板您可以用快捷键 Ctrl + V 粘贴到 QQ、MSN 里。')">推荐给好友
在线时间 小时
阅读权限70
签到天数: 537 天[LV.9]以坛为家II
好素材谢谢分享
在线时间 小时
阅读权限50
签到天数: 358 天[LV.8]以坛为家I
在线时间 小时
阅读权限70
签到天数: 661 天[LV.9]以坛为家II
在线时间 小时
阅读权限10
签到天数: 7 天[LV.3]偶尔看看II
这个怎么用的 ?
在线时间 小时
阅读权限10
签到天数: 2 天[LV.1]初来乍到
非常喜欢这个脚本,很需要
在线时间 小时
阅读权限10
签到天数: 2 天[LV.1]初来乍到
这个效果赞的,手动画死人
在线时间 小时
阅读权限10
签到天数: 2 天[LV.1]初来乍到
在线时间 小时
阅读权限10
签到天数: 1 天[LV.1]初来乍到
这个资源太棒了
在线时间 小时
阅读权限10
签到天数: 1 天[LV.1]初来乍到
在线获得帮助
充值及VIP办理
推荐PS素材区
推荐设计素材
推荐教程区
飞天资源介绍
Powered by

我要回帖

更多关于 用ps制作low poly风格 的文章

 

随机推荐