# 雨夜窗边：用 Aquarell 分 13 层画玻璃雨痕、暖灯与书杯

语言：zh-CN
原文：[雨夜窗边：用 Aquarell 分 13 层画玻璃雨痕、暖灯与书杯](<https://allluckly.cn/works/aquarell-rainy-window-duo/>)
中文：[中文 HTML](<https://allluckly.cn/works/aquarell-rainy-window-duo/>)
English: [English HTML](<https://allluckly.cn/en/works/aquarell-rainy-window-duo/>)
发布于: 2026-10-24T11:31:27+08:00
内容更新于: 2026-10-24T15:04:33+08:00
署名：Bison

用 Aquarell 的选区、画笔与 13 个图层完成冷蓝城市、玻璃雨痕、暖灯、书本、咖啡和盆栽。附真实创作视频、中英字幕、配色与具体步骤，以及 1400×1000 原生成图。

[视频](<https://allluckly.cn/assets/videos/aquarell-rainy-window-duo-steps-v2.mp4>)

[中文步骤](<https://allluckly.cn/assets/videos/aquarell-rainy-window-duo-steps-v2.zh-CN.vtt>)

[English steps](<https://allluckly.cn/assets/videos/aquarell-rainy-window-duo-steps-v2.en.vtt>)

[Poster](<https://allluckly.cn/assets/images/works/aquarell-rainy-window-duo.png>)

AI 辅助使用 Aquarell 原生选区、填色、画笔与图层，从已保存的夜色与楼群继续，依次加入城市灯火、玻璃雨痕、木窗、吊灯、书杯与陶盆植物，最后调整透明度和遮挡。视频按实际创作顺序展示完整应用界面；片尾为原生成图和 Duo 四姿态窗口采样。

Aquarell 本地构建 1.0.5（1），iPhone Duo / iOS 27.1 模拟器，中文界面。AI 通过应用正式 MCP 辅助原生绘画。从已有底景继续，创作片段按顺序剪接，去除等待，以原速至 2 倍速播放；字幕注明各段速度。无音轨，附中英文字幕。片尾先展示原生 PNG，再用四张真实窗口截图分步对照 Duo 姿态；并非连续折叠录像。 商店版本界面可能不同。

按章节观看

1. [00:00 雾与月光：从已有底景开始](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=0.0>)
2. [00:08 分层加入城市窗灯](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=8.8>)
3. [00:34 短雨丝、长水迹与雨珠](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=34.8>)
4. [00:56 木窗框与黄铜锁扣](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=56.133>)
5. [01:22 窗台厚度与木纹](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=82.133>)
6. [01:41 吊灯亮面、暗面与灯泡](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=101.467>)
7. [01:50 书影、纸面与红书签](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=110.467>)
8. [02:06 杯柄、咖啡与杯碟](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=126.267>)
9. [02:28 陶盆、枝条与叶片](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=148.767>)
10. [02:48 调整透明度与精修](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=168.1>)
11. [03:01 清理跨过静物的高光](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=181.433>)
12. [03:04 完成作品 PNG](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=184.433>)
13. [03:07 iPhone Duo 展开与折叠](<https://allluckly.cn/works/aquarell-rainy-window-duo/#t=187.433>)

窗外画冷蓝色的城市，窗内放一本翻开的书、一杯咖啡和一盏暖灯。雨丝和灯格比较密，书页和杯子则保留大块颜色，这样整幅画不会处处都在抢注意力。

这次用 **Aquarell、1400 × 1000 px 横向画布、300 dpi、sRGB，保留 13 个原生图层**完成。主要操作是选区填色、真实画笔笔触、局部擦除和图层不透明度调整。

**创作方式说明：本作品由 AI 通过 Aquarell 应用内的「AI 控制（MCP）」辅助完成。所有图像内容均由原生选区填色与真实画笔渲染产生，并保存为可编辑作品，没有导入外部合成图。录屏记录模拟器中的实际编辑过程，不作为逐笔人工手绘实录。**视频按创作顺序剪去等待，保留实际应用界面；本轮使用中文界面的本地构建。下面按实际完成顺序写出复刻方法。

![Aquarell 原生导出的雨夜窗景：冷蓝城市和窗灯、玻璃雨痕、木框与黄铜锁扣，窗台上有暖灯、翻开的书、咖啡杯和陶盆绿植](<https://allluckly.cn/assets/images/works/aquarell-rainy-window-duo.png>)

## 先按这 13 层安排内容

图层从下到上如下。表里的名称用于说明各层作用，并非应用面板中逐层重命名后的名称。

| 顺序 | 内容 | 本次处理 |
| --- | --- | --- |
| 1 | 夜色底 | 保留原始深蓝底色 |
| 2 | 城市剪影 | 保留连成一片的冷色楼群 |
| 3 | 雾与月色 | 最后将整层不透明度降到 19% |
| 4 | 城市灯火 | 暖窗、少量冷窗、楼体边缘光 |
| 5 | 玻璃雨 | 短雨丝、水迹与雨珠；整层不透明度 58% |
| 6 | 室内窗框 | 木框、横竖分隔、黄铜锁扣 |
| 7 | 木窗台 | 台面、深色前缘、低对比木纹 |
| 8 | 吊灯 | 光晕、灯罩、灯泡 |
| 9 | 书本 | 投影、封面、页叠、纸面、短线与红书签 |
| 10 | 咖啡 | 杯碟、杯柄、杯身与咖啡液面 |
| 11 | 陶盆植物 | 盆体、枝条、13 片叶片与叶脉 |
| 12 | 独立蒸汽 | 三条曲线；整层不透明度 36% |
| 13 | 最后收光 | 月牙、玻璃与室内少量反光 |

雨放在窗框下面，木框会盖住窗外边缘；书、杯和陶盆放在窗台上面，便于分别处理遮挡。蒸汽单独一层，是为了最后减弱它时，不把杯子一起变淡。

## 底色与主色先定下来

夜色沿用 `#152638`，城市剪影沿用 `#31475C`。先把背景和楼群分开，再往上增加室内物件。后面用到的主要颜色如下：

| 用途 | HEX |
| --- | --- |
| 月牙 | `#C9DDD3` |
| 胡桃木窗框 | `#604238` |
| 窗台木色 | `#9B6B47` |
| 黄铜灯罩 | `#C99B61` |
| 书页亮面 | `#F7E8C9` |
| 咖啡液面 | `#745039` |
| 陶盆主色 | `#AD6849` |
| 中绿叶片 | `#658560` |

窗外大面积保持蓝灰，室内的木色、纸色和黄铜偏暖。月牙用浅青灰，避免和暖灯变成同一种黄色。

## 远城：楼群用选区，窗灯用短笔触

先用多边形选区沿楼顶的高低变化围出城市剪影，填入城市色。宽楼、窄楼和屋顶小突起连成一个远景轮廓，不需要一开始就给每座楼建立一整套细节。

另加城市灯火层，沿楼体分布短横笔触。这里实际混用了暖黄 `#F4C78D`、浅黄 `#F6DCA6`、橙褐 `#D99763` 和少量冷蓝 `#87B6C6`。窗灯之间留空，同一层楼也不必每格都亮。少数楼顶加一条较暗的蓝灰边缘光，再用深色侧边区分相邻楼体。

这次细窗灯、雨丝和叶脉用到了一个共同方法：先建立窄选区，再在里面落笔，让选区限制笔触的可见宽度。手动复刻时，同样可以先围出窄条，在里面刷色；画完清除选区，就能留下比较整齐的细线。它适合需要控制边缘的地方，普通宽色块仍直接用选区填色。

## 月牙和雨玻璃：分别处理形状与浓淡

右上月牙先画约 **62 × 62 px** 的浅色椭圆，再叠一块约 **51 × 51 px** 的夜色椭圆，向右上错开，留下亮边。月色放在雾层中先建立气氛，最后收光时再补清楚一次轮廓，防止降低雾层后月牙也一起消失。

玻璃雨分三种。第一种是长短不同的细斜线，方向大体向左下；第二种是略有折转、较长的水迹；第三种是靠近视线的雨珠，用深色弧边、断开的浅色高光和一小段下垂水痕组成。

雨画在独立图层，最后把整层不透明度设为 **58%**。雾层降到 **19%**，让楼体和窗灯重新露出来。两者分层调整，就不用因为雨太亮而把城市一并压暗。

## 木窗：先围外框，再加十字分隔

木框把窗外与室内明确分开。先用较宽的矩形选区围出左右竖框和上框，再在中间加一条竖向分隔、一条横向分隔，形成四格窗。主色用胡桃木色，内侧补较浅的棕色细边，背光侧保留深褐。

中间竖框上放一个黄铜锁扣：先做一块暗金色底板，再补较窄的亮面和折转把手。锁扣面积小，不需要很多结构；它的位置能让大窗框看起来更像实际可开启的窗。

窗台由三个大面搭成：梯形顶面、深色前缘，以及略小一圈的暖木色台面。顶面向下展开，两边稍微外撇，让书和杯子有足够的承托位置。木纹只用低对比的长短笔触，避开把台面画成一排等距横线。

## 吊灯：灯罩分明暗，光晕保持轻

吊灯位于画面右上，灯罩是一个上窄下宽的梯形。先用黄铜色 `#C99B61` 铺主体，左侧加浅金色亮面，右侧加棕金色暗面，再用扁椭圆接住灯罩下缘。灯泡是下方一小块奶油色圆形亮部。

吊线从上框附近落到灯罩顶部。灯罩周围的暖光晕放得较轻，让附近的雨和城市仍可见。杯子与盆栽后面不再整片刷亮，室内的亮度主要留在灯泡、纸面和杯口。

## 翻开的书：左右纸面分开画

书放在窗台左侧，整体范围约为画布横向 **260–740 px**、纵向 **770–920 px**。这里的位置以画布左上角为参考，横向向右、纵向向下；用于照着构图，不要求逐点相同。

先铺落在台面上的暗色书影，再叠深蓝灰封面和浅褐色页叠。左右两张打开的纸面分别填色：左页用 `#E7D6B4`，右页用更亮的 `#F7E8C9`。书脊附近收进一个浅 V 形，下缘再用两条细线带出页叠厚度。最后让一条红褐色书签从中缝落下，伸出页边。

纸面的文字用短线表示，左页随纸面向右上倾斜，右页向右下倾斜。它们只表现阅读中的行列感，没有编造可读正文。本次左页上缘出现过越界笔迹，最后重新围出页外那一小块区域，只在书本层执行局部擦除，保留纸面内部的线条。

## 咖啡杯：先杯柄，后杯身

杯子放在书右侧，杯身大约落在 **810–960 px** 的横向范围。先画杯碟下的投影和椭圆碟面，再画右侧杯柄，随后用杯身盖住杯柄根部。这个顺序比最后把杯柄硬接到杯壁上自然。

杯身由一个浅米色大形、左侧亮面和右侧暗面组成。杯口叠三个扁椭圆：浅色口沿、深咖啡边缘、`#745039` 的咖啡液面。椭圆的高要明显小于宽，才能读成放在台面上的杯口。

蒸汽最初跟杯子同层，叠加后偏亮。实际修正是先局部擦掉旧蒸汽，再在独立图层重画三条高低不同的弯曲笔触，把整层不透明度降到 **36%**。杯身保持原亮度，只让蒸汽退淡。

## 陶盆：三个明暗面，13 片不同方向的叶子

右侧花盆先铺台面上的椭圆投影，再画上宽下窄的盆体。主色 `#AD6849`，左面偏浅、右面偏深；上缘用一圈较亮的扁椭圆，里面填深色，表现盆口。

枝条从盆口分向左上、右上和两侧，再沿枝条逐片加入叶子。本次实际保留 **13 片多边形叶片**，有较直立的长叶，也有横向伸出的小叶。以 `#658560` 为中间色，交替使用较深和较浅的绿色，最后用细笔触补叶脉。

叶子先确定叶柄处和尖端，再在中段向两侧撑开，形成带折角的长形。不同叶片不要全都朝一个方向：靠左的可以横伸，顶端向上，右侧稍微张开，盆栽就不会像一组复制出来的箭头。

## 最后只查三处：越界、遮挡、透明度

先看书页边缘、雨珠和叶脉有没有跑出各自轮廓；再看窗台、书、杯子和盆栽的前后关系。本次最后确实擦掉了一条跨过书、杯与盆栽的窗台高光，让高光只留在它该露出的台面上。

最后核对三个图层设置：**雨 58%、雾 19%、独立蒸汽 36%**。确认没有活动选区后保存。原稿保留 13 层，PNG 按原尺寸导出，实际文件为 **1400 × 1000 px**；可编辑原稿另行导出为 Aquarell 原生格式，后面还可以分别修改书、咖啡或雨层。

## 在 Duo 上展开、半展开、合拢，再展开

完成后通过 Device Hub 实际切换 **Open → Partially Open → Closed → Open**，分别采集设备窗口。这里采用的是四个姿态的真实窗口采样，后期按步骤剪接；它不表示一段连续拍下的铰链运动。

半展开采样中能看到完整横向作品；合拢后横向可见范围变窄，部分两侧内容退出视图。重新展开后再看完整画面，并用原生 PNG 核对边缘。设备视口改变，原稿仍是 1400 × 1000 px。

想先练基础操作，可以看[选区局部上色](<https://allluckly.cn/guides/aquarell-selection-local-color/>)、[三图层创作流程](<https://allluckly.cn/guides/aquarell-three-layer-workflow/>)和[图层不透明度](<https://allluckly.cn/guides/aquarell-layer-opacity/>)；如果导出后觉得细雨不明显，再对照[图片模糊排查](<https://allluckly.cn/guides/aquarell-export-blur-check/>)区分像素尺寸和网页缩放。

