『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 9706|回复: 52

用‘图片元素卡片’搞的3D平面图中控界面!

  [复制链接]

18

主题

266

帖子

1546

积分

金牌会员

Rank: 6Rank: 6

积分
1546
金钱
1280
HASS币
0
发表于 2022-6-11 15:10:00 | 显示全部楼层 |阅读模式
本帖最后由 yotashop 于 2022-7-8 00:36 编辑

222.png
111.png
顺便搞了些空调电视啥的小动画:
GifMakerProject1_1.gif

GifMakerProject2.gif
GifMakerProject3.gif
大概先这样!细节再慢慢优化!
附上png源文件和我的卡片配置:
我的配置.zip (4.43 MB, 下载次数: 629)





评分

参与人数 5金钱 +50 收起 理由
zelotoj + 8 高手,这是高手!
DDDear + 8 高手,这是高手!
jjcs + 10 高手,这是高手!
zxyny1989 + 12 以为是青铜,原来是王者!
咸味土豆 + 12 高手,这是高手!

查看全部评分

回复

使用道具 举报

0

主题

23

帖子

774

积分

高级会员

Rank: 4

积分
774
金钱
751
HASS币
0
发表于 2022-6-11 15:46:53 | 显示全部楼层
看着好厉害  没有编程基础又没有美术基础的 落下痛苦的眼泪
回复

使用道具 举报

32

主题

285

帖子

1811

积分

金牌会员

Rank: 6Rank: 6

积分
1811
金钱
1526
HASS币
0
发表于 2022-6-11 18:19:55 | 显示全部楼层
很厉害,需要花很多时间应该。
回复

使用道具 举报

18

主题

266

帖子

1546

积分

金牌会员

Rank: 6Rank: 6

积分
1546
金钱
1280
HASS币
0
 楼主| 发表于 2022-6-12 12:56:55 | 显示全部楼层
justion 发表于 2022-6-11 18:19
很厉害,需要花很多时间应该。

零零散散几天时间吧!
回复

使用道具 举报

0

主题

66

帖子

1090

积分

金牌会员

Rank: 6Rank: 6

积分
1090
金钱
1024
HASS币
0
发表于 2022-6-13 17:22:40 | 显示全部楼层
大佬 你太牛了,小白想抄作业啊!
回复

使用道具 举报

59

主题

672

帖子

4283

积分

论坛元老

Rank: 8Rank: 8

积分
4283
金钱
3606
HASS币
20
发表于 2022-6-13 17:43:14 | 显示全部楼层
                  style:
                    pointer-events: none
                    mix-blend-mode: lighten
每个叠加图层图片有用到这个参数吗
回复

使用道具 举报

18

主题

266

帖子

1546

积分

金牌会员

Rank: 6Rank: 6

积分
1546
金钱
1280
HASS币
0
 楼主| 发表于 2022-6-13 18:40:03 | 显示全部楼层
本帖最后由 yotashop 于 2022-6-13 19:12 编辑
gmshiwoge 发表于 2022-6-13 17:43
style:
                    pointer-events: none
                    mix-blend-mode ...

哇谢谢指教!补上了!交接处叠加变亮了但是,平板变卡了,显示很奇怪,后来还是删掉了
不过还是问下上面这个配置’pointer-events: none‘是啥意思
回复

使用道具 举报

18

主题

266

帖子

1546

积分

金牌会员

Rank: 6Rank: 6

积分
1546
金钱
1280
HASS币
0
 楼主| 发表于 2022-6-13 18:57:25 | 显示全部楼层
ryf 发表于 2022-6-13 17:22
大佬 你太牛了,小白想抄作业啊!

我也是学习中的小白,
把我的卡片配置和png文件放在帖子附件中了。
回复

使用道具 举报

2

主题

64

帖子

530

积分

高级会员

Rank: 4

积分
530
金钱
466
HASS币
0
发表于 2022-6-13 19:24:00 | 显示全部楼层
厉害了,学习,学习!
回复

使用道具 举报

59

主题

672

帖子

4283

积分

论坛元老

Rank: 8Rank: 8

积分
4283
金钱
3606
HASS币
20
发表于 2022-6-13 19:40:10 | 显示全部楼层
yotashop 发表于 2022-6-13 18:40
哇谢谢指教!补上了!交接处叠加变亮了但是,平板变卡了,显示很奇怪,后来还是删掉了
不过还是问下上面这 ...

让鼠标点击不到图片  另一个是两个灯光图片 中间叠加 等于ps的浅色样式 不用这个参数 你图片用ps通道抠图半透明完成叠加吗
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-21 23:00 , Processed in 1.600270 second(s), 35 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表