當(dāng)前位置:首頁(yè)>軟件教程>AI教程>教程內(nèi)容

線型圖案,用PS+AI制作漸變色線條(4)

來(lái)源:站酷 作者:不詳 學(xué)習(xí):22712人次

本篇教程通過(guò)PS和AI制作漸變色線條圖案,線在設(shè)計(jì)中是基本的視覺(jué)要素,直線又有一種現(xiàn)代感,曲線相對(duì)柔和,各種不同的線條可以變化出不同的造型,本篇我們要學(xué)習(xí)一種快速且多變的線條藝術(shù)設(shè)計(jì),步驟很簡(jiǎn)單,教程中我們要熟悉AI中的變換工具和PS中的漸變色配色等,通過(guò)教程來(lái)學(xué)習(xí)一下吧。

效果圖:

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn
m.theoat.com.cn

操作步驟:

STEP 01

造型開(kāi)始,打開(kāi) A I,新建一個(gè) 800*600px 的文檔。選中多邊形工具,在畫(huà)布上雙擊,并在彈出的對(duì)話框中的“邊數(shù)”一欄中填入 6 ,這里所填入的邊數(shù)也可以是其他的值,當(dāng)然最后的造型就肯定和這個(gè)教程不太一樣了。熟悉 AI工具的同學(xué)可以試試別的邊數(shù)。填充色關(guān)閉,打開(kāi)描邊,描邊粗細(xì)為 1px 。

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

STEP 02

選中這個(gè)多邊形的基礎(chǔ)上,進(jìn)入【效果>扭曲和變換>變換】,這時(shí)進(jìn)入到變換效果的參數(shù)面板。

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

STEP 03

魔法時(shí)刻到了!記得一定要在打開(kāi)的參數(shù)面板左下方勾選“預(yù)覽”,這樣就能看到即時(shí)的效果。 這里需要提前說(shuō)明的是,設(shè)計(jì)這類曲線的效果最重要的三個(gè)類型的參數(shù),第一個(gè)是縮放的比例,第二個(gè)是旋轉(zhuǎn)的角度,第三個(gè)是副本。通過(guò)這三個(gè)參數(shù)的變化就能產(chǎn)生無(wú)窮無(wú)盡的造型。

這里的縮放比例和副本是一對(duì)必須共存的參數(shù),如果沒(méi)有比例的縮放,那么副本填多少都沒(méi)有意義,因?yàn)槎喑鰜?lái)的所謂副本(也即是復(fù)制的形狀)是重疊于原有形狀上方,由于變換的效果并沒(méi)有產(chǎn)生真正的路徑,因此其形狀外觀上并沒(méi)有發(fā)生變化。而增加了縮放的參數(shù)就不一樣了,你會(huì)看出這些副本在縮放情況下的變化,這種變化是漸變分布的,因此產(chǎn)生出視覺(jué)的韻律。理解了這一道理,我們?cè)僬{(diào)節(jié)參數(shù)時(shí)就不會(huì)盲目。

你可以試試參數(shù)變化時(shí),看看會(huì)發(fā)生什么?

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

STEP 04

接下是旋轉(zhuǎn)這個(gè)參數(shù),旋轉(zhuǎn)角度是最后設(shè)置的,旋轉(zhuǎn)通常能制造出一種回旋的視覺(jué)效果,每旋轉(zhuǎn)一個(gè)角度,就應(yīng)該看看最終的效果,因此我建議大家最好用比較微細(xì)的調(diào)法,這樣能找出最令人滿意的結(jié)果。

我將我的參數(shù)設(shè)置分享一下,當(dāng)然,這里是可以非常個(gè)性化的,你完全可以慢慢去體會(huì)這些不同的變化,從中挑選更為適合的參數(shù)。

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

STEP 05

選中左側(cè)工具欄中的“直接選擇工具”,在每個(gè)錨點(diǎn)處會(huì)出現(xiàn)一個(gè)小小的同心圓圖標(biāo),通過(guò)拖動(dòng)這個(gè)小小的圖標(biāo)朝向與角尖相反的方向,就能將直角直接變?yōu)閳A角。

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

STEP 06

你可以繼續(xù)拉大這個(gè)圖形,直到覆蓋整個(gè)畫(huà)板,變成為背景圖。根據(jù)項(xiàng)目要求調(diào)整圖形大小是非常重要的,因?yàn)橐坏┻M(jìn)入 PS ,你將處理的并不是矢量圖形,這意味著你沒(méi)有辦法進(jìn)行自由伸縮。

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

STEP 07

將導(dǎo)出透明背景的 PNG 圖片加入到 PS 當(dāng)中,可以在 PS 中再新建一個(gè)圖層作為背景色。背景色填充為 #eefefe 。

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

STEP 08

然后為線條增加漸變疊加的圖層樣式,漸變色彩從明快的紅色到黃色。

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

STEP 09

將線條圖層復(fù)制三次,分別對(duì)三個(gè)圖層運(yùn)用高斯模糊,按照?qǐng)D層從上至下排列順序,模糊半徑分別為 3、5、8 。這樣能制造出一定的光感和空間層次感。

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

STEP 10

再將線條圖層復(fù)制一次(這是第四次復(fù)制了),對(duì)這個(gè)復(fù)制圖層運(yùn)用上動(dòng)感模糊,這是為了進(jìn)一步增加線條朦朧光色感,模糊角度為 90 ,距離為 46 .

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

STEP 11

最后將線條圖層(以及四個(gè)模糊圖層)合并一組,在該組的上方新建一個(gè)圖層,將其設(shè)定為改組的剪貼蒙板。這時(shí)再利用大而軟的畫(huà)筆進(jìn)行涂抹并繼續(xù)為其增色,而又不影響到背景。涂抹完后,將這個(gè)圖層的圖層樣式改為亮光,透明度降至 80% 。

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

完成:

線型圖案,用PS+AI制作漸變色線條_m.theoat.com.cn

制作的時(shí)候注意AI和PS中的操作就可以了,整體還是比較簡(jiǎn)單的,只要肯動(dòng)手就都不是難事。

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
婕氏調(diào)調(diào)2018-07-22 09:54
懂了 謝謝
雙子星2018-07-22 02:09
樓主威武,我來(lái)mark一下
靜854312018-07-22 12:35
有一次去女同學(xué)家,推開(kāi)門竟然看見(jiàn)她在沙發(fā)上用震動(dòng)棒,我倆相視五秒突然震動(dòng)棒沒(méi)了動(dòng)靜,她嬌羞的說(shuō):“那個(gè)…沒(méi)電了…你能…過(guò)來(lái)幫我嗎?” 我咽了一口唾沫,激動(dòng)的點(diǎn)點(diǎn)頭,連忙跑到樓下超市給她買了一對(duì)南孚電池.從那以后,她再也沒(méi)理我,至今我都不明白到底我做錯(cuò)了什么.現(xiàn)在偶爾見(jiàn)面 ,她還是不理我,我也不好意思提那5塊錢的事,估計(jì)她是不想還錢故意不理我的,呸,沒(méi)想到她是這樣的人!
2018-07-22 11:59
太喜歡了
藍(lán)刺蝶sunny2018-07-22 09:01
強(qiáng)大啊
遠(yuǎn)在咫尺972018-07-22 02:36
給力
淚水淡殤2018-07-22 02:35
簽到

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!