|
一、波濤洶涌的線型文字  1. 試玩地址 https://wangyasai./waveFont/ 2. 靈感來源 如果你對 Joy Division 這個樂隊愛到不行，亦或是完全不知道《unknown pleasure》這專輯是什么鬼……但是你對這些看上去突出的山峰/波浪一定不會陌生。  但事實上這并不是山峰或波浪，這是人類第一顆發現的脈沖星 CP 1919的脈沖信號。當然你也不用糾結這是什么，反正如你所見，這個工具的目的就是讓文字突出！ 3. 工具簡介 上手十分簡單，直接輸入文字就可以實時生成，還可以調整字體的大小和粗細，這不就意味著你得到了波紋字體了嗎？想寫啥就寫啥，還可以支持特殊符號！！！ 這個工具當然支持填充顏色，那如何只看到文字不看到周邊線條的顏色？只需要把背景顏色和線條1的顏色統一就好啦～  再試試顏色模式下的漸變，就是另一種風味了。 說完顏色，再說說山的海拔，調整 Control 面板中的 Height ，就可以任意拉高或降低高度了。  剛生成的字默認每一列小山峰都排列的整整齊齊，如何讓它們不如此規整呢？那就調整 Offset 吧，這是調整山的偏移量，可以讓文字的每個部分錯落分布。  參數太多？不想一個一個調？那就不如試試隨機效果 Random 吧，任意更改面板中的種種參數，給一個意想不到的結果。  4. 參數解釋 參數太多，篇幅有限，大家自行探索吧～  提示：這次工具除了常規的 JPG 和 PNG ，還支持 SVG 下載哦～ 5. 案例應用 如何做到循環播放？先用開篇提到的錄屏軟件錄制 gif ，然后在 PhotoShop 中刪除超出一個完整循環的幀，最后循環播放時，最后一幀和第一幀能自然過渡。  感受到心電圖般砰砰砰砰砰地跳動了嗎？  猜猜下面兩組是怎么做的？  還做了一組變形數字，想知道怎么做的？Call 他寫個教程吧！  二、一個大寫的粒子字 1. 試玩地址 https://wangyasai./PerlinNoisePainter/ 2. 靈感來源 在學習粒子系統時，想看粒子和文字結合會產生什么火花？最先想到一個最簡單的方法，在粒子的上層加一層鏤空文字的蒙版，把不想看到的粒子遮住，只看到鏤空的部分。 2. 工具簡介 如你所見，這個工具就是粒子充斥在文字里面，擁有它，讓文字搭上酷炫的班車。 這個工具已經默默更新了 2.0 版本，1.0版本需要上傳黑底白字的圖片，現在直接在文本框輸入文字，即刻生成效果。同樣，也支持輸入符號，輸入一個 ★ ，就可以生成五角星粒子字。 用 Nums 控制粒子的數量，數量越多，當然文字看的更清楚啦，粒子越多也會影響運行的速度，建議粒子控制在能夠看清文字的數量就夠啦～ 粒子的默認顏色是三種顏色隨機分布，當選擇 ColorMode 里面的漸變模式，顏色就會從上到下漸變。 3. 參數解釋 4. 案例應用 想必你也掌握了下面的是怎么做的了吧～ 三、文字雨生成器 1. 試玩地址 https://wangyasai./TheMatrix/ 2. 靈感來源 沒錯！就是來自科幻大片《黑客帝國》！ 3. 工具簡介 顧名思義，就是一款自帶黑客帝國特效的文字工具。作為一個愛耍酷的工具，它絕對不會滿足一種模式的，它內置多款故障字體，你可以用它來生成各種亂碼文字雨背景。 除了默認的幾種模式，你還可以定制文字雨中的關鍵詞，只要在 Unicode 中選擇 Text 模式，在下方文本框中，隨意敲擊文字，就可以實時看到輸入的文字在屏幕中隨機生成，瞬間 get 詞云的新玩法！ 另外，還提供多種參數設置，比如文字雨射出的方向，比如你可以通過設置透明度來營造出射線的錯覺~當把文字方向改成從左到右橫，這不就是一面彈幕墻了嗎～ 4. 參數解釋 5. 案例應用： 看，帥吧！ 四、向量畫筆重繪器 1. 試玩地址： https://wangyasai./Noise-flow-field-painter/ 2. 靈感來源 來自 Jason Labbe 大神開發的工具 Noise Flow Field Painter（地址：https://www./sketch/472966）我在他的基礎上，加了一個控制面板，像其他工具一樣可以方便修改參數～ 3. 工具簡介 這個工具就是用一堆圓柱形狀把一張圖片重繪，神奇地模仿出油畫的質感~~ 阿文就這樣用它做出了一套很好看的油畫數字，相信你現在也掌握了吧。 同理，各種圓形、方形、三角形、不規則圖形的油畫效果也這樣處理。 4. 參數解釋 5. 案例應用 讓梵高的油畫再次加工，這個筆觸真的超有感覺～ 旅游時拍的一張照片，把處理后的油畫效果圖，再和原圖進行拼接，內容引起極度舒適，看了好想出去玩呀！！！ 五、玩個球 1. 試玩地址 https://wangyasai./Play-a-ball/ 2. 靈感來源 相信不少同學在剛入門 Ai 的時候，都跟著教程做過這樣的抽象球體：環形，波紋，網格…… 3. 工具簡介 這是一個在線抽象球體生成器，可以一鍵生成那種在 Ai 入門教程中非常常見的球體：環形，波紋，網格……是的，現在你連門都不用入了。 你可以隨意更改花紋： 你可以調整球體的平滑度來實現變形： 當然，每種花紋的疏密和大小都可以調節： 懶得調參數？那就直接點擊隨機生成好了： 甚至可以上傳自己的圖片，作為圖形的紋理！看，一秒鐘自制星球 4. 參數解釋 5. 案例應用 六、漫畫速度線生成器 1. 試玩地址 https://wangyasai./Speed-Line/ 2. 靈感來源 當漫畫遇到超燃場景時，畫面上常常會包圍著一圈線，俗稱速度線。可惜網上的優質速度線素材極少，要么付費要么不是透明背景…所以我們就制作了就有了這樣一個簡單好用的速度線生成器！ 七、貝塞爾曲線生成器 1. 試玩地址 https://wangyasai./Bezier/ 2. 靈感來源 來自一個非常酷的網站https:///，這個網站上有超多酷炫抽象的點線效果，不過需要購買才可以使用哦～ 3. 工具簡介 這種粒子曲線，非常適合喜歡科技風的甲方了，一鍵無痛生成各種酷炫的線型圖片！ 這個工具有七種點線style，各具特色～ 可以調整點線的數量 也可以調整點線的雜亂程度，雜亂也有雜亂美呀～ 4. 參數解釋 5. 案例應用 抽象線條再旁邊點綴一些關鍵詞，很科技作風。 把工具中幾種形狀結合起來，再加上一些同樣抽象的粒子，一張抽象海報就誕生了！ 八、動態馬賽克背景生成器 1. 試玩地址 https://wangyasai./Awesome-Mosaic/ 2. 靈感來源 據說在發布會中，下面這張馬賽克背景重復利用太多次至今沒找到替代品……所以，我又開始了。 3. 工具簡介 最初的時候，我們就想開發一個馬賽克背景，就帶點科技效果就好了，嗯，有點閃的科技效果。 在開發過程中，我做偏了……忘記為什么就加了下面的環繞模式，但最后的效果似乎還不錯就保留下來了。控制面板上可以改變整體的規則程度，它可以每一圈一樣的寬度，也可以每一圈各有長短，很隨意但依然有節奏的變換。 可以用 Spacing 控制圈與圈之間的間距。 用 Nums 調整每一圈中的數量。 4. 參數解釋 5. 案例應用 如何更騷氣？試試粉黃撞色！騷氣值至少上升10個度吧！ 若是換成黑金配色，誒，畫風轉向低調奢華有內涵。 九、向量場跡生成器 1. 試玩地址 https://wangyasai./Perlin-Noise/ 2. 靈感來源 在一次粒子系統的學習過程中，我少寫了一行代碼 background() ，居然……獲得了這個奇妙的抽象效果，或許這就是代碼的奇妙之處吧，給人意想不到的效果。 3. 神器簡介 和上述所有工具一樣，各種參數可調整：顏色，線長，噪波比例…… 是不是很像高中的等高線？但更也是更有藝術感的等高線吧！ 控制面板中有一個參數 noiseScale ，它就是負責讓線的彎曲程度，數字越小，比卷發還卷，不信的話你試試，數字越大，就相對越規整，也不會出現等高線那樣一圈一圈的。 最后繪制出流暢美感的線條～ 4. 參數解釋 5. 案例應用 十、粒子爆炸生成器 1. 試玩地址 https://wangyasai./Particles-Emission/ 2. 靈感來源 小時候玩過的彈力球~ 3. 神器簡介 想必大家都很熟悉我的工具的參數套路了……顏色、速度、形狀、粒子大小等等…… 調大粒子的陰影效果，竟然有種假3D的錯覺。 增加粒子的重復次數，可以讓粒子瞬間充斥你的整個屏幕 勾選旋轉，就可以保存這樣一張綻放出一朵抽象粒子花？ 4. 參數解釋 5. 案例應用 以上就是今天給大家安利的9款好玩的神器，值得一試，此工具生成的圖像都是免費可商用，請放心食用。如果打不開網站，建議多刷新幾次，或更換成 Chrome 瀏覽器。 這些工具如何制作 Gif ？建議用錄屏軟件！ windows 用戶：推薦 honeycam、Ocam macOS 用戶：推薦 LICEcap 好啦，快去玩吧～ 免責申明：文章來源于公開網絡，僅供設計師學習，版權歸原創者所有!無對涉及版權問題負責，如有原作者認侵，聯系必刪
|
|
|
