當前位置:首頁>ps實例教程>ps制作實例>廣告包裝>教程內容

宣傳頁,天目眼鏡店宣傳網頁設計教程(4)

來源:m.theoat.com.cn 作者:魔法世界的小姑娘 學習:13938人次

@魔法世界的小姑娘: 效果圖

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

1.新建722*1014像素的白色畫布。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

2.新建圖層,Ctrl+R 調出標尺,引線合理分割布局,矩形選框工具,顏色填充fffa9d。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

3.在此圖層執(zhí)行,濾鏡-雜色-添加雜色,數(shù)量5% ,平均分布,單色。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

4.曲線調整此圖層的顏色,個人覺得顏色有點重,曲線如下圖所示,創(chuàng)建剪切蒙版,針對此圖層做出調整。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

5.下面另一部分做法和上面相似,只不過顏色不一樣。新建圖層,矩形選框工具,填充顏色為3d107b。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

6.和上半部分的做法一樣,對此圖層執(zhí)行濾鏡-雜色-添加雜色,設置和上半部分一樣,然后確定。創(chuàng)建 色相/飽和度,將色相數(shù)值設置為-11,確定,背景層算是基本做好了,選中所有圖層,Ctrl+G放在一個組里面,給組命名為背景層,下面就是添加上面的字體及樣式了。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

7.添加字體,字體樣式Times New Roman  大小150  顏色 黑色,確定后Ctrl+T,調整字體位置,放到合適的位置。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

8.新建圖層,用鋼筆工具描出下面虛線的形狀,填充顏色df0024,shif+[  下移到字體下面。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

9.其他亦是如此,鋼筆工具圈出形狀填充顏色,從左至右填充顏色依次為 df0024   ffff00  ff5d03   0394cd  cb016e   6a509b   81dafd  038634  ,大家也可根據(jù)自己喜歡的顏色自行添加,只要畫面看著不是特別雜亂就行,這幾個顏色填充組Ctrl+G 創(chuàng)建一個組,給組命名為字體顏色填充。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

10.添加‘眼鏡’字體,設置如下,這里我用的是仿粗體,字體顏色設置為 3d107b 。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

11.用鋼筆工具隨意勾勒出形狀,把多余的部分去掉,填充顏色。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

12.下面是我依次勾勒出的形狀并填充的顏色,從上到下顏色依次為e8641b  e3007b  005414  0484b6 。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

13. 給這四種顏色的圖層添加如下圖的圖層樣式,必須每一層添加依次,每種顏色的邊緣才會有這種效果,一層圖層樣式設置完成后,只需要拷貝圖層樣式,依次粘貼到下面3層就可以了,同時選中眼鏡字體和上面四種顏色圖層,CtrL+G創(chuàng)建一個組,給組命名為眼睛字體樣式,頁面上半部分的效果基本完成。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

14.網上下載這樣的圖案效果,魔法棒摳圖,填充顏色cf5a99復制移動做出下圖的效果。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

15.選中這個圖案的所有圖層,Shift+E 合并圖層,初始填充的顏色我覺得顏色有點淺,所以在圖層上方加入曲線,降低圖案整體花色的顏色,曲線如下圖所示,切記曲線定要創(chuàng)建剪切蒙版才行。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

16.添加字體,樣式設置如下圖,你也可以根據(jù)自己的喜好自行設計。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

17.畫筆工具按著Shift鍵 ,畫兩條這樣的線,顏色為8a71ae ,也可以用鋼筆工具+畫筆描邊,看個人習慣。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

18.最后添加眼鏡店地址,字體設置如下圖所示,顏色為fef668 ,確定后本次設計完成。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

成品  

  本次設計是一位很好朋友的眼鏡店,大家如果有什么好的建議好的想法,盡管提出,設計本身就是多樣化的,一樣的東西一樣的操作,可能做出的效果卻不盡相同,無論是什么樣的,都有各自的美好,做出此教程希望能多多少少幫到大家。

宣傳頁,天目眼鏡店宣傳網頁設計教程_m.theoat.com.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
禿頭小寶貝兒2020-12-24 03:26
借鑒創(chuàng)新

從此天荒2018-04-17 12:46
謝謝博主 特別好 加油
夢旅人-2017-10-20 10:07
我的作業(yè):
芳菲與薇2017-10-07 05:36
噴的人是什么心態(tài)??? 你可以不看啊,
一無所有就是拼的理由2017-09-26 09:28
一無所有就是拼的理由2017-09-26 09:28
魔法世界的小姑娘2017-03-21 04:42
不丑,幾乎一毛一樣 很厲害
魔法世界的小姑娘2017-03-21 04:03
獻丑了钃濊壊绱涪 的原帖:不丑,幾乎一毛一樣 很厲害
藍色紫鳶2017-03-17 10:52
獻丑了
藍色紫鳶2017-03-17 10:03
獻丑了

關注大神微博加入>>

網友求助,請回答!