當(dāng)前位置:首頁>ps實(shí)例教程>ps制作實(shí)例>廣告包裝>教程內(nèi)容

ps簡約風(fēng)格名片設(shè)計(jì)實(shí)例(3)

來源:優(yōu)設(shè) 作者:佚名 學(xué)習(xí):19996人次

甭管你是誰,只要你從事商業(yè)活動(dòng),都必須要有一張名片。要么你可以雇傭個(gè)設(shè)計(jì)師幫你設(shè)計(jì)名片,要么下載一些名片模版,小修小補(bǔ)之后,設(shè)計(jì)出自己的名片。本文將講述利用PS打造簡約、充滿現(xiàn)代感的名片。

先看看效果圖

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

步驟1——尺寸,出血,色彩模式以及分辨率

打開PS,然后需要了解一點(diǎn)名片設(shè)計(jì)的知識,最重要的毫無疑問是尺寸,可參考本國名片設(shè)計(jì)規(guī)則,確定名片尺寸,國內(nèi)一般是90mm*54mm(文中說英美國家一般是3.5 * 2 英寸)。

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

色彩模式為CMYK,8位 16位 32位都可以,推薦使用16位,但是出于示范目的,本教程使用了8位,因?yàn)槲募笮∧苄∫稽c(diǎn)。分辨率300dpi。這樣就能使名片清晰可見,符合業(yè)內(nèi)標(biāo)準(zhǔn)。

“出血”科普:

出血也是一種印刷業(yè)的術(shù)語。紙質(zhì)印刷品所謂的“出血”是指,超出版心部分印刷。版心是在排版過程中統(tǒng)一確定的文圖所在的區(qū)域,上下左右都會(huì)留白(如word的四方頁邊距就是留白),但是在紙質(zhì)印刷品中,有時(shí)為了取得較好的視覺效果,會(huì)把文字或圖片(大部分是圖片)超出版心范圍,覆蓋到頁面邊緣,稱為“出血圖”。——百度百科

雖然名片的尺寸已經(jīng)討論過是3.5*2英寸,但是為了做一些出血延伸,需要多流出一些邊距。上下左右各0.125英寸,因此尺寸設(shè)置為3.75*2.25英寸。(國內(nèi)標(biāo)準(zhǔn)是上下左右各加2mm,因此也就是94*58mm)

現(xiàn)在需要加入?yún)⒖季,以便規(guī)范布局。

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

為了簡化設(shè)計(jì),推薦下載這個(gè)帶有參考線的PSD模板:http://pan.baidu.com/s/11mrTN

步驟2——設(shè)計(jì)

設(shè)計(jì)之前,心中對名片的模樣要有個(gè)大概。有些設(shè)計(jì)師使用草圖。不過在設(shè)計(jì)這款名片時(shí),我理念已經(jīng)有了,因此略過草圖設(shè)計(jì)流程。

如果你在設(shè)計(jì)名片時(shí)毫無靈感,那么給你推薦一些名牌設(shè)計(jì)站點(diǎn): The Design Inspiration, Card Nerd, Card Gala, Cardonizer, Cards Observer,Creattica, Cardview.不妨借鑒一下,有助于你快速開始。

這次設(shè)計(jì)使用了扁平化風(fēng)格。這將讓名片看起來簡約、富有現(xiàn)代感。

我將正面和反面單獨(dú)設(shè)計(jì)。正面只有一個(gè)Logo,反面整合了很多商業(yè)信息。

正面

扁平化設(shè)計(jì)是很極簡的設(shè)計(jì)方法。沒有裝飾、沒有陰影、沒有漸變、沒有填充效果,只有簡單的色彩。我在Flat UI Colors里進(jìn)行了選色。

我使用了鮮艷大膽的Emerald綠色,Hex 代碼# #2ecc71

正面的下半部分使用了Emerald(#2ecc71)綠色矩形塊,大約有整體高度的1/3。上半部分使用和Emerald相近的色彩#27ae60 .兩種色彩搭配在一起效果極佳,用這種顏色填充剩余部分。

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

Logo我使用了我們自己的收集,請看We Sell Design.

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

Logo可用于AI以及EPS格式,因此你需要用AI稍微編輯一下,不過你也可以不用這個(gè)Logo,用自己想用的Logo即可。加入Logo后,正面的效果是這樣。

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

 

本步完成了:

簡單的、符合整體風(fēng)格的Logo

簡約的留白背景

記得云Logo要設(shè)置圖層樣式->描邊 大小10像素,顏色為#27ae60

創(chuàng)建新圖層,輸入文本Crazycloud,顏色和Logo一樣#ffffff.字體使用的是 Open Sans.開源的Google Web Font,這里可以下載:http://www.google.com/fonts/specimen/Open+Sans。

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

好了,這便是正面的設(shè)計(jì),簡約、優(yōu)雅、現(xiàn)代感十足。

現(xiàn)在開始著手反面的設(shè)計(jì)。

反面

跟正面一樣,底部我們同樣使用了占整體1/3的Emerald綠色矩形塊,然后上面再加入一小塊(#27ae60)條紋。

效果如下圖。

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

為了增加一點(diǎn)標(biāo)識性,我們縮小正面的Logo,加入到右下角。Logo和crazycloud水平放置。

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

電郵、網(wǎng)站、地址的圖標(biāo)我使用了 outline icons from Vandelay Design.

下載后Icon是黑色的,記得轉(zhuǎn)換成條紋那種顏色(#27ae60)。

圖層樣式中色彩疊加即可。(對齊什么的不用我說了吧?)

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

文本顏色可使用同樣的綠色,不過使用灰色比較好,對照感強(qiáng)一點(diǎn)。上圖中使用的灰色是(#868686).

最終成品圖如下

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

Photoshop設(shè)計(jì)扁平化風(fēng)格的名片教程

步驟3——打印

現(xiàn)在完成了設(shè)計(jì),該去將設(shè)計(jì)“現(xiàn)實(shí)化”了,可以去打印了。如果你有合適的紙,你可以自己打印,對齊是個(gè)大問題。因此最好找印刷商幫你打印。好了,以上就是名片設(shè)計(jì)教程,你看,不難吧。一個(gè)小時(shí)差不多就搞定了?梢宰约涸倜髅,設(shè)計(jì)出自己的風(fēng)格。

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
zhuqd2020-08-14 09:55
我的作業(yè):

bgay05062020-03-05 07:15
學(xué)習(xí)了,謝謝分享
土豆2016-05-23 11:47
我就想問名字放哪

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

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