DroneCAN模块 WiFi 磁力计 硬件产品拍摄 制作淘宝主图和详情页

DroneCAN模块 WiFi 磁力计 硬件产品拍摄 制作淘宝主图和详情页

来咯来咯～简单的分享一下日常拍摄DroneCANWiFi、DroneCAN磁力计模块产品图和制作淘宝主图、淘宝详情页的工作流，拍其他的产品如DroneCAN调试器、DroneCAN UART、DroneCANPWM、DroneCANRGB、DroneCAN气压计也是类似的。

哈喽大家好呀

我是Mokel

今天和大家分享一下我拍产品图片

做产品主图

和产品详情页的一个简单的过程

我拍这个产品图的话

其实也比较简单啊

一张A4纸

然后一些产品

然后一个相机搭一个50的镜头

然后两盏灯

基本就是这样子比较简单

然后拍的图片的话

大概10张到15张的样子

可以看到这两个是我们刚刚拍的产品

一个是CANWiFi数传模块

一个是CANMAG磁力计

然后我们相机里面拍的原图

我一般是会把它放在

这个media文件夹下的产品实拍

会有这么些内容

然后的话

同时可能会各自去新建一个这个exports

exports这个文件夹

然后里面的话会有几个子文件夹

文件夹：挑出淘宝五图的原图

然后这个文件夹：淘宝五图的psd

导出来的淘宝五图

然后以及会有

就是从这个产品实拍图里面

挑出来用于详情页的图

然后会对用于详情页的图

进行一个裁剪压缩

然后这个详情页就是一会

我们会用Figma做一个详情页的长图

然后放到这个详情页文件夹里面

然后再用PS对那个长图进行一个分割

把它分割成多张大小比较合适的图

再把这些图上传到淘宝

图片拼起来之后

就是一个完整的详情页

我一般简单的批量的处理图片

都是用这个capture one

我们可以看到这个capture one

这

我之前已经处理过非常非常多个图了

其实我已经把Mag和WiFi的图片处理过一遍

如果是全新的话

一般我可能会新建一个目录

然后把这个目录去命名为对应的

比如说命名为CANMAG

然后把这个保存的位置就放到这个

比如说这个产品，CANMAG

然后exports

然后放到这个exports这个文件夹下

保存这个capture one这个目录的配置文件

但其实我之前已经新建好了

然后我这里

这里的话我就我就直接打开它

打开这个CANMAG CaptureOne的这个文件

然后把它打开

然后打开的话

第一件事情

我们是需要先去导入这个图片

比如说我们从这里导入

然后从哪里导入呢选择

就是把原图导入这个产品实拍的原图

然后全选查看导入

我其实已经导入过了

我已经导入过了

所以就这里演示一下

然后这就是导入出来的

所有的CANMAG刚拍的图片

然后我会从这些图片里面

比如说挑出一些来用作淘宝主图的

5张图片

就这边已经挑出来

挑出了5张图片

比如说这个是我做首图

即那个主图的图

然后这个是二图三图四图五图

可能会挑出5张图片

然后怎么挑呢

其实就是给他给他打个星标

即给他打个评级

然后挑出来之后的话也是全选

然后把它导出原文件

导出原文件的话就是导出到这个

比如说还是刚刚那个产品

导出到这个

挑出淘宝5图原图，导出到这里面

我之前已经导出过了啊

然后导出去

导出5个原文件

然后这个的话它就可以告一段落了

然后可以看到这里有一个淘宝5图的psd

然后其实也就是我之前做过的产品

把5个PSD复制过来

然后把它们5个用PS打开

OK打开啊

比如说这个

其实我已经做好了

没做好的情况下

我就会

比如说比如说我

我这边要把这张图片

换成那个Wifi的图片

比如说我要现在是磁力计，我演示

假如要把它换成那个Wifi的图片

我就会去

我会去我就会去

找到这个

其实我就会去

找到什么呢

我会找到这个挑出来的

淘宝5图原图这个地方

然后找到找

比如说找到用于做主图的那张图片

比如说这张图片

然后拖进来

把它放大

然后转个位置

好确定

然后再把它选择主体

command + J 把它筛出来

然后把原来这个去掉

好这就是我们刚刚筛选出来的

然后这样有点太平面了

给他加个

给他简单的加个投影

比较粗糙

