PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

@飛屋睿UIdesign?:很多人以為,做一個(gè)PS高手就是需要用到各種復(fù)雜濾鏡,最后把圖片變得面目全非才好。而在我看來(lái),軟件的背后是創(chuàng)作者的心。把PS視作一件玩具,其實(shí)就是幾個(gè)簡(jiǎn)單的幾何形,也能玩出不同的花樣。其中,抽象藝術(shù)的表達(dá)法可以拿來(lái)一用,僅僅是一些形狀、色彩就能創(chuàng)作出讓人耳目一新的視覺(jué)感受。

飛屋同學(xué)的人氣教程:

  1. 《AI教程!教你手把手繪制熱門(mén)的太空流星插畫(huà)》
  2. 《PS新手教程!用蒙板繪制優(yōu)雅趣味的花藝字體效果》
  3. 《超實(shí)用!三種快速消除圖片噪點(diǎn)的小技巧》

最終效果:

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

同心圓

STEP 01

你一定聽(tīng)過(guò),人臉是最吸引眼球的畫(huà)面。先準(zhǔn)備好相應(yīng)的人像素材。再打開(kāi)PS,創(chuàng)建一個(gè)尺寸為1800*1200的文檔。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

STEP 02

畫(huà)出三個(gè)圓,第一個(gè)圓是一個(gè)實(shí)心圓,第二、三個(gè)圓是空心的圓環(huán)。總之讓它們看上去像一個(gè)靶心。它們的大小比例可以參考下圖。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

STEP 03

將準(zhǔn)備好的人像圖片導(dǎo)入到文檔內(nèi),這時(shí),復(fù)制兩次,也就是讓人像也變?yōu)槿齻€(gè)。這樣讓人像與上一步中的圓形保持一一對(duì)應(yīng)的關(guān)系。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

STEP 04

關(guān)閉三個(gè)圓形的可見(jiàn),這時(shí),將這幾個(gè)圓的“形”作為與其對(duì)應(yīng)的人像圖層的蒙版。當(dāng)然,由于是三個(gè)不同的形,它們之間的關(guān)系就不能太平鋪直敘,你一定懂得利用這三個(gè)不同的“形”創(chuàng)造一種有趣的錯(cuò)落關(guān)系。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

STEP 05

可以利用調(diào)整圖層工具對(duì)整個(gè)畫(huà)面的色調(diào)進(jìn)行修飾。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

自制抽象畫(huà)筆

STEP 06

這里我們將要分享一個(gè)快速自制抽象畫(huà)筆的方法,再新建一個(gè)800*600的文檔,背景為透明。在這個(gè)文檔中畫(huà)上一條矩形,然后復(fù)制多次后,均勻排布,只是保持左右端非對(duì)齊。如下圖所示。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

STEP 07

將這些條狀矩形旋轉(zhuǎn)-40度。旋轉(zhuǎn)后得到的形狀定義為畫(huà)筆,進(jìn)入【編輯>定義畫(huà)筆預(yù)設(shè)】,確認(rèn)了畫(huà)筆名稱后,點(diǎn)擊確定即可。這個(gè)畫(huà)筆是一個(gè)非常容易制作同時(shí)又能很好表達(dá)現(xiàn)代感的元素,我們將接下持續(xù)使用到它。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

建筑抽象

STEP 08

回到我們的抽象藝術(shù)的文檔,把三個(gè)同心圓肖像圖層集合成組,給這個(gè)組增加一個(gè)蒙版,利用上一步做成的畫(huà)筆在這個(gè)蒙版上點(diǎn)擊創(chuàng)作。這里的目的是要將左同心圓的左邊部分做一部分隱藏處理。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

STEP 09

增加一個(gè)矩形,填充為深色,具體顏色可以是從人像圖片中吸取的深色。這個(gè)做法最能做到整體的色彩和諧。為矩形增加蒙版,在蒙版上運(yùn)用自制抽象畫(huà)筆來(lái)創(chuàng)作出一種類似建筑一樣的抽象造型。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

自然抽象

STEP 10

讓我們?cè)贋檎w增加一些表達(dá)浪漫的元素,在自定形狀工具中找到空心圓的形狀,然后填充不同的色彩和大小,散點(diǎn)分布。整個(gè)過(guò)程并不局限于使用哪種顏色哪個(gè)大小,這種圓圓圈圈的形狀本身就能傳遞一種自然主義的浪漫感。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

STEP 11

給這些“圓圓圈圈”編為一組,增加一個(gè)蒙版,再用你的有趣畫(huà)筆把它也融入到整個(gè)設(shè)計(jì)中。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

再次鎖定焦點(diǎn)

STEP 12

在同心圓外再增加一個(gè)圓,這個(gè)圓形保持空白填充,描邊為8。大小確定后為其增加蒙版,又拿出你的抽象畫(huà)筆進(jìn)行涂抹,你會(huì)看到涂抹效果會(huì)很明顯地讓它的存在感褪去但又能依稀可辨。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

STEP 13

再為人像增加“點(diǎn)睛一筆”,運(yùn)用光圈筆刷,點(diǎn)擊這里可以下載。你可以選擇紅色或其他任意色彩,在所有圖層的上方新建一個(gè)圖層,將圖層的混合模式改為“濾色”。

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

在這里需要更加靈活,畫(huà)筆有多種,你可以從中選擇一款最適合的。光圈的方向可以根據(jù)圖片本身的光線方向進(jìn)行改變。刷一次并不會(huì)有太大變化的可以多刷幾次。

完成后你可以增加一些文字和背景,最后效果可以是這樣:

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

后記

經(jīng)過(guò)體驗(yàn),抽象的方式并不難,幾何體加上一款簡(jiǎn)潔又有趣的筆刷就能做出不錯(cuò)的視覺(jué)效果。這里所運(yùn)用的組合完全可以進(jìn)入你的大腦創(chuàng)意的素材庫(kù),這種在蒙版上運(yùn)用畫(huà)筆進(jìn)行創(chuàng)作的方式也值得你進(jìn)一步探索。

【優(yōu)設(shè)值得閱讀的好文合集】

古龍級(jí)別的7種武器!
《大牛推薦!UI設(shè)計(jì)師工作必備的七個(gè)設(shè)計(jì)神器》

越努力的人未必越優(yōu)秀:
《走出浮躁!為什么年輕設(shè)計(jì)師「越努力」未必「越幸運(yùn)」?》

超應(yīng)(海南)景的秋天落葉效果:
《PS新手教程!手把手教你繪制蕭瑟的秋天落葉字效》

原文地址:ifeiwu

PS教程!教你打造抽象的同心圓藝術(shù)視覺(jué)效果

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū):史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量160萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 11
點(diǎn)贊 1

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。