|
這次一口氣為大家帶來10個 有毒的設計神器 毒性有多強? 包你上癮 以下神器都是在線工具，無需下載 由于擔心大家過目就忘 本人親身試毒，制作了超多案例 所以，文章比我還長 喜歡就好 》開發團隊：ShapeFactory 》工具地址：duotone.shapefactory.co Duotone，中文是雙色調的意思，一種歐美雜志慣用的設計風格。顧名思義，這個神器能讓你一鍵無痛生成酷炫的雙色畫風！完全不用開 PS！ 工具的界面如下圖， 左側是調色板，右側是默認推薦的圖片，素材都是來源于大名鼎鼎的免費可商用圖庫 Unsplash ： 除了可以選用默認推薦的圖片，你還可以上傳自己的，直接把圖片拖拽進工具即可： 你還可以隨意修改配色，所見即所得： 》案例參考： 現在，當你再看到這樣的設計時，是不是已經毫無壓力了呢： 受這些作品啟發，我在 #PPT365# 打卡時也用神器做了幾張雙色PPT，拋磚引玉一下~
》隱藏彩蛋： 這個神器其實還有一個彩蛋，就在左上角的開發團隊里，點擊一下試試~
你會發現臥槽原來除了Duotone之外， ShapeFactory 旗下還有其他三個小工具！篇幅原因就不詳細介紹了，帶大家瀏覽一下吧~
● LOGO：輸入文字就生成 LOGO 的生成器：
● Pigment：一個騷氣的色卡生成器：
● Gradient：一個騷氣的漸變色生成器：
》開發團隊：Airtight Interactive Inc. 》工具地址：photomosh.com 《銀翼殺手》《攻殼機動隊》等科幻電影構建了一個風格獨特的賽博朋克（Cyberpunk）世界，也成功催生了一種名為故障藝術（Glitch Art）的設計風格，近年越來越受設計師的追捧。 說人話，就是一種你家電視壞了 / 你手機屏幕碎了的效果，在國內也被稱為抖音風…
網上有很多一鍵生成故障藝術的工具，但 PhotoMosh 是最屌的一個（不接受反駁）。使用方法很簡單，直接把圖片拖拽進工具即可：
PhotoMosh 一共提供了27種故障特效，如果你有選擇困難，點擊下方的隨機按鈕【MOSH】就能一鍵把你的屏幕摔壞啦：
另外，它居然還支持靜圖 / 動圖 / 視頻三種格式的導出：
如果你對特效不滿意，除了可以繼續點擊【MOSH】切換，還可以在右側列表調整參數：
27種特效，通過排列組合你肯定能找到自己想要的效果：
》案例應用： 每一種特效都值得你去深挖。比如這個叫【wobble / 搖晃】的效果，可以瞬間讓你的圖片扭動起來，感受一下：
如果把這種扭動效果保存為動圖或視頻應用到 PPT 中會怎樣呢？會很騷：
再比如這個叫【Jitter / 抖動】的效果，看起來是不是很抖音呢？
于是，我們工作室 AbleSlide 把這種特效直接應用在了抖音的發布會上，偷偷劇透給你們看：
未來我們還會在公眾號里做詳細的設計復盤喔，有興趣的同學可以關注一下： 》隱藏彩蛋： 在 PhotoMosh 的特效列表中，你會發現一個熟悉的名字：Doutone
是的，你沒猜錯，功能和上文推薦的第一個神器一模一樣！也就是說，以后我們有 PhotoMosh 就夠了。
》開發者：Ben Matthews 》工具地址：codepen.io/tsuhre/full/BYbjyg 這是我在 CodePen 社區上偶遇的一個生成器，雖然它只是工程師 Ben Matthews 的一個編程練習，但我們可以利用它生成各種各樣的炫彩背景。毫無操作可言，點擊鼠標就隨機生成一張圖，就這么簡單粗暴：
另外，這些光帶會根據瀏覽器窗口的尺寸來自動填充，你可以拉伸窗格來獲得不同密度的背景：
直接右鍵就能保存到一堆酷炫的背景素材啦：
》案例應用： 如此百搭的圖片素材，不用來做背景實在有點浪費，繼續拋磚：
而且這種抽象的炫光通過復制、水平翻轉，就可以拼接出一張大氣的超寬屏素材啦，很適合應用到發布會設計：
》隱藏彩蛋： 每個神器的背后總是隱藏著一個大神，你總能順藤摸瓜摸到一堆其他的工具。比如這位作者 Ben Matthews，你會發現在他的 CodePen 主頁中還有其他小玩意，自己去淘寶吧：
》開發者：Yuri Vishnevsky 》工具地址：weavesilk.com 作為在線生成器的鼻祖之一，Silk 早在 2010 年就發布了，而且效果至今無人超越。
打開工具后，你只需要用鼠標瞎畫就能生成一組非常對稱的炫光圖形了，就是這么簡單：
參數設置也很簡單，個人比較常用的有這些：
其中修改漸變色的方式有點萌，需要你拖拽一個色塊去勾搭其他色塊：
有了這個神器，我們又解鎖了一類超炫的背景素材了！！！
甚至！我們可以利用這個神器的對稱性來畫畫！
不好意思放錯圖了，我們來看看其他大神們的作品吧：
另外，你還可以取消【鏡像對稱】選項，這樣鼠標就變成一支自由控制的畫筆了，再來看看大神的作品吧：
》案例應用： 大神離我們太遠，我等凡人可以怎么開腦洞呢？其實我們可以利用鏡像對稱來繪制一些簡單的結構圖，看，是不是比 PPT 自帶的 SmartArt 酷炫一百倍？
》隱藏彩蛋： 眼尖的同學肯定會發現，這個神器還有app版：
Silk 一共出了兩款付費應用，比在線版多了更多參數調整和玩法，這里就不展開啦，有興趣的同學可以買來玩玩：
》開發者：Fabio Ottaviani 》優化者：@pissang 》工具地址：codepen.io/pissang/full/geajpX 看過我打卡教程的同學都知道，在PPT中可以利用 iSlide 插件快速生成這樣的漸變層：
本以為這已經是最快的生成方式了，直到我在 CodePen 社區上遇到這個神器……居然直接用鼠標拖拽就能搞定，來，想要多少層隨便點：
而且提供超多調整參數，調整過程本身就是一種視覺享受，比如調水平方向的弧度：
比如，調垂直方向的弧度：
當然，還有每個神器的標配功能【隨機生成】：
遺憾的是神器本身不能直接保存圖片，但好基友@pissang 在源代碼基礎上加了一個下載SVG格式的功能！這意味著我們不僅可以下載圖片，還能下載到矢量格式，拖進PPT里取消組合就能一層一層一層地剝開它來編輯：
》案例應用： 沒啥好說的，你平時怎么用色塊就可以怎么玩這個神器：
》開發者：Karim Maaloul 》工具地址：codepen.io/Yakudoo/full/rJjOJx/ 嗯，看這不正經的網址就猜到，這又是 CodePen 上另一位大佬的編程練習。他說盯著這些流動的漸變層看一分鐘就會有凝神靜氣的奇效……但，為什么我越看越騷動！
如此養眼的配色提供的調整參數卻不多，個人使用最多的就是這倆選項：
如果你需要靜態背景的話，直接右鍵就能另存高清圖了，看這溢出屏幕的騷氣嘖嘖：
如果你需要動態背景，建議你使用錄屏工具直接錄制 Gif 或者視頻，強烈推薦一款叫 HoneyCam 的軟件，不僅可以調整時長和尺寸，還可以逐幀編輯：
》案例應用： 錄制好后，直接應用到 PPT 中就能做出這樣的頁面啦：
》開發者：Marpi 》工具地址：demo.marpi.pl/biomes 你能想象封面這個背景你也可以一鍵生成么？用的是國外 WebGL 大神 Marpi 的一個工具：Biomes，可以隨機生成抽象的體素地形：
這個工具提供調整的參數也不多，但對于這種不規律的隨機圖形，我們有【隨機】按鈕就夠了：
由于配色經過特殊優化，隨機生成的每張圖片都看起來好好吃……嚴重懷疑這是馬卡龍植入了廣告，你們感受一下：
》案例參考： 于是，我們又又又解鎖了一類背景素材啦，做兩頁PPT慶祝一下：
》隱藏彩蛋： 值得一提的是，Marpi大神還有自己的個人主頁，里面全是他的 WebGL 作品喔~~你會驚嘆，這是一位把瀏覽器用成了 C4D 的男人。
》開發者：@pissang 》工具地址：pissang.github.io/voxelize-image 終于講到我最愛的男人（之一）了！ Voxelize Image 十分簡單易用，你只需要往右下角的方框拖拽一張圖片，它就會自動把圖片轉換成這種立體的體素效果：
你看，這比剛刷完的廁所地板還要亮麗的效果，居然是一個在線工具一鍵生成的，完爆那些打開都要半天的專業 3D 軟件！！
Voxelize Image 還提供超多參數配置，但個人用得比較多的是金屬材質選項：
如果你覺得金屬感太強，可以試試把【roughness】參數調大，畫風馬上就突變了：
比起 blingbling 的金屬質感，這種畫風在日常設計中更常用，比如，我把一張PPT拖拽進來，一秒鐘就生成了一張3D海報了：
放大看看細節，少了金屬反光的刺眼，多了幾分樸實的像素感：
即使放大到局部，細節也不會丟失，反而更加豐富：
如果你導入的是一張色彩豐富的圖片，層次感就更加鮮明了：
放大讓你們感受一下：
再換個8倍鏡，一張抽象的背景素材秒 get：
》案例參考 現在你還擔心自己的 PPT 配圖不夠酷炫嗎？我們都能冒充3D大神了：
》開發者：@pissang 》工具地址：pissang.github.io/papercut-box-art 前不久，我和@pissang 不約而同地迷上了這種層次分明的剪紙風格：
有段時間我的打卡都是長這樣的：
當我興致勃勃地拿著PPT去跟@pissang 吹牛逼時，發現他……他做了個剪紙風格生…生成器……是的，一鍵生成那種：
帶著挑剔的目光打開工具，發現……還真特么好用！！很多細節都可以在右側的參數面板微調，個人用得比較多的是這幾項，供大家參考：
以前我們制作這樣的背景圖片至少花半小時，現在只需要一分鐘：
》案例參考 好看的背景素材總是那么百搭，PPT張手就來：
》隱藏彩蛋： @pissang 其實是百度 ECharts 團隊的其中一位大神，平時主要活躍在 Twitter 以及全球最大同性交友社區 GitHub ，經常會發布各種各樣的小玩具，有興趣的同學可以關注一下喔： Twitter：twitter.com/pissang1
GitHub：github.com/pissang
》開發者：@亞賽大人 》工具地址：wangyasai.github.io/Stars-Emmision 這是一款效果比名字更浮夸的生成器，可以一鍵生成小米海報這種背景效果，大大節省了我們的設計時間：
一打開工具就會有一堆射線迫不及待地向你射來：
個人常用的參數如下，供大家參考：
直接右鍵就能另存高清圖：
》案例參考： 恩，這是我們今天解鎖的最后一類素材：
當然，你也可以錄制成動圖 / 視頻，效果會酷炫一百倍：
》隱藏彩蛋： 夢想成為一名 processing 大神的亞賽同學，一般活躍在 Instagram，在這你能看到她每天的編程打卡，喜歡她的同學可以關注一下喔，你會發現會編程的設計師是多么有魅力： ins：www.instagram.com/yasaisai/
@亞賽大人和 @pissang 還有很多超酷的小工具，在未來我會為他們分別寫一篇專題，記得催更喔~~~ 以上就是今天所講的10個神器， 你都中毒了嗎？ |
|
|
