PS設(shè)計(jì)教程之如何制作一個(gè)時(shí)尚的商業(yè)模(13)
頁面的footer包含以下內(nèi)容:Quick Links, Latest Posts, Latest Tweets, We Socialize, 和 Copyright.它的寬度與之前在service中所劃分的4列寬度一樣。
首先創(chuàng)建基底背景。在畫布較底部創(chuàng)建一個(gè)寬不變,高為45像素的矩形,顏色為#04203b。頂部的寬仍然不變,高設(shè)為450像素,顏色為 #052342。復(fù)制head和slideshow部分制作好的背景紋理,放在footer之下。
Quick Links
Quick Links距footer頂部距離為30像素。每個(gè)鏈接與分割線之間的距離為15像素。分割線的顏色:#265686。
字體設(shè)置
字體名:Helvetica Neue
字體樣式:Condensed
字體大。 18pt
字體顏色:#fff
Links
字體名:Arial
字體樣式:regular
字體大小:12pt
字體顏色:#fff
Latest Posts
Latest Post的文字格式與Quick Links相同
Date
Date的字體設(shè)置
字體名: Arial
字體樣式: Regular
字體大。 11pt
字體顏色: #8496a9
Latest Tweet
Text
字體名: Arial
字體樣式: Regular
字體大小: 12pt
字體顏色: #8496a9
Link
字體名: Arial
字體樣式: Regular
字體大。 12pt
字體顏色: #fcc757
We Socialize
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁模板,設(shè)計(jì)酒吧主題網(wǎng)頁模板實(shí)例
- ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁模板教程
- ps cs6設(shè)計(jì)時(shí)尚促銷專題頁教程
- ps cs6設(shè)計(jì)個(gè)人作品網(wǎng)頁模板教程
- ps黑色風(fēng)格網(wǎng)頁模板
- ps一個(gè)木紋風(fēng)格網(wǎng)頁模板
- PS設(shè)計(jì)一個(gè)葡萄酒博客網(wǎng)頁模板
- 如何設(shè)計(jì)與PSD模板標(biāo)題導(dǎo)航菜單教程
- ps設(shè)計(jì)心形網(wǎng)頁模板教程
- ps設(shè)計(jì)時(shí)尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模
推薦教程
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁布局
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop制作禮品店網(wǎng)站模板
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- Photoshop網(wǎng)頁設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- Photoshop繪制好看的老式wordpress主題
- photoshop網(wǎng)頁應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁特效