loading请求处理中...

满足关于展示的所有需求

2021-12-02 16:17:25 阅读 11826次 标签: 设计 作者: chenxi0

栏目「有技巧」是UBook知识在线的实用技巧专栏,专注于为常见问题&电脑&手机使用提供实用解决方案和技巧,旨在传递更多有用的日常技巧。


提起样机,我相信每个人或多或少都会有想说的东西。怎么获取样机,每个人应该从各种渠道得知,比如千图psd文件,或者觅元素得到无背景png图片。


很容易的,我们可能会得到这样的样机展示图:



嗯。既然我已经提前把这些东西都展示出来了,那今天要分享的,肯定不是这一类样机的制作方法了。


今天,分享给大家一个样机网站:

https://smartmockups.com/

并且带大家开一下脑洞,一起来看看样机的不同玩法!


网站页面认识


登陆进入网站之后,页面是这样的:



虽然是全英文页面,但是基本的单词都比较简单,不认识的查一查就会了,顺便也学习了一波英语~


在网站的上方,所有的样机已经为你分好类,包括电子设备,服装,名片等等,基本能满足我们的制作需要:



样机png带图导出


这个功能主要是针对iphone x

大家在用样机的时候,把样机当成容器装在图片是很常见的用法,比如这样:



就好像当office365出来之后,我们就不想用office 2016了一样,在选择手机样机的时候,我们的首要选择一定是iphoneX。


可是,往iphone X里面装载图片的时候,把图片裁成贴合它上面的刘海,真的很困难!


这个网站可以在线生成,然后导出png图片。


具体操作是这样:

选择一个你想要的样机,然后打开

点击upload images,然后选择你想要装载的图片



之后会跳出来一个裁剪图片的窗口,按你自己的需要裁剪,然后点击“crop and countine"



此时样机图就制作完成了,但是如果此时下载导出,就是有底图的图片。


接下来的操作就是去除底图了,点击这里的”CUSTOMIZE"



可以调节的一共有两个参数

一个是背景,可以设置为无背景,或者自己设置背景颜色

一个是裁剪尺寸,里面提供了几种默认尺寸:1:1,4:3,16:9



我们来具体看一下设置有多么得方便



当我们制作出无背景的样机之后,放在我们的PPT里面,再搭配想要的底图,方便快捷且实用。比如这一页:



场景化样机使用


我们直接用1页PPT来认识这个功能



可以看出,这页幻灯片是中国银行的,而右边手机的页面又恰巧是中国银行手机银行的开始页面。这个是怎么实现的呢?


如果你说导入图片,三维旋转,然后布尔运算,一点点与图片样机贴合。那我一定要送你一句棒棒哒。因为你这一页做完,我整套都做完了!


我们来看一下在这个网站里面的制作方法:、


选择样机场景图——导入展示图片——下载制作完成的图片


搞定了!图片与样机完美贴合。


当然,里面场景很多,怎么去玩就看大家的选择了,比如在名片里面可以这样玩:



样机种类炫酷


刚才展示的样机种类只是很小一部分,里面有很多效果堪比PS的样机图可以帮助我们在线生成,比如



这对于那些不会PS的人来说,简直是福音,轻轻点击一下,制作的效果简直堪比PS!


还在等什么呢?赶紧去试一下吧!最后再说一下网站网址:https://smartmockups.com/


设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
相关任务
DESIGN TASK 更多
为APP设计一款logo

¥1200 已有192人投标

车辆服务公司logo设计

¥1600 已有120人投标

光伏探勘设计人员

¥10000 已有0人投标

从化某农场logo设计

¥100 已有7人投标

工装夹具设计

¥300 已有0人投标

原型图设计

¥10000 已有0人投标