用户讨论:粉彩画-pastel

粉彩画的个人空间

---

游戏昵称	所在区服	所在舰队
粉彩画	大西洋宪章	雲

个人简介

向往热闹的人群，向往孤独的草原，行走在世界的边缘，默默按下手中的快门。

成果展示

我的骄傲
鲁莽页面 长期维护
一位中国粉丝在CP23为鲁莽画师りいちゅ应援的过程记录 网页编写
幻想之门——碧蓝航线同人馆 不定期更新

我的新页面
碧蓝航线不同地区运营的宣传海报对比
编写中（咕了）

协助维护
碧蓝航线Crosswave
AzurLaneEN
碧蓝航线TV动画

模板
模板:塞壬图鉴  

---

CP24，永恒的夜晚

りいちゅ老师应援记录

距离上次的CP23已经过去了半年，因为鲁莽的页面已经基本完善，而且莽妈同人的创作频率也下降了，实际上可供编写的东西并不多，从2019年三月份开始，鲁莽和格伦维尔页面的更新频率开始减缓。我的工作重心从wiki页面更新转向同人创作。

在2019年的新年活动中，碧蓝的绘图小游戏“鞍山的绘图日记”让我眼前一亮，最后的自由绘板引发了大量玩家的创作，这些自由绘板大部分都变成玩家们厨力释放的平台，B站上甚至掀起了一股像素绘板作为载体的视频热潮。我自然是不甘落后的：为何不用这个来画出一个鲁莽呢！当时已经是2月初，绘图活动已经快要接近尾声，于是我把这块自由绘板截图保存下来，然后做了一个疯狂的决定：别人一般是用3×4块画板拼接的成品，而我要用20×20块绘板，也就是整整400块来拼接！然而，真正实施起来才知道这有多么艰难，实际上我并没有一个个把像素点填完， Photoshop的功能可以让我减少大约50%的工作量，但是面对这些庞杂的像素点我往往坚持不了一个小时，完成400块绘板所需要的时间远远超出了我的想象……

这幅作品我不全是照搬老师的作品，我是在原来插画的基础上进行再加工。填色板可供填充的只有六种颜色：白色、偏灰的黑色、橙红色、偏紫的深蓝色、青色、浅粉的肤色。颜色种类的限制对我而言是挑战，也是机遇。鲁莽的那块钢制的护手是银色的，这就注定了不可能有任何一种颜色能够还原原先的色彩，我的方法是用最接近的白色先填充护手部分，然后用一点蓝色把护手的光泽勾勒出来。鲁莽的舌头部分，我想了很久，尝试了橙色、黑色、白色、粉色，最后选中了粉色作为舌头的颜色，因为只有粉色让面部不会显得突兀。

这幅作品有几处值得骄傲的地方，甚至我可以说，就算再重来一次，我都不一定能够重现这几处。使用一些“奇怪”的颜色填充，竟然能获得完全新颖的视觉效果。一处是鲁莽的眼睛，那种流光溢彩的效果，居然能够用几十个像素近乎完美地还原出来，我自己都感到震惊；还有一处是贴近乳房的衣服褶皱那块，我自己尝试加入了更多的蓝色阴影，只用简单的蓝色就勾勒出真实且富有层次的阴影，最终的效果也让我十分满意。

在像素画的填色过程中，我琢磨出一套快速填色法——填色方向按照如下顺序：

1	2
4	3
5	6

就能比较快速填充大片的颜色，这种方法填色不容易漏掉颜色。填色也要懂得充分利用工具优势，减轻自己的负担。举个例子，如果遇到路径复杂的橙色和大片规整的白色，则优先填充白色。遇到较少的蓝色和较多的粉色，则优先填充蓝色。遵循这两条规则，工作的效率将加快许多。

因为填色是一件十分枯燥且耗费精力的事情，还要兼顾学习，到了四月份，填色活动的每日进度已经极其缓慢了，我把更多精力放在练习线稿和插画绘制上。这次的CP24，我看到碧蓝这边邀请的嘉宾松了口气——没有りいちゅ老师。结果，老师突然宣布参展，自己跑到上海来了……措手不及的我根本没能来得及完成这幅作品，更别说装裱出来送给老师了。没能亲手把它献给老师，真是太遗憾了。如果她能看到这幅作品的话，一定会很开心吧。

（最新进展：6月10日，我在NGA发了一个厨力帖，收到了很多朋友的鼓励与支持，非常感谢你们。有朋友建议我把这幅像素图发给りいちゅ老师，我本来决定让灵能代替我发出去的，结果他坚持不肯发，一定要我自己发，他的意思已经很明确了：这份心意必须由本人来亲自传达。无奈，我只能在他的帮助下新建了一个推特账号。发出了我的第一个推特。这里附上我的原文：

