微博關(guān)注我@亞賽大人 的朋友,都多多少少了解到我做了不少設(shè)計小工具吧~ 最初用 Processing 做循環(huán) Gif 打卡,每一小段時間打卡的主要代碼都差不多,改一些參數(shù),就可以做出看上去不一樣的效果,那何不做一個可以實時編輯并反饋的工具來玩,就開啟了我開發(fā)設(shè)計工具之路。
誒,沒想到現(xiàn)在自己做了10個了!是時候來一個最全的工具大總結(jié)了!
注:本文由優(yōu)設(shè)網(wǎng)獨家約稿,未經(jīng)優(yōu)設(shè)網(wǎng)許可請勿轉(zhuǎn)載。授權(quán)請?zhí)砑泳庉嬑⑿牛骸竒g_and_xb」
工具總結(jié):
3個文字工具+1個玩具球+6個點線面背景生成器
閱前提示:
先從最近剛發(fā)布了的一個線型字工具開始吧~
波濤洶涌的線型文字
1. 試玩地址
https://wangyasai.github.io/waveFont/
2. 靈感來源
如果你對 Joy Division 這個樂隊愛到不行,亦或是完全不知道《unknown pleasure》這專輯是什么鬼……但是你對這些看上去突出的山峰/波浪一定不會陌生。
這個經(jīng)典的圖案曾多次出現(xiàn)在影視作作品中,比如《頭號玩家》中的一個彩蛋,女主背心上印的就是這個圖案。
但事實上這并不是山峰或波浪,這是人類第一顆發(fā)現(xiàn)的脈沖星 CP 1919的脈沖信號。當(dāng)然你也不用糾結(jié)這是什么,反正如你所見,這個工具的目的就是讓文字突出!
3. 工具簡介
上手十分簡單,直接輸入文字就可以實時生成,還可以調(diào)整字體的大小和粗細(xì),這不就意味著你得到了波紋字體了嗎?想寫啥就寫啥,還可以支持特殊符號!!!
這個工具當(dāng)然支持填充顏色,那如何只看到文字不看到周邊線條的顏色?只需要把背景顏色和線條1的顏色統(tǒng)一就好啦~
再試試顏色模式下的漸變,就是另一種風(fēng)味了。
說完顏色,再說說山的海拔,調(diào)整 Control 面板中的 Height ,就可以任意拉高或降低高度了。
剛生成的字默認(rèn)每一列小山峰都排列的整整齊齊,如何讓它們不如此規(guī)整呢?那就調(diào)整 Offset 吧,這是調(diào)整山的偏移量,可以讓文字的每個部分錯落分布。
參數(shù)太多?不想一個一個調(diào)?那就不如試試隨機(jī)效果 Random 吧,任意更改面板中的種種參數(shù),給一個意想不到的結(jié)果。
4. 參數(shù)解釋
參數(shù)太多,篇幅有限,大家自行探索吧~
提示:這次工具除了常規(guī)的 JPG 和 PNG ,還支持 SVG 下載哦~
5. 案例應(yīng)用
@Simon阿文 提前內(nèi)測做了下面一組打卡。
如何做到循環(huán)播放?先用開篇提到的錄屏軟件錄制 gif ,然后在 PhotoShop 中刪除超出一個完整循環(huán)的幀,最后循環(huán)播放時,最后一幀和第一幀能自然過渡。
感受到心電圖般砰砰砰砰砰地跳動了嗎?
猜猜下面兩組是怎么做的?
不得不說,@Simon阿文真是個優(yōu)秀玩家,他用我的工具做的東西,我……居然想求教程???
還做了一組變形數(shù)字,想知道怎么做的?Call 他寫個教程吧!
他用我的工具,做了很多案例在 #PPT365# 的微博話題上,那里還聚集了很多人的設(shè)計腦洞,大家可以隨時去找靈感噢~(對了,本篇中若無特殊注明的案例均來自 @Simon阿文 )
一個大寫的粒子字
1. 試玩地址
https://wangyasai.github.io/PerlinNoisePainter/
2. 靈感來源:
在學(xué)習(xí)粒子系統(tǒng)時,想看粒子和文字結(jié)合會產(chǎn)生什么火花?
最先想到一個最簡單的方法,在粒子的上層加一層鏤空文字的蒙版,把不想看到的粒子遮住,只看到鏤空的部分。
誒,就get了粒子字的效果~
2. 工具簡介
如你所見,這個工具就是粒子充斥在文字里面,擁有它,讓文字搭上酷炫的班車。
這個工具已經(jīng)默默更新了 2.0 版本,1.0版本需要上傳黑底白字的圖片,現(xiàn)在直接在文本框輸入文字,即刻生成效果。同樣,也支持輸入符號,輸入一個 ★ ,就可以生成五角星粒子字。
用 Nums 控制粒子的數(shù)量,數(shù)量越多,當(dāng)然文字看的更清楚啦,粒子越多也會影響運行的速度,建議粒子控制在能夠看清文字的數(shù)量就夠啦~
粒子的默認(rèn)顏色是三種顏色隨機(jī)分布,當(dāng)選擇 ColorMode 里面的漸變模式,顏色就會從上到下漸變。
3. 參數(shù)解釋
4. 案例應(yīng)用
想必你也掌握了下面的是怎么做的了吧~
黑客帝國同款文字雨生成器
1. 試玩地址
https://wangyasai.github.io/TheMatrix/
2. 靈感來源
沒錯!就是來自科幻大片《黑客帝國》!!!
3. 工具簡介
顧名思義,就是一款自帶黑客帝國特效的文字工具。作為一個愛耍酷的工具,它絕對不會滿足一種模式的,它內(nèi)置多款故障字體,你可以用它來生成各種亂碼文字雨背景。
除了默認(rèn)的幾種模式,你還可以定制文字雨中的關(guān)鍵詞,只要在 Unicode 中選擇 Text 模式,在下方文本框中,隨意敲擊文字,就可以實時看到輸入的文字在屏幕中隨機(jī)生成,瞬間 get 詞云的新玩法!
另外,還提供多種參數(shù)設(shè)置,比如文字雨射出的方向,比如你可以通過設(shè)置透明度來營造出射線的錯覺~
當(dāng)把文字方向改成從左到右橫,這不就是一面彈幕墻了嗎~
4. 參數(shù)解釋
5. 案例應(yīng)用:
看,@林書尼 把圖表和這個效果結(jié)合,開啟科技感圖表的新鮮玩法~
說完上面上面3個我制作的文字相關(guān)工具,再來說一個運用隱藏技巧可以制作油畫字效的工具。
向量畫筆重繪器
1. 試玩地址:
https://wangyasai.github.io/Noise-flow-field-painter/
2. 靈感來源
來自 Jason Labbe 大神開發(fā)的工具 Noise Flow Field Painter(地址:https://www.openprocessing.org/sketch/472966)我在他的基礎(chǔ)上,加了一個控制面板,像其他工具一樣可以方便修改參數(shù)~
3. 工具簡介
這個工具就是用一堆圓柱形狀把一張圖片重繪,神奇地模仿出油畫的質(zhì)感~~
你可以上傳你電腦中的任意圖片,想重繪哪張就哪張。
可以非常方便地調(diào)整畫筆的粗細(xì)、長短
調(diào)整畫筆的粗細(xì)
誒,還記得前面說這是一個可以運用隱藏技巧制作油畫字體的工具,如何實現(xiàn)呢?
上面我們上傳的都是完整的照片,試想上傳有油畫效果的文字,那不就是油畫字嗎?
@Simon阿文 就這樣用它做出了一套很好看的油畫數(shù)字,相信你現(xiàn)在也掌握了吧
同理,各種圓形、方形、三角形、不規(guī)則圖形的油畫效果也這樣處理。
4. 參數(shù)解釋
5. 案例應(yīng)用
讓梵高的油畫再次加工,這個筆觸真的超有感覺~
@Simon阿文 用他旅游時拍的一張照片,把處理后的油畫效果圖,再和原圖進(jìn)行拼接,內(nèi)容引起極度舒適,看了好想出去玩呀!!!
說完了上述的這四個字體工具,我們再來玩?zhèn)€球吧!
玩?zhèn)€球
1. 試玩地址
https://wangyasai.github.io/Play-a-ball/
2. 靈感來源:
相信不少同學(xué)在剛?cè)腴T Ai 的時候,都跟著教程做過這樣的抽象球體:環(huán)形,波紋,網(wǎng)格……
雖然教程簡單易懂,但很多同學(xué)還是過目就忘……現(xiàn)在,懶癌的福音來了!
3. 工具簡介
這是一個在線抽象球體生成器,可以一鍵生成那種在 Ai 入門教程中非常常見的球體:環(huán)形,波紋,網(wǎng)格……是的,現(xiàn)在你連門都不用入了。
你可以隨意更改花紋:
你可以調(diào)整球體的平滑度來實現(xiàn)變形:
當(dāng)然,每種花紋的疏密和大小都可以調(diào)節(jié):
懶得調(diào)參數(shù)?那就直接點擊隨機(jī)生成好了:
甚至可以上傳自己的圖片,作為圖形的紋理!看,一秒鐘自制星球:
4. 參數(shù)解釋:
5. 案例應(yīng)用:
恭喜你,文章已閱讀過半!
學(xué)習(xí)插畫用什么軟件?怎樣才能學(xué)好板繪插畫入門?學(xué)習(xí)板繪插畫入門有哪些技巧?想必這些問題都是繪畫初學(xué)者們比較傷腦筋的問題,那么到底怎樣才能學(xué)好板繪插畫漫畫入門基礎(chǔ)呢?今天靈貓課堂老師就在網(wǎng)絡(luò)上收集整理了關(guān)于學(xué)習(xí)插畫用什么軟件?學(xué)畫畫必備的10個繪畫軟件!教程非常簡單,趕緊來看看叭:
很多剛開始接觸繪畫的小伙伴,大多會有一種想法,可以讓我快速的學(xué)會畫畫,恨不得猶如武功傳授般,或者來個吸星大法~但是很明顯不切實際,很多基礎(chǔ)不扎實的同學(xué),在選擇培訓(xùn)班的時候,也會刻意的選擇所謂的“速成”,學(xué)畫畫能否速成,自己心里沒數(shù)嗎?學(xué)畫畫,沒有速成!更不能相信,那么所謂能夠讓你速成的培訓(xùn)機(jī)構(gòu),學(xué)畫畫需要一步一個腳印!今天,小編就給大家推薦10個學(xué)畫畫必備繪畫軟件,自行選擇適合自己的繪畫軟件吧~
1、EasyPaintToolSAI
SAI是作為自由軟件試用的形式對外發(fā)布的。藝學(xué)繪網(wǎng)站上有專門的SAI入門教程,有興趣的可以看一下~SAI與其他同類軟件不同的是,SAI給眾多數(shù)字插畫家以及CG愛好者提供了一個輕松創(chuàng)作的平臺。SAI極具人性化,其追求的是與手寫板極好的相互兼容性、繪圖的美感、簡便的操作以及為用戶提供一個輕松繪圖的平臺。
順便推薦大家可以搜一下:靈貓課堂,或者打開手機(jī)微信,添加好友框內(nèi)搜索:靈貓課堂,一鍵關(guān)注,學(xué)習(xí)無憂!靈貓課堂網(wǎng)站上面有很多的繪畫課程,每天老師在線指導(dǎo)你的繪畫技法,讓你的懶癌無從逃過,劃重點,免費的,是真免費,是真的真的免費!
2、Photoshop
大名鼎鼎的Photoshop,幾乎可以說是無人不知無人不曉了。Photoshop不僅可以做設(shè)計,還能剪視頻音頻,還可以畫畫。Photoshop的功能及其豐富強(qiáng)大,是設(shè)計從業(yè)人員必用的工具,但是因為其功能太豐富,在專業(yè)性上就會顯得復(fù)雜。
3、CLIP STUDIO PAINT
CLIP STUDIOPAINT是CELSYS公司開發(fā)的繪制漫畫和插圖的軟件。它提供給用戶PRO版和PRO功能擴(kuò)展的EX版兩種版本。EX版可以同時管理幾頁內(nèi)容,提取3D模型和照片的輪廓線。還具有臺詞編輯功能等,它強(qiáng)化了與漫畫制作相關(guān)的功能。另外,用戶還可以使用其他使用者上傳的公開素材。
5、Painter
Painter是一塊繪畫軟件,適合繪制卡通漫畫。其特點在于能模擬很多畫筆的效果,靈貓課堂小tips:Painter配合數(shù)位板使用更佳哦!
6、OpenCanvas
OpenCanvas是一款讓繪畫初學(xué)者到高級用戶都可廣泛應(yīng)用的Windows專用繪圖軟件。OpenCanvas的功能友好,專業(yè)性強(qiáng),善于畫出豐富的色彩。使用OpenCanvas可以畫出豐富的筆觸,是一款不錯的動漫繪畫軟件。
7、ComicStudio
ComicStudio被稱為漫畫設(shè)計行業(yè)的Photoshop,ComicStudio可以模擬很多漫畫專用筆觸和技法,如直接勾畫草圖、增加畫面集中線、網(wǎng)點背景庫等等。可以說,ComicStudio把漫畫的繪畫技法整合到軟件內(nèi),它就是專門為了畫漫畫而生的。
8、AliasSketchBook
AliasSketchBook是一款新一代畫圖軟件,軟件界面新穎、功能強(qiáng)大,筆刷豐富,并且使用起來比較人性化,強(qiáng)調(diào)人與機(jī)器的交互性,小編推薦沒試過的同學(xué)可以試試。
9、ArtRage
ArtRage模仿很多筆觸,除了油畫筆、鉛筆、箱頭筆、粉彩畫筆、油畫筆、蠟筆等筆刷,還提供刮刀和松節(jié)油等專用工具。
10、illustrator
也就是AI啦,設(shè)計人員都要用的軟件,也是Adobe家族的一員。Illustrator主要用于繪制矢量圖,適合畫卡通漫畫。微課菌也經(jīng)常用到。
以上內(nèi)容就是靈貓課堂為大家從網(wǎng)絡(luò)上收集整理分享的優(yōu)質(zhì)教程嘞,主要就是教大家學(xué)畫畫必備的10個繪畫軟件!教程超級實用,相信這個教程一定會對大家有所幫助,趕緊收藏練習(xí)吧~
如果你對我們的自學(xué)計劃感興趣的話
歡迎來加入我們的免費公益繪畫交流社區(qū)群:914736333
在那里,我們會有很多的繪畫教程以及素材參考資源
還有定期的免費直播課程哦
每天老師在線指導(dǎo)你的繪畫技法
助你開啟繪畫提升之門
大家在群里,可以暢所欲言
在輕松的交流中享受繪畫的樂趣!
聲明:素材源自于網(wǎng)絡(luò),版權(quán)歸原作所有,僅供學(xué)習(xí)交流,不做商業(yè)用途。