分类： 设计

  • 【小贴士】Adobe Dimension提示检查Creative Cloud状态的（概率）解决办法

    Adobe Dimension在三维软件中似乎是一个另类，纵观全网也没有什么热度与讨论，而随着其推出4.1更新，我再次怀着好奇心试了一试该软件，发觉其可以成为一个快速建模与出图的高效三维软件——起码我现在能打开它了。

    （更新：现在还是会出现无论如何都没法稳定打开的情况，算了，还是用Blender吧）

    作为正版软件受害者，在使用数次再打开它之时，熟悉的提示又一次出现，NND怎么还是躲不了。

    经过一系列有的没的操作，我（有概率）解决Dimension的警告问题。

    操作如下，前三步一定先完成。

    1、登录Adobe 帐户 — Adobe Account

    2、在如下窗口结束所有会话，该操作会让所有已登录设备、产品掉线，谨慎操作。

    3、重新在电脑登录Adobe Creative Cloud。

    4、进入Dimension检查是否有警告提示，一般这个时候已经可以解决警告提示的问题，如果还是有问题，那么看下面↓

    5、（这部分是俺寻思环节，并不能稳定复现）如果再次出现警告提示，可以先检查Adobe相关进程。在正常情况下，Adobe Creative Cloud的后台进程一般会有四五个的样子，类似下图：

    而每次Dimension出现问题的时候基本都是Adobe相关网络进程停止导致的，例如下图这种情况时后台进程基本是完全停止的。

    因此猜测正常状态下的Adobe Creative Cloud中有激活服务器之类的相关进程才能保证Dimension不会出现警告提示，而且这些进程似乎只和Dimension有关，套件中的其他软件都不受此影响，但有些软件例如PS之类的又似乎可以调用这些进程。

    根据测试，可能是和地址与127.0.0.1相关的网络进程有关。因此如果在结束会话步骤后依旧时不时出现问题，可以试试以下的方法：

    解决方法：【不能稳定复现，可以排列组合做几次】

    1、若遇到Adobe Creative Cloud服务异常，可以等待操作台启动完毕，或者直接重启Adobe服务，等待与127.0.0.1相关的网络进程完成网络监听后打开Dimension，测试是否恢复正常。

    2、若遇到开机第一次可以使用但是第二次又提示错误，但Cloud服务控制台正常加载，可以在网络进程中查看127.0.0.1上的Adobe进程，先关闭相关进程后尝试打开软件，有概率恢复正常。

    若依旧错误则可以点击Cloud控制台中的检查更新按钮，可以重启网络进程，等待相关网络进程完成网络连接或监听，再打开Dimension，有概率恢复正常。

    以上，验证过程过于折磨且很难稳定复现，不过步骤123请一定要做。

    至于做了结束会话之后还遇到问题，经过一定的测试大概率是127.0.0.1上网络进程有关，核心思路还是关闭或重启Adobe在127.0.0.1相关端口的网络进程或者让Adobe其他软件调用端口，直到Dimension可以正常启动，若后续有可以稳定Dimension的方法再更新本文。（本文终结，不会再折腾Dimension，都不能稳定打开的软件真是太折磨人了。）

  • 【设计】军事类宣传中，如何避免出现误用他国或地区的武器装备图片？

    最简单的方法：

    找一个军迷来问一下，，，军迷识别武器就像是女生识别口红色号一样。

    咳咳，真的不开玩笑。

  • 【设计】一种菱形平面的火焰表现形式

    来自索契冬奥会转播画面，应该是俄罗斯国家电视一频道+圣火的标志。

    用HTML粗糙实现类似效果，如果要精准复刻，还是需要位置和动画的精细调整。

    <style>
        /* 创建父容器来承载菱形，并设置其为 relative 定位 */
        .container {
            position: relative;
            width: 500px; /* 缩小容器的大小 */
            height: 500px; /* 缩小容器的大小 */
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: visible; /* 防止容器遮挡菱形动画 */
        }

        /* 菱形样式 */
        .diamond {
            position: absolute; /* 使用绝对定位来控制每个菱形的具体位置 */
            width: 60px; /* 缩小菱形的宽度 */
            height: 90px; /* 缩小菱形的高度 */
            background-color: yellow; /* 初始颜色为黄色 */
            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); /* 菱形形状 */
            animation: growDiamond 0.5s ease-in-out forwards, 
                      riseAndShrinkDiamond 1.5s ease-in infinite; /* 循环动画 */
            transform-origin: bottom center;
        }

        /* 菱形扩展动画 */
        @keyframes growDiamond {
            0% {
                transform: scaleY(0);
                opacity: 0;
            }
            100% {
                transform: scaleY(1);
                opacity: 1;
            }
        }

        /* 上升并缩小动画 */
        @keyframes riseAndShrinkDiamond {
            0% {
                transform: translateY(0) scale(1);
                opacity: 1;
                background-color: yellow;
            }
            100% {
                transform: translateY(-150px) scale(0.05); /* 缩小菱形的移动范围 */
                opacity: 0;
                background-color: red;
            }
        }

        /* 为每个菱形设置不同的初始位置、大小、延迟和动画 */
        .diamond:nth-child(1) {
            animation-delay: 0.2s;
            left: 50px; /* 自定义位置 */
            top: 50px;  /* 自定义位置 */
            transform: scale(1.2); /* 初始大小为1.2倍 */
        }

        .diamond:nth-child(2) {
            animation-delay: 0.4s;
            left: 60px;
            top: 70px;
            transform: scale(0.8); /* 初始大小为0.8倍 */
        }

        .diamond:nth-child(3) {
            animation-delay: 0.6s;
            left: 30px;
            top: 15px;
            transform: scale(1.5); /* 初始大小为1.5倍 */
        }

        .diamond:nth-child(4) {
            animation-delay: 0.8s;
            left: 40px;
            top: 20px;
            transform: scale(1);
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="diamond"></div> <!-- 第一个菱形 -->
        <div class="diamond"></div> <!-- 第二个菱形 -->
        <div class="diamond"></div> <!-- 第三个菱形 -->
        <div class="diamond"></div> <!-- 第四个菱形 -->
    </div>
</body>