これは私がりいちゅ（@rityulate）先生の作品を参考にして、全部で180枚のアートボードを使って、4ヶ月かけて完成したピクセル画です。 先生は突然CP 24に参加すると発表したが、私は6月8日までにそれを完成することができなかった。先生がこの作品を見ることができれば、もう残念ではありません。😭 

元の画像のwebサイト：http://p8.qhimg.com/t0181d0a03be9bf11ca.png 

过了两天，当我再次登录推特时，我惊喜地发现，りいちゅ老师给我这条推特点赞了！我的心意她已经收到了，迄今为止我所做的一切，终于得到了回应！……）

得知老师要前往参展之后，我就立即改变了原先的计划，开始全力准备应援工作。CP的票我只买了6月8号的场次，我的计划是7号去进行实地踩点，好让自己在8号那天对整个场馆的地形有更多的了解。这次跟灵能一样，我也准备了粉丝信和一些小礼物。因为上一次CP留给我的印象实在是过于沉痛了，我明白，如果不提前做好一切充足的准备的话，那么又会像上次一样，只能懊悔自己的无能，白白羡慕别人的成果。所以这次CP24我的目标只有一个：那就是跟老师见上一面，把礼物送到她的手上。我的所有努力都是为了达成这个目标，现在想想，颇有些破釜沉舟的意味在里面。

随着6月7日的临近，我的内心也越来越忐忑不安。我不知道这次能有多少把握，也做好了最坏最坏的打算。

6月7日早上，我开始前往20公里以外的徐泾东。从我的学校到达目的地，大约需要乘坐一个半小时的地铁。徐泾东是2号线的终点站，一下站，我就看到大批大批的coser在站点的空地上席地而坐，摄影师们跑来跑去。漫展的气氛混杂着汗水的味道扑向每一个观光者。9号口出去看到人潮涌动的国家会展中心，即使心里早有准备，也还是被这情景所震撼，6号门的队伍一眼望不到头。我在周围四处寻找歇脚的地方，竟然没能找到一处诸如长椅，石凳之类的东西。无奈之下我只能继续在天桥上望着长长的队伍，看着人流缓缓地朝5号门移动，心中默默想象明天的大致路线。

花了大约两三个小时，到了中午时分，CP24的路线已大致记下来，我开始撤离这块喧嚣的场所。接下来我乘坐地铁来到了长泰广场。在这里我要为老师买一些礼物。当我经过一家礼品店时，我被里面传来的阵阵幽香所吸引了，然后果然剁手，一盒茉莉和玫瑰香薰被我收入囊中。回到家我开始收拾一切必要的物品，吃过晚饭，背上背包，晚上9点，我开始出发，再次前往徐泾东。我的心情变得无比的平静，出发之前我给熟悉的朋友发了短信息，告诉他们我一切平安。我的首要任务，第一是确保自身的安全，第二是把礼物送到老师手上，第三是抢到老师签绘。在明确的目标驱使之下，我坚定的朝着目的地前进。

抵达国家会展中心已经是深夜11点，这是地铁的最后一班列车，出站时我清晰地听到管理人员严厉的喊声——他的意思是要所有人尽快离开地铁站，不允许任何人逗留此处。出站时，我不由得打了一个寒颤，不知道是内心的激动与恐惧，还是因为深夜的阵阵凉风。 （编写中）

测试代码区

叠图
[[文件:U-101换装日服预告.jpg|500px]] [[文件:U-101换装表情差分日服预告.png|link=]]

wiki_hide的用法：

A	B
C	D
B
D

A	B	C	D
E	F	G	H
B
F
C
G
D
H

timeline展开/折叠

---

2017/4/2

XX官方海报

图像信息	图像尺寸	待补充×待补充
	长宽比例	待补充
	图像大小	待补充

海报来源
微博	微信
×/√	×/√

模板

---

2018/12/22

ABCDEFG勇敢官方海报勇敢官方海报勇敢官方海报勇敢官方海报勇敢官方海报勇敢官方海报
勇敢官方海报勇敢官方海报
勇敢官方海报勇敢官方海报
勇敢官方海报勇敢官方海报
勇敢官方海报勇敢官方海报
勇敢官方海报勇敢官方海报

---

鲁莽语音外链存档（施工）

