版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
1、第一步為了方便布局,我們將要使用到960s柵格系統(tǒng)(從這里下載)。下載完成后,打開”960_grid_12_col.psd”文件。這個文件的高度小于我們最終的設計。因此,我們選擇圖像>畫布大小>高度:1558像素。我們傾向于去除”粉色條紋”,如果你想隱藏它,在圖層面板中將圖層可視化關閉。我們還需要打開標尺和參考線。因此我們將視圖>顯示額外內(nèi)容/標尺/對齊勾選上(這樣元素就便于和我們的參考線對齊了)。第二步我們現(xiàn)在來創(chuàng)建背景。在圖層面板中,右鍵點擊背景圖層,選擇背景圖層,重命名為”bg”。在”bg”圖層上點擊右鍵,選擇”混合選項”,選擇”顏色疊加”,選擇背景色#dbdbdb?,F(xiàn)
2、在選擇”bg”圖層,選擇圖層>新建>圖層命令,重命名為”noise”。現(xiàn)在我們應用一個簡單的雜色質(zhì)感,選擇”noise”圖層,將其填充為白色(#ffffff)。選擇濾鏡>雜色>添加雜色>數(shù)量:50%,分布:平均分布。將圖層混合模式更改為:正片疊底,將圖透明度降低為15%。我們來使用矩形工具創(chuàng)建一個柔和的陰影效果。創(chuàng)建一個780×1800像素的矩形,將填充不透明度設置為0%,在混合選項面板中,設置投影效果為如下圖片所示:第三步讓我們開始創(chuàng)建頁頭部分。使用矩形工具(u)創(chuàng)建一個780×170像素的矩形,填充為#7db222(你也可以選取其他顏色,整
3、個教程里的顏色都是統(tǒng)一的)。然后設置如下圖層樣式。第四步現(xiàn)在給頁面增加標題。選取水平文字工具(t),鍵入你的網(wǎng)站名稱,使用如下文字設置:字體:delicious(下載)大?。?0pt樣式:斜體抗鋸齒設置:平滑顏色:#ffffff字距:適合視覺字符間距:-50之后給文字應用如下圖所示的圖層樣式:現(xiàn)在添加副標題。選取水平文字工具(t),鍵入你的副標題,使用如下文字設置:字體:delicious(下載)大?。?2pt樣式:斜體抗鋸齒設置:平滑顏色:無(填充不透明度為0%)字距:適合視覺字符間距:-50之后給文字應用投影和顏色疊加,使用如下圖所示的圖層樣式設置:第五步我們來開始創(chuàng)建區(qū)塊。使用矩形工具(
4、u),創(chuàng)建一個780×360像素大小的矩形,命名為”personal_bg”。打開混合選項面板設置投影、內(nèi)陰影以及顏色疊加,如下圖所示:第六步下載給我們的個人照片部分創(chuàng)建一個方框。使用矩形工具(u),創(chuàng)建一個220×220像素大小的矩形,填充為#ffffff。給它應用如下圖所示的圖層樣式:第七步創(chuàng)建社會性圖標方框,使用圓角矩形工具(u),創(chuàng)建一個45×165像素大小的矩形,半徑:5像素,將其命名為”social box”,填充為#7db222?,F(xiàn)在創(chuàng)建折角。使用同樣的工具創(chuàng)建一個20×20像素大小的矩形,半徑:5像素,命名為”social fold”,將
5、其放置于”personal_bg”圖層的下方。然后按下ctrl+t將其翻轉45度?,F(xiàn)在應用如下混合選項設置:第八步現(xiàn)在放置社會性網(wǎng)站圖標。首先下載這些矢量社會性網(wǎng)站圖標,然后如下圖放置五個圖標(24×24像素):第九步現(xiàn)在創(chuàng)建”聯(lián)系”按鈕。使用矩形工具(u),創(chuàng)建一個170×50像素大小的矩形。填充為#7db222,命名為”contact”。選擇此圖層的矢量蒙板,選取”添加錨點工具”,在矩形的左邊中間處創(chuàng)建一個錨點。然后選擇”轉換點”工具,在同一錨點處單擊并將其移動到左邊。現(xiàn)在形狀已經(jīng)完成了,按照慣例,添加如下混合選項效果:現(xiàn)在將”social fold”圖層復制一遍,命名
6、為”contact fold”(很顯然它必須放置于”personal_bg”圖層的下方)。第十步現(xiàn)在給”聯(lián)系”按鈕添加文字。選取水平文字工具(t),鍵入你的文字,使用如下設置:字體:delicious(下載)大?。?2pt樣式:roman抗鋸齒設置:平滑顏色:#ffffff字距:適合視覺字符間距:-50然后給文字應用如下圖所示的陰影效果:第十一步給區(qū)塊部分添加標題。選取水平文字工具(t),鍵入你的文字,使用如下設置:字體:delicious(下載)大?。?6pt樣式:roman抗鋸齒設置:平滑顏色:#7db222字距:適合視覺字符間距:-50然后給文字應用如下圖所示的陰影和顏色疊加效果:第十二
7、步選取水平文字工具(t),鍵入你的文字,使用如下設置:字體:delicious(下載)大?。?6pt樣式:roman抗鋸齒設置:平滑顏色:#7db222(綠色)或者 #a4a6a6(灰色)字距:適合視覺字符間距:-50然后給文字應用如下圖所示的陰影和顏色疊加效果:第十三步如同上一步創(chuàng)建區(qū)塊一樣,使用矩形工具(u),創(chuàng)建一個780像素寬,不定高度(取決于內(nèi)容)的矩形,將其命名為”content_bg”,然后將其放置于如下圖所示的”personal_bg”的下方。第十四步為區(qū)塊部分創(chuàng)建標題。選取水平文字工具(t),鍵入你的文字,使用如下設置:字體:delicious(下載)大?。?6pt樣式:ro
8、man抗鋸齒設置:平滑顏色:#7db222字距:適合視覺字符間距:-50然后給文字應用和”personal details”部分一樣的投影效果:第十五步現(xiàn)在添加第一個副標題。選取水平文字工具(t),鍵入你的文字,使用如下設置:字體:delicious(下載)大?。?6pt樣式:roman抗鋸齒設置:平滑顏色:#7db222字距:適合視覺字符間距:-50然后給文字應用如下圖所示的投影和顏色疊加效果:第十六步然后添加第二個副標題。選取水平文字工具(t),鍵入你的文字,使用如下設置:字體:delicious(下載)大?。?2pt樣式:斜體抗鋸齒設置:平滑顏色:#a4a6a6字距:適合視覺字符間距:-
9、50然后給文字應用如下圖所示的投影和顏色疊加效果:第十七步最后是內(nèi)容。選取水平文字工具(t),鍵入你的文字,使用如下設置:字體:helvetica大小:17pt樣式:正??逛忼X設置:平滑顏色:#7a4a6a6字距:metrics字符間距:-50leading:28pt第十八步現(xiàn)在創(chuàng)建年份圖層。如同”聯(lián)系按鈕”,使用矩形工具(u)創(chuàng)建相同的形狀,但是尺寸為100×36像素。復制”contact flod”圖層,類似的,創(chuàng)建”year fold”。第十九步現(xiàn)在給按鈕添加年份文字。選取水平文字工具(t),鍵入你的文字,使用如下設置:字體:delicious(下載)大小:25pt樣式:rom
10、an抗鋸齒設置:平滑顏色:#ffffff字距:適合視覺字符間距:-50然后應用如”context”文字一樣的投影效果,最終你會得到類似于下圖的效果。第二十步如同上面的步驟一樣,創(chuàng)建一個區(qū)塊。使用矩形工具(u),創(chuàng)建一個780像素寬的矩形,命名為”contact_bg”。使用矩形工具創(chuàng)建最后的條紋部分。創(chuàng)建一個780×15像素大小的矩形,填充為#7db222。第二十一步為區(qū)塊創(chuàng)建標題。選取水平文字工具(t),鍵入你的文字,使用如下設置:字體:delicious(下載)大?。?6pt樣式:roman抗鋸齒設置:平滑顏色:#7db222字距:適合視覺字符間距:-50第二十二步現(xiàn)在添加標簽文
11、字。選取水平文字工具(t),鍵入你的文字,使用如下設置:字體:delicious(下載)大?。?6pt樣式:roman抗鋸齒設置:平滑顏色:#7db222字距:適合視覺字符間距:-50然后給上面這兩步中的文字應用投影效果。第二十三步創(chuàng)建文字輸入?yún)^(qū)域。使用矩形工具(u),創(chuàng)建一個210×33像素大小的矩形,填充為#f4f4f4。打開混合選項面板,應用如下圖所示的值:現(xiàn)在使用相同的方法創(chuàng)建所有的文字輸入?yún)^(qū)域,只有右邊的大區(qū)域的尺寸為300×200像素。第二十四步現(xiàn)在創(chuàng)建”發(fā)送信息”按鈕。使用矩形圓角工具(u),創(chuàng)建一個210×33像素大小的矩形,半徑:5像素,填充為#7db222。混合選項效果如下圖所示:第二十五步最后,為”發(fā)送信息”按鈕創(chuàng)建文字。選取水平文字工具(t),鍵入你的文字,使用如下設置:字體:de
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 廣東司法警官職業(yè)學院《新聞學理論》2023-2024學年第一學期期末試卷
- 廣東省外語藝術職業(yè)學院《數(shù)字營銷傳播》2023-2024學年第一學期期末試卷
- 廣東輕工職業(yè)技術學院《土木工程CAD與BM》2023-2024學年第一學期期末試卷
- 廣東女子職業(yè)技術學院《物流信息系統(tǒng)設計》2023-2024學年第一學期期末試卷
- 廣東茂名幼兒師范??茖W?!侗瓢踩夹g及工程》2023-2024學年第一學期期末試卷
- 五年級數(shù)學(小數(shù)乘除法)計算題專項練習及答案
- 法律基礎(西南政法大學)學習通測試及答案
- 全國2021屆高三英語試題8、9月分類解析:E單元-短文改錯
- 2025年人教版八年級數(shù)學寒假預習 第01講 二次根式(3個知識點+5大考點舉一反三+過關測試)
- 【原創(chuàng)】2013-2020學年高二數(shù)學必修五導學案:2.3.2-等比數(shù)列的通項公式
- 煤氣化工藝路線的比較
- 寶石學 第11章 有機寶石.
- SAP-按銷售訂單采購生產(chǎn)系統(tǒng)實現(xiàn)之配置和操作
- 《安寧療護培訓》PPT課件
- 第5章煤炭氣化技術
- 全口義齒修復匯總
- 公墓施工組織設計
- 業(yè)余無線電臺設置(變更)申請表
- 擔保公司員工守則(共18頁)
- 錄音藝術教學大綱
- 初中化學教學中的教學瓶頸及解決策略探討
評論
0/150
提交評論