• 游客,欢迎来到米坛社区。
    米坛社区是大型中文智能穿戴设备交流社区,在这里交流你的极客思想,共同建造我们的智能世界
    为了更加方便的获取支持与帮助,请加入米坛社区官方QQ频道

米环4教程 环4资源包的入门到入土 07如何做优秀宣传图

一个海洋酱

LV6
普通成员
UID
63
2019-05-06
52
984
--- 资 源 包 的 入 门 到 入 土 ---
- 07 如何做优秀宣传图 -
- 看看优秀宣传图示范吧 -

1586174739827.png
1586174812785.png
1586174890129.png
1586174936471.png
1586174980087.png
1586174994831.png
1586175014328.png


- 得到手环渲染图 -
因为手环这个渲染图我们做不出来

所以可以直接从小米官网搬!
打开mi.com搜索小米手环4
点开商品详情
里面都是小米官方的渲染图了
找到一张你想要的渲染图
我这里拿这张做示范
1586176169428.png
右键保存图片
打开ps和这张图片
1586176182414.png
先裁剪出你要的部分
1586176234702.png

选择魔棒工具
魔棒工具相关快捷键:
按住Shift增加选区
按住Alt减少选取
我们先单击手环主体
1586176328908.png
背景也一起选择了怎么办?
是因为背景色与手环太接近了!
我们调整魔棒的参数选项
1586175586069.png
容差越大
颜色相近选择的就会越多
反之越少
扣完之后右键这个扣的部分
选择通过拷贝/剪切的部分
1586176398640.png
1586176421550.png
我们就得到了一张很干净的渲染图啦!


- 图标与背景的融合 -
大家都知道

我们资源包的背景是黑色
所以
最简单粗暴的办法
就是用黑色背景[狗头]
那黑色背景怎么尽量变得好看呢?
我们先创建一个宣传图的文件
然后创建一个黑色图层

1586230667708.png
添加[置入]你的资源包图片
我这里随便加几个
选择这些图层
Ctrl+T把他们缩放成自己想要的大小
切记!
不同大小的图片要分开来缩放
比如主页的和更多的
再稍微排亿下版
1586231102726.png
现在把你置入的合成一个图层
1586231144471.png
你会不会觉得纯黑色不好看?
我们稍微调亮一点!
先选择置入图标的图层
图像-调整-色相/饱和度
1586231236403.png
因为后面要把背景做亮
所以把图标适当的做深一点点
1586231345885.png
黑色不管调多深都不会再深啦
所以明度只能往黑色调
我们把两个图层合并成一个图层
1586231409466.png
再打开
图像-调整-色相/饱和度
把明度调高
1586231465515.png
你就会发现图标不但没变深
反而变成原来的样子了
原来的底色也变成灰色了
但是我想换成其它的颜色怎么办?
我们撤回到前面的黑色背景
[两个图层还是合并的状态]
菜单-选择-色彩范围
1586231615878.png
选择取样颜色
然后用吸管工具点击背景的黑色
1586231681831.png
把颜色容差拉到200
点击确定
1586231728102.png
就可以得到一张背景选择的图层了
接下来你想用渐变啊
画笔啊 纯色啊都可以
我这里用暗蓝色做示范了
1586231835116.png
前期就要调好你的图标比例和明暗程度!

再来讲讲大家都很关心的调整渲染图+图标的扭曲角度问题

先导入我们刚刚讲过的渲染图
1586231965920.png
角度如何把握?
新手可以选择像这样的带有明显边框的图片
将你要展示的图标单独导入
也可以用我们讲过的模拟器导出的预览图
1586232058266.png
这里我随便用一张
1586232089668.png
拖到你要放的地方
调整图层的透明度
方便我查看这些边角
1586232183716.png
再选择编辑-变换-扭曲
1586232118433.png
把这四个角都拉伸到官方图的边角上来
1586232249069.png
重新把不透明度设置成100%
看看吧!
1586232333733.png
觉得太黑了?
用我们刚刚的方法
图像-调整-色相/饱和度
调整他的明度
直到和手环颜色大概融为一体
1586232493207.png
注意!
下面来给你们看看怎么做的更加高级
我这里用了以前扣的一张渲染图
1586232706701.png
像这张
他的屏幕没有做光影
我们就可以直接用画笔把他涂掉~
1586232771058.png
置入你的图标
这种不是纯黑的
还是建议你们用透明图片!
怎么扣?
用色彩选择或者魔棒工具选择黑色
再用橡皮擦工具
把扣好的图片扭曲
一定一定
要把框框先平行于手环的框框
像这样
1586233021673.png
再来做另外两边
拖动图标到手环顶部
然后模拟出一条线段
是手环从曲的那一点到曲完的那一点
1586233470006.png
就是这个样子啦!
这个方法适用于所有手环4的渲染图
1586233525148.png
哪一个都可以!
1586233861940.png
1586233887718.png
这就是几乎完美的解决角度的办法了

再来讲讲
这个宣传图的字
到底要怎么写
简约风格的
可以选择纯白色
细长的字体
比如 像这样
1586234241283.png
你也可以选择把图标悬浮起来
还是老办法
菜单-编辑-变换-扭曲
扭曲的程度就和手环预览图标的调成一样
1586234674513.png
加上投影
做出悬浮感
1586234736758.png
调整成你喜欢的参数
1586234784553.png
就有了悬浮的感觉了
1586234812005.png

做完这期我真的肝不动了
点个赞再走吧~





- 下 期 预 告 -
这次可能真的没有下期了

我觉得我能讲的都差不多了
接下来看你们自己啦

最后来推一波我的资源包 100%覆盖率与原创率
欢迎支持呀

1586234998384.png
 

附件

  • 1586175294382.png
    1586175294382.png
    373.8 KB · 查看: 1
  • 1586175371567.png
    1586175371567.png
    265.9 KB · 查看: 1
  • 1586175516852.png
    1586175516852.png
    198.4 KB · 查看: 1
  • 1586231661551.png
    1586231661551.png
    29 KB · 查看: 1
最后编辑:

菜鸟也疯狂

LV6
普通成员
UID
2079
2019-06-22
130
852
还是比较复杂啊,我手上的米动就没有模拟器😂只能自己想办法对坐标了
 

JYyyy526

LV2
普通成员
UID
10992
2019-07-31
89
74
刚来米坛。这就是大佬写的教程吗,i了i了(手动滑稽
 

*这是一则由 Google AdSense 自动推荐的广告,与本站无关,不对其真实性与可靠性负责