中文名称	原始名称	127外链	koumakan外链	阿里云外链
碧蓝航线-鲁莽-台词语音-自我介绍	profile
碧蓝航线-鲁莽-台词语音-获得舰船	get
碧蓝航线-鲁莽-台词语音-登陆界面	extra
碧蓝航线-鲁莽-台词语音-登录台词	login
碧蓝航线-鲁莽-台词语音-查看详情	detail
碧蓝航线-鲁莽-台词语音-主界面1	main_1
碧蓝航线-鲁莽-台词语音-主界面2	main_2
碧蓝航线-鲁莽-台词语音-主界面3	main_3
碧蓝航线-鲁莽-台词语音-好感度-失望	feeling1
碧蓝航线-鲁莽-台词语音-好感度-陌生	feeling2
碧蓝航线-鲁莽-台词语音-好感度-友好	feeling3
碧蓝航线-鲁莽-台词语音-好感度-喜欢	feeling4
碧蓝航线-鲁莽-台词语音-好感度-爱	feeling5
碧蓝航线-鲁莽-台词语音-誓约台词	propose
碧蓝航线-鲁莽-台词语音-普通触摸	touch_1
碧蓝航线-鲁莽-台词语音-特殊触摸	touch_2
碧蓝航线-鲁莽-台词语音-强化成功	upgrade
碧蓝航线-鲁莽-台词语音-任务提醒	task
碧蓝航线-鲁莽-台词语音-任务完成	mission_complete
碧蓝航线-鲁莽-台词语音-委托完成	expedition
碧蓝航线-鲁莽-台词语音-邮件提醒	mail
碧蓝航线-鲁莽-台词语音-旗舰开战	warcry
碧蓝航线-鲁莽-台词语音-技能台词	skill
碧蓝航线-鲁莽-台词语音-战斗胜利	mvp
碧蓝航线-鲁莽-台词语音-血量告急	hp
碧蓝航线-鲁莽-台词语音-战斗失败	lose
碧蓝航线-鲁莽-台词语音-回港台词	home
碧蓝航线-鲁莽-台词语音-彩蛋台词1	link1
碧蓝航线-鲁莽-台词语音-彩蛋台词2	link2
碧蓝航线-鲁莽-台词语音-喜欢礼物	present_like
碧蓝航线-鲁莽-台词语音-不喜欢礼物	present_dislike

关卡信息记录：

• CS1
• CS2

▶ 神圣的悲喜剧CS1：幕间Ⅰ-Interlude
介绍	侦察机带来了陆间海的最新情报。肆虐的塞壬，蠢蠢欲动的帝国舰队，地区的平静已被打破
开放等级	需指挥官达到级
侦查值	我方侦查值达到{{{我方要求侦查值}}}移除伏击
制空值	敌方原始制空值：625　 我方制空值推荐：815
信号强度	需最低信号强度达到{{{要求最低信号强度}}}
危险等级	最高海域危险等级为【{{{危险等级}}}】(每降1级减伤2%)
通关奖励	心智魔方*1 物资*600 帝国的荣光*180
三星条件	{{{三星条件}}}
三星奖励	{{{三星奖励}}}
舰船限定	1队：战列/不限/不限 重巡/驱逐/不限 2队：不限/不限/不限 不限/不限/不限
属性要求	平均等级>75/炮击总值>850/装填总值>750
敌舰等级 经验+	76/77/78/79 ： 、 ：507 、 ：561 、 ：639
BOSS位置 阵容 等级 经验	E6 探索者II型 80 ：696
旗舰刷新	4次战斗后敌方旗舰出现
潜艇起点	F4
地图掉落
推图视频
油耗上限油耗上限为周回模式下舰队出击的最大石油消耗值
备注	道中精英：LV79. 追迹者II型，24320血量；LV79. 领洋者II型，28876血量 精英出现点：E1、C6 我方出生点：C3、E3 道中出现点：H1、H3、G5、D4、A3、A5、A6 地图大小：8×6

敌舰分布图（·相关注释）

神圣的悲喜剧CS1掉落信息展开/折叠

▶ 神圣的悲喜剧CS2：幕间Ⅱ-Interlude
介绍	红，绿，蓝，三色焰火代表三出不同的剧目，谁是演员，谁又是看客？
开放等级	需指挥官达到级
侦查值	我方侦查值达到{{{我方要求侦查值}}}移除伏击
制空值	敌方原始制空值：785　 我方制空值推荐：1025
信号强度	需最低信号强度达到{{{要求最低信号强度}}}
危险等级	最高海域危险等级为【{{{危险等级}}}】(每降1级减伤2%)
通关奖励	心智魔方*1 物资*800 帝国的荣光*200
三星条件	{{{三星条件}}}
三星奖励	{{{三星奖励}}}
舰船限定	1队：战列/不限/不限 重巡/驱逐/不限 2队：不限/不限/不限 不限/不限/不限
属性要求	平均等级>75/炮击总值>950/机动总值>560
敌舰等级 经验+	81/82/83/84 ： 、 ：541 、 ：597 、 ：680
BOSS位置 阵容 等级 经验	D6、F1 领洋者Ⅱ型，54管血 85 ：739
旗舰刷新	4次战斗后敌方旗舰出现
潜艇起点	C5
地图掉落
推图视频
油耗上限油耗上限为周回模式下舰队出击的最大石油消耗值
备注	道中精英：LV84. 破局者II型，43821血量 精英出生点：B1、G7 我方出生点：D3、E3 道中出现点：A2、A5、B3、B4、C7、E7、G6、H5 地图大小：8×7

