上傳一張你的照片,選一個跟你經歷有關的"人生成就",工具會給照片加上字符、像素或實驗性濾鏡,再疊上一張遊戲風格的成就卡。
最後你拿到一張 1080×1440 的豎圖,直接發朋友圈、社交媒體,或者存到手機裏留着。
整個過程全在瀏覽器本地跑,不上傳照片,不聯網處理,打開就能用( chengjiu.guizang.ai )。
你的照片提供場景和人物,成就卡給這個場景加一句話,濾鏡再把畫面統一成像素、遊戲、復古的調子。三樣東西拼在一起,出來的圖不太像日常修圖軟件能做的。
爲什麼做這個
之前折騰過各種圖片濾鏡,ASCII 碼、圓點、像素風,做出來覺得有意思,但光做濾鏡的工具太多了,沒什麼記憶點。
剛好這陣子"人生新成就""地球 Online 成就"在社交媒體上很火。
大家把自己的真實經歷寫成遊戲成就的格式,配一個稀有度和達成率,有點自嘲又有點驕傲。
我就覺得這兩樣東西應該在一起:
濾鏡把你的照片從"現實"拉進"遊戲感",成就卡在這個語境下才不突兀。原圖直接貼個成就彈窗,怎麼看都違和。
另一個讓我想做的原因是:很多人想在社交媒體上說"我經歷了一些事",但不想寫長文,也怕顯得矯情。
一張帶成就卡的濾鏡照片替你把這件事說了,還自帶遊戲式的幽默,不用正經八百地解釋什麼。
功能展示
14 種濾鏡
一共 14 種濾鏡,分成字符、像素和實驗三大類。WebGL 實時渲染,選中立刻變化,不用等。挑幾個說一下:
ASCII
:最經典的字符藝術。照片的亮暗決定字符密度,暗部和輪廓更密,亮部更疏,字符顏色從原圖取色。
人物、建築、植物的輪廓都被字符"描"出來了,不是一層糊上去的單色字碼。
圓點 : 圓點大小由亮度決定,顏色繼承原圖。類似半色調印刷或者波普藝術的感覺,照片主體很清晰,多一層手工質感。
體素 :每個像素格變成帶圓角的小方塊,頂部和左側有高光,底部壓暗,整張照片看起來像用樂高或者積木拼出來的,有明顯的立體凸起感。
馬賽克
:彩色圓形像素,每個圓點中心有一顆亮芯,高光區域更明顯。
跟普通馬賽克不一樣的地方在於它有"發光"的感覺,像把照片搬到了一面 LED 點陣屏上。
除了這四個,還有古字(中文字符)、終端(綠色熒光字符)、街機(發光像素格)、16-BIT、故障、靜電、棱鏡、酸雨、幻影等。
每個濾鏡都能通過字符密度、字符尺寸、濾鏡不透明度、原圖保留這些參數細調,不是一刀切的固定效果。
36 個人生成就
我花最多時間的部分其實是寫成就文案。36 個成就,9 個分類:
低谷與重生 / 獨立與成長 / 工作與野心 / 遠行與突破 / 愛與告別 / 家人與歸處 / 身體與自洽 / 長期主義 / 日常小確幸
每個成就都有名字、一句批文、一段具體解釋、一個模擬的全球達成率和稀有度等級(普通/稀有/史詩/傳說)。看幾個:
「今天沒有消失」 —— 稀有度:傳說,達成率 0.8%
輕舟已過萬重山
"最難熬的那段日子裏,你還是喫了飯、回了消息,也把今天過完。"
"低谷與重生"分類裏達成率最低的一項。撐過低谷這件事,經歷過的人才知道有多不容易。
「熬過瓶頸」 —— 稀有度:史詩,達成率 3.7%
守得雲開見月明
"重複、停滯、懷疑自己之後,你依然留在這件事裏。"
適合那些做一件事做了很久、中間無數次想放棄但還是留下來的人。
「體面告別」 —— 稀有度:史詩,達成率 4.5%
謝謝你來過,往後的路就送到這裏
"你沒有靠傷害留住誰,也沒有用結局否定曾經的美好。"
「今天夠用了」 —— 稀有度:普通,達成率 19.4%
事情沒做完,晚飯以後也可以關掉電腦
"你允許一天不被效率填滿,並且沒有因此責怪自己。"
寫這些文案的時候我有一個底線:
不把痛苦簡單包裝成"成功"。普通、休息、告別、求助,都值得一個成就。
所以列表裏也有"一夜好眠""允許普通""走出家門"這種看起來很小的事。
對很多人來說,這些反而是真正難的。
自定義你的成就
36 個預設不夠用的話,可以自己創建:
自定義圖標(上傳任意圖片,方形矩形都行)
成就名(最多 16 字符)
批文(最多 60 字符)
成就解釋(最多 48 字符,可以不填)
全球達成率(默認 0.1%)
創建完自動是"傳說"稀有度,立刻出現在畫面裏。比如你經歷了一次特別荒誕的面試、或者終於把駕照考過了,寫一個只有自己懂的成就名就行。
導出成品
三種導出組合:
只要濾鏡 —— 原圖 + 濾鏡,不帶成就卡
只要成就 —— 原圖不加濾鏡,疊上成就卡
成就 + 濾鏡 —— 兩者都有,最完整的效果
輸出固定 1080×1440 PNG 豎圖。成就卡的位置(左上或左下)、顯示內容(批文、解釋、達成率、稀有度都能單獨開關)導出前都能調,導出結果跟預覽完全一致。
設計思路
做這個工具有幾個設計上的取捨,聊聊背後的想法。
濾鏡和成就卡得長在同一個畫面裏
最早做的時候,成就卡和濾鏡是分開設計的。
照片套個 ASCII 效果挺好看,但一貼上成就卡,馬上覺得是兩個東西拼在一起。
後來把卡片也做成像素風——像素切角、金屬邊框、階梯式掃光、方舟像素字體——纔算和濾鏡在同一個世界觀裏了。
選了故障濾鏡,卡片看起來就像遊戲畫面裏自帶的 HUD;選了圓點,卡片也不會跳出來。
寫具體的事,不寫空話
"堅持就是勝利""你很棒"這種話我一條都沒用。每個成就的解釋都寫到動作層面。
"你第一次用自己賺的錢,付清了一個月的生活",或者"最難熬的那段日子裏,你還是喫了飯、回了消息,也把今天過完"。
寫得越具體,看到的人越容易覺得"這就是我"。空泛的鼓勵誰都說得出來,具體的細節纔有殺傷力。
達成率是假的,但爽感是真的
"全球達成率 0.8%"這個數字是我編的,不是真實統計。
但你看到這個數字的時候,還是會覺得"哦這事確實不是誰都做到了"。
玩過 Steam 的人應該懂——那個 0.3% 的成就彈窗亮起來,明知道就是一行代碼,還是開心。
濾鏡不能把照片吞掉
所有字符和像素濾鏡底層都保留了原圖的模糊混合層,字符顏色從對應區域取色,暗部密、亮部疏。
所以不管你選哪個濾鏡,人物和場景的輪廓都還在。
不是爲了好看加的約束——你要是認不出自己,這張圖發出去就沒意義了。
最後
工具已經上線了,手機和桌面都能用: chengjiu.guizang.ai
36 個預設成就裏沒有你的那個,就自己寫一個。
有些事只有你知道它有多難,但它值得一張圖。
如果覺得這些東西對你有幫助的話,可以幫我點個贊,或者轉發給你需要的朋友。
✦