ps設(shè)計(jì)網(wǎng)頁Banner橫幅教程(2)

來源:網(wǎng)絡(luò) 作者:張強(qiáng) 學(xué)習(xí):16972人次

4. 對文字進(jìn)行排版布局

PS快速合成簡單大氣的網(wǎng)頁橫幅

把需要突出的主題放大并放在第一位。

同一種字體,同一顏色,我們還可以用大小做區(qū)分。在保正整體一致的前題下做出不同。

當(dāng)然,我們還可以用其它選好的顏色做出主次分明,區(qū)塊劃分。主題用包的米黃色,中間選用了海天的藍(lán)色,而最后用了粉色。注意,到了這里,請?jiān)倏匆槐閳D。發(fā)現(xiàn)了嗎?"米黃背包"的背景是藍(lán)色,這四個(gè)字非常突出。而下面兩行,與背景相似的色彩,藍(lán)字對海天,粉字對沙灘,很和諧。

最后一點(diǎn),也是非常重要的,不管怎么排列文字,一定要隱有一種對齊。請看下圖:

PS快速合成簡單大氣的網(wǎng)頁橫幅

文字的垂直方向,是底對齊的。水平方向是左對齊的(人總是喜歡有序的東西...),這樣整個(gè)文字的排版就不會(huì)亂,但又不像板書那般看上去很死板。

文字與人物之間的對齊很特殊:不要讓文字壓到人物,并且兩者之間要有一定的留白空間。如上圖所示,切記不要讓圖挨字,會(huì)讓人物有"面壁思過"的感覺。

當(dāng)然,如何對齊視具體情況而定,這只是一種可能。

5. 審視并微調(diào)細(xì)節(jié)

現(xiàn)在主體已經(jīng)出來了,F(xiàn)是還太"簡單",這不是我們所要的那種"簡單"。所以我們需要審視并調(diào)整細(xì)節(jié),讓圖更"耐看"。

主題部分夠突出,但有些過于獨(dú)立,加些簡單的修飾性內(nèi)容:

PS快速合成簡單大氣的網(wǎng)頁橫幅

 

 

 

修飾同樣簡單,但卻使文字區(qū)域不再是純文字那么單調(diào),圖形的加入,帶來了活力。但不要用過于復(fù)雜的修飾,那會(huì)破壞我們想要的"簡單"。

嗯,現(xiàn)在看起來好多了,可是文字區(qū)域下面似乎有些空洞,我們再補(bǔ)充一點(diǎn)內(nèi)容:

PS快速合成簡單大氣的網(wǎng)頁橫幅

同樣是簡單的文字與簡單的白色矩形背景,不會(huì)破壞"簡單",但圖形的加入,又一次帶來了活力。值得注意的是,"特價(jià)包郵"與"活動(dòng)時(shí)間"仍然存在"對齊"。

嗯,嗯,現(xiàn)在已經(jīng)可以收工了吧。再看一眼...

夠簡單,簡單的沒有一點(diǎn)起色-_-!!!。最后再給文字加一點(diǎn)小修飾,這里我給主題"米黃背包"和"特價(jià)包郵"的背景加了一點(diǎn)漸變色:

PS快速合成簡單大氣的網(wǎng)頁橫幅

也許還可以給背景加點(diǎn)小花樣:

PS快速合成簡單大氣的網(wǎng)頁橫幅

OK,再次審視,可以收工了。

6. 定稿并總結(jié)

收工后總結(jié)一下,這個(gè)Banner,不是很牛掰,但也算的是簡單,漂亮,大氣。不用復(fù)雜高超的PS技術(shù),只要肯用心思考,用勤奮的雙手去練習(xí)。設(shè)計(jì)一個(gè)簡單的Banner,很簡單。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
回帖1232021-03-27 01:37
論壇需要你我他www.jzs5kao.cn
回帖1232021-03-27 01:37
論壇需要你我他www.jzs5kao.cn
1537965792021-03-14 10:11
謝謝樓主的分享。
禿頭小寶貝兒2021-03-10 09:40
SO HARD

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

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