Midjourney的学习曲线非常陡峭，但克服这一挑战后，开发者和企业家将获得一项超能力。学习如何制作令人惊叹且统一的图像集，这些图像集可以真正为你的项目带来帮助。从构建风格参考画廊到使用描述功能制作专业营销视觉效果，这些视觉效果不会让人一眼看出是AI生成的。

我之前几次尝试使用Midjourney都没有成功，但后来决定再试一次。通过阅读@kubadesign在[X]上发布的好教程后，我进步了很多。我还学到了一个Midjourney描述功能的小技巧，我觉得这个技巧也值得和大家分享。

我最初计划将这些图片用于uzi.sh，这是一个用于并行LLM编码代理的工具。不过，因为我只需要一个图片，最终选择了不同的图像。这个学习过程很有价值。这一套图片我选择了红色基调，以激发行动和速度的感觉，你可以从下面的图片中看到效果。

图片描述

按照Kuba的建议，我去了Pinterest，找到了一张我喜欢的酷图片。我选了一张有很多红色但边缘颜色较深的图片，因为我得留些空间放文字和其他东西，如果以后要用在网站上。

你不能只是描述你想要的具体图像就开始期待得到好的结果，否则Midjourney无法在你进一步具体描述时，遵循你所需的美学和主题。风格参考图像是必要的。

你可能很难在网上找到完全符合你想要风格的多张图片，所以我建议用中性描述来生成更多的图，以便创建一个统一风格的图片集。

我的提示是 人像摄影，女性，光从背后透出，未来风格，闪光灯摄影，彩色胶片，类比风格，不完美 --ar 3:4 --v 7。基本上，任何描述一般主题及其特征的提示——而不具体到风格、拍摄角度、动作或其他细节——都能很好地起作用。

这是一张图片。

我想要的照片之一是一只老鹰俯冲的画面。然而，用“带有红色发光背景的老鹰俯冲”作为关键词搜索，并没有得到我想要的结果。我偶然发现了“描述”功能并拖拽图片，立刻意识到这是一个获取我想要照片的窍门。

你可以选择任何一个都可以，并将其与你之前生成的风格参考图样搭配，以将鹰或其他你描述的图像调整到你想要的风格。我简直不敢相信这个方法有多管用。

Midjourney 生成的图片过于清晰，不适合作为网页背景图。我建议在把它们放到最终网站上时增加一些噪点效果，以创造出更协调的观感。如果操作得当的话，效果如下。CSS 很适合用来做这个！以下是如何为 uzi.sh 网站应用滤镜效果的完整指南，完整代码在 Github 上，如下所示。

![示例图片](https://imgapi.imooc.com/13f32f6809465d2f08000400.jpg "示例图片)](https://uzi.sh)

您首先需要在HTML文件中添加一个SVG滤镜定义，使CSS能够稍后引用它来在背景图像上添加颗粒。该滤镜使用feTurbulence来创建分形噪声，并使用feColorMatrix来调整透明度。您可以尝试调整feTurbulence中的baseFrequency参数或alpha通道（feColorMatrix中的0.8）以微调颗粒的强度和质感。

    <!-- SVG噪声滤镜定义 - 这应该添加到您的HTML中 -->
    <svg style="display: none">
      <filter id="noiseFilter">
        <!-- 生成分形噪声图案 -->
        <feTurbulence
          type="fractalNoise"
          baseFrequency="0.5"
          numOctaves="3"
          stitchTiles="stitch"
        />
        <!-- 将噪声转换为半透明层 -->
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0
                  0 0 0 0 0
                  0 0 0 0 0
                  0 0 0 0.8 0"
        />
      </filter>
    </svg>

全屏模式 退出全屏

一旦你定义好了滤镜，就可以将其应用于CSS中的一个纹理层。这个元素将覆盖在背景图片上并为其添加噪点效果。

/* 颗粒叠加层，用于应用滤镜效果 */
.grain-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; /* 背景图像之上，内容之下 */
  pointer-events: none; /* 允许点击穿透 */
  filter: url(#noiseFilter); /* 应用上面定义的 SVG 滤镜 */
}

/* 背景图像的样式 */
.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("./media/16x9steppecommander.png");
  background-size: cover;
  background-position: center;
  z-index: 1; /* 在颗粒叠加层之下 */
}

全屏模式 退出全屏

最后，你需要编写好你的HTML结构以确保层级关系正确。覆盖层应该置于背景图像之上，但要在你想要展示的任何内容之下。

    <!-- HTML结构展示分层 -->
    <div class="hero">
      <!-- 层1：背景图片（z-index: 1） -->
      <div class="background-image"></div>

      <!-- 层2：噪点层（z-index: 2） -->
      <div class="grain-overlay" style="filter: url(#noiseFilter)"></div>

      <!-- 层3：内容（z-index: 3） -->
      <div class="content-center">
        <!-- 请在此处添加内容 -->
      </div>
    </div>

切换到全屏模式，然后切换回正常模式

我听到过关于AI生成艺术可能会侵犯艺术家权益的广泛讨论和担忧，但重要的是要记住，AI是一种工具。它不仅能用来创造新事物，还能用来创作衍生作品。我认为最好使用AI的方式是将其作为一种增强你创造力的工具，而不是取代你的创造力。

用别人的作品来激发你的创作灵感，但不要只是简单地复制粘贴。利用AI将你头脑中的独特风格呈现到屏幕上。培养你自己的声音和视角，并让AI帮助你表达出来。