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