敌舰分布图（·相关注释）

神圣的悲喜剧CS2掉落信息展开/折叠

个人的一些网页收藏：
编辑图像help
编辑表格help
KUMAKAN 英文wiki，可以获取全部舰娘的PNG高清立绘文件
alg-wiki神秘的wiki网站，数据来源为拆包，网页架构非常成熟
Danbooru 扒图网站，可以获取特定舰娘的同人数量，不一定准确
waifu2x 图片放大，十分强大
saucenao 二次元图片搜索
刘志进实验室 音乐直链搜索
127音频上传网 上传音频并获取外链

---

一些个人收藏的CSS样式代码：

• 让一段多余的长文字用省略号表示，当鼠标移动上去的时候显示全部文字

<bstyle>
.texthidden_div
	{
	width:90px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 
}
.texthidden_div:hover
	{ width:auto; 
}
</bstyle>
<div class="texthidden_div">隐藏的文字：鲁莽鲁莽喜欢你</div>

效果：

隐藏的文字：鲁莽鲁莽喜欢你

• 鼠标移过时使文字和图片放大的动画效果

<bstyle>
        .image-scaling{
            width: 200px;
            height: auto;
            border: solid 1px #e1e2e3;
            margin: auto;
            transition: .3s; 
        }
        .image-scaling:hover{
            box-shadow: 0 0 10px #0ff;
            border-color:#0ff;
            width: 400px;
            height: auto;
        }
</bstyle>
<div class="image-scaling">[[文件:鲁莽涂鸦02.png|link=]]</div>

效果：

• 高级标签样式1

<bstyle>
html {
    box-sizing: border-box;
    font: 18px PT Mono;
    background: antiquewhite;
} 
*,
*::before, 
*::after {
    box-sizing: inherit;} 

label-body1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100vh;
} 

 .label-box1 {
    width: 25%;
    min-width: 250px;
    display: block;
    height: 50px;
    position: relative;
    border-radius: 5px;
    background: linear-gradient(to right, #abbd73 35%, #d6e2ad 100%);
    margin-bottom: 40px;
    padding: 15px 25px 0 40px;
    color: darkslategray;
    box-shadow: 1px 2px 1px -1px #777;
    transition: background 200ms ease-in-out;
} 

 .label-shadow1 {
    position: relative;
}

 .label-shadow1:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 13px;
    right: 7px;
    width: 75%;
    top: 0;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    transition: all 150ms ease-in-out;
} 

 .label-box1:hover {
    background: linear-gradient(to right, #abbd73 0%, #abbd73 100%);
} 

 .label-shadow1:hover::before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    bottom: 20px;
    z-index: -10;
} 

 .label-circle1 {
    position: absolute;
    top: 14px;
    left: 15px;
    border-radius: 50%;
    box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.5), inset 0 0 0 25px antiquewhite;
    width: 20px;
    height: 20px;
    display: inline-block;
} 
</bstyle>

<div class="label-box1 shadow"> 这是label-1 <div class="label-circle1"></div> </div>
<div class="label-box1 shadow"> 这是label-2 <div class="label-circle1"></div> </div>
<div class="labe-lbox1 shadow"> 这是label-3 <div class="label-circle1"></div> </div>

效果：

这是label-1

这是label-2

这是label-3

• 在一段文字中隐藏图片，无需CSS代码

<div class="itemhover" style="position:relative; background:#FFF; display: inline; width:auto;">（隐藏图片的文字区域）<div class="iteminfo panel panel-primary" style="position:absolute; top:23.5px; left:50px; width:300px; z-index:1000; box-shadow: 0px 1px 4px #6d738a;">[[文件:鲁莽差分表情06 茫然失措（手机小图）.jpg|link=]]</div></div>

效果：

（隐藏图片的文字区域）

• 悬浮目录

展开查看效果：

<bstyle>
.toc01{
position: fixed; /*重要*/
display:block;
background: #fff;
overflow: auto;
padding:5px;
text-align:left;
width: 125px;
height: 275px;
z-index: 6; 
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
box-shadow: 0px 3px 3px #a6e3e9;
left: 12px;
bottom: 90px;
}
.toc01 ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    width: 100px;
    background-color: #f1f1f1;
}
.toc01 li a {
    display: block;
    color: #000;
    padding: 5px 10px;
    text-decoration: none;
}
.toc01 li a:hover {
    background-color: #4CAF50;
    color: white;
}
</bstyle>