就基本是这样

然后把这些文字对应的

把这些信息

他的产品的名称

然后产品的三句话的比较简单的介绍

然后把它弄好

然后弄好之后

我们知道

淘宝详情页的话

淘宝主图的话

会有两个格式啊

然后我们会一个是800*800的，即1:1的

然后还有一个是3:4的

比如说我会把它导出为jpg

然后然后这个实际上就3:4了

然后宽高是750

然后图像的宽高750

然后画布的宽高是750*1000，3:4

然后如果是1:1的图片的话

然后就会把它全换成800

然后这样就1:1的图片

然后就导出两张图片

然后可以看到我们这边有导出

可以看到每张图片都有这个1:1的和3:4的

1:1和3:4的

其他几张图也是一样

比如说这个二图

那这个二图就是把

把我要的这个二图的图片拖进来

然后确定

然后把它放大

我也不会去做其他的操作啊

就是比较简单

能看清楚它是个什么产品就好了

然后其他三图4图5图

其实就是一些纯展示啊

只有首图可能会有

会有一点点设计

会放了一些啊

这个公司的信息啊

产品的名称啊

然后放了这么一个快速发货，小无人机

放了这么三段话来给他做一个介绍

然后其他的就是把那个拍摄好的原图

直接拉进来放大然后调整一下

调整到合适的大小

然后同样的

也是每个去导出一下 1:1的图片

和3:4的图片

导出一下

然后也会有这些1:1三图4图

首图4图4图5图5图

然后会相应的有1:1和3:4的图片

这五张图片就做完了

比如说你看像这个是Wifi的

Wifi的首图

Wifi的2345

然后这个时候

淘宝的5张主图就弄好了

比较简单的就弄好了

然后接下来就是说

要在所有的图片里面

挑出详情页用的图

然后并且要对他做一个处理

比如说哎

这张图片

我觉得其实这些图片

详情页都可能会用的

那我就给他

给他打一个2

打一个2就打两个

两颗星给他标一下

然后这张图片可能也会用到

就是反正不同的角度嘛

能用多几张素材

挑出详情页用得上的图之后

我们就对他做一个裁切

旋转图片

然后裁剪图片之后

我们就基本弄好了

全选然后把它导出

然后这个话一般配方我是用这个JPEG

最大尺寸

最高画质

然后的话把它导出到哪个文件夹呢

选择文件夹

找到我们刚刚的文件夹

CANMAG这个是CANMAG

然后找到这个exports

然后找到这个详情页裁剪压缩

这是我们对它做了裁剪

然后还对它进行了压缩

然后就导出11个图像

这就是导出好的图片

因为我们这个图片

不是直接上传到淘宝的空间啊

所以这1.2兆左右是没问题的

然后这个时候我们去做这个详情页

做详情页的话

我们就会用到

我用的是figma

我用figma可能习惯一点

但实际上也可以用即时设计

figma的话

可以看到我们之前做的这些详情页

其实都在这里

然后我们找一张图

比如找这个

把它复制一下

然后有个Copy

然后把它点开

然后上面改一下这个名字吧

好现在

做好之后的话

我们就全选

然后把它

可以看到这边有个export

把它导出一下

我们把它导出一下

它就会导出一张图片

基本没有什么问题啊

这是一张长图

我们把它挪到我们那个文件夹里面去

然后再把它用PS打开

在PS里面把它打开之后呢

因为它是一张长图

然后我们需要把它切成多张

小一点的图片

然后用切片工具选中它

然后划分切片

然后水平方向

比如说给他800个像素

然后800像素这个

第八张有点短

那就不要呃

900个像素

然后就1000个像素

1,000个像素

让他划分成7张

然后确定

这个时候我们再把它导出

用这个存储为Web使用格式啊

然后每张确认一下

要确认它这边都是jpg

导出是jpg格式的

然后没有问题的话我们就可以存储

然后是选这个

这个这个详情页

这个文件夹

然后确认

然后确定

然后这时候我们回到我们这个详情页

你会发现它导出了多张

然后它就有7张啊

这个时候我们再把它上传到淘宝后台

OK没什么问题啊

其他的也可以检查下，ok

提交然后我们这时候可以去看一下

这个产品，点开

产品主图和产品详情页都没问题

那这期视频就到这里了

我们下期视频再见