☆☆☆☆☆
簡體網頁||繁體網頁



點擊這裡下載

類似圖書 點擊查看全場最低價

---

編輯推薦

　　16段本書實例視頻
　　50個Photoshop實例素材文件

內容簡介

　　Photoshop是當前最流行的圖形圖像處理軟件之一，廣泛應用於廣告、平麵設計及網頁製作等領域。《創意：Photoshop CS5網頁設計與配色實戰攻略》詳細介紹網頁設計理論、網站的布局結構等知識，涵蓋網頁設計人員應該掌握的所有知識和操作技法。《創意：Photoshop CS5網頁設計與配色實戰攻略》的內容包括網頁設計中色彩的應用、版麵的設計、文字特效、按鈕的製作及應用；如何使用Photoshop製作網頁動畫如Banner、導航條和網絡廣告；網頁其他組成部分的設計和製作、優化Web頁和網頁界麵特效實例等。
　　《創意：Photoshop CS5網頁設計與配色實戰攻略》既適閤研究網頁美工的網頁設計師，又適閤網頁製作初學者學習使用，是一本美術院校網頁美工與設計製作的推薦教材，適用於網頁設計師、網站編輯和美工、平麵設計從業者、在校師牛、社會培訓班以及網頁設計愛好者。

內頁插圖

目錄

01 PhotoshopCS5網頁設計
1.1 網頁界麵的構成要素
1.2 網頁設計的審美需求
1.3 網頁設計的藝術錶現
1.4 網站策劃
1.5 網頁效果圖設計流程概述
1.6 圖像管理

02 Photoshop網頁圖像設計基礎
2.1 圖層
2.1.1 【圖層】麵闆
2.1.2 圖層基本操作
2.2 圖層樣式
2.3 選區與路徑
2.3.1 選區
2.3.2 路徑
2.4 混閤模式
2.4.1 混閤模式概述
2.4.2 混閤模式類型
2.5 濾鏡效果

03 Photoshop網頁圖像設計應用
3.1 快速製作Web文件
3.2 創建與編輯切片
3.2.1 創建切片
3.2.2 編輯切片
3.3 優化與導齣切片圖像
3.4 動畫麵闆
3.4.1 幀動畫麵闆
3.4.2 時間軸動畫麵闆
3.5 逐幀與過渡動畫
3.5.1 創建逐幀動畫
3.5.2 創建過渡動畫
3.6 時間軸動畫

04 網頁設計元素之導航Banner設計
4.1 網頁導航Banner概述
4.2 練習：美食網站Banner製作
4.3 練習：服裝網站Banner製作
4.4 練習：飾品網站動態Banner製作
4.5 練習：茶葉網站靜態Banner製作
4.6 練習：公益網頁動畫Banner設計
4.6.1 製作放映欄
4.6.2 製作動畫Banner
4.7 練習：攝影網頁動畫Banner製作
4.7.1 製作背景
4.7.2 製作放映欄
4.7.3 製作動畫Banner

05 網頁設計元素之圖標設計
5.1 網頁圖標概述
5.1.1 圖標概念
5.1.2 網頁圖標應用
5.2 練習：商業網站導航圖標製作
5.3 練習：獨立按鈕製作
5.4 練習：靜態LOGO圖標製作
5.5 練習：網站標誌製作
5.6 練習：個人網站動態LOGO製作
5.7 練習：動態圖標製作

06 網頁設計元素之特效文字設計
6.1 特效文字在網頁中的應用
6.2 練習：珠寶特效文字
6.3 練習：射綫特效文字
6.4 練習：鑽石特效文字
6.5 練習：火焰特效文字
6.6 練習：金屬特效文字
6.7 練習：糖果特效文字
6.7.1 製作糖果文字
6.7.2 調整整體效果

07 網頁設計元素之網絡廣告設計
7.1 網絡廣告構成元素
7.1.1 網絡廣告形式
7.1.2 網頁廣告色彩應用
7.2 練習：彈齣式窗口動畫廣告
7.3 練習：靜態全屏廣告
7.4 練習：橫幅動畫廣告
7.4.1 製作效果動畫
7.4.2 製作文字動畫

08 網頁色彩基礎知識
8.1 認識網頁色彩
8.2 色彩理論
8.2.1 色彩與視覺原理
8.2.2 色彩三要素
8.2.3 色彩的混閤
8.3 色彩管理
8.3.1 色彩模式
8.3.2 色彩模式轉換
8.4 216網頁安全色
8.5 網頁配色
8.5.1 網頁自定義顔色
8.5.2 色彩推移
8.5.3 色彩采集

09 色彩情感解碼
9.1 色彩分析
9.1.1 色相情感
9.1.2 色調聯想
9.1.3 色彩知覺
9.2 色彩搭配方式
9.2.1 色彩調和
9.2.2 色彩對比
9.2.3 色彩呼應
9.2.4 色彩重點
9.2.5 色彩平衡

10 網頁設計中的色彩應用
10.1 網頁色彩分類
10.1.1 靜態與動態色彩
10.1.2 強調色彩
10.2 網頁色彩規則
10.2.1 網頁各要素的色彩搭配
10.2.2 網頁色彩搭配規律
10.2.3 網站整體色彩規則
10.3 網站色彩分析
10.3.1 網站風格與色彩設計
10.3.2 網站主題與色彩設計
10.3.3 同色調的不同風格網站
……

11 企業類網站設計
12 藝術類網站設計
13 餐飲類網站設計
14 休閑類網站設計
15 旅遊類網站設計
16 購物類網站設計

精彩書摘

　01Photoshop CS5創意+：Photoshop CS5網頁設計與配色實戰攻略創意+：Photoshop CS5網頁設計與配色實戰攻略PHOTOSHOP2PHOTOSHOPPHOTOSHOP1.1　網頁界麵的構成要素網頁是通過視覺元素的引人注目而實現信息內容的傳達的，為瞭使網頁獲得最大的視覺傳達功能，使網絡真正成為可讀性強而且新穎的媒體，網頁的設計必須適應人們視覺流嚮的心理和生理特點，並由此確定各種視覺構成元素之間的關係和秩序。1．網頁顯示尺寸網頁在屏幕上顯示的頁麵尺寸和顯示器大小及分辨率有關係，網頁的局限性在於網頁無法突破顯示器的範圍，而且瀏覽器本身也將占去不少空間，因此留給網頁的頁麵範圍變得越來越小。一般來說，當顯示器分辨率為1024×768時，頁麵的顯示尺寸為1002×600像素；當顯示器分辨率為800×600時，頁麵的顯示尺寸為780×428像素，如圖1-1所示。從以上數據可以看齣，分辨率越高頁麵的尺寸就越大。圖1-1 不同分辨率下的網頁顯示瀏覽器的工具欄也是影響頁麵尺寸的因素。目前一般的瀏覽器的工具欄都可以取消或者增加，那麼當顯示全部工具欄和關閉全部工具欄時，頁麵的尺寸是不一樣的。提示2．網頁中的五大元素瞭解網頁中的基本元素，可使瀏覽者對網頁中各部分內容的安排有總體認識。在網頁設計過程中，嚮下拖動頁麵是唯一給網頁增加更多內容的方法。但是除非站點的內容能夠吸引大傢拖動，否則不要讓訪問者拖動頁麵超過三屏高。如果需要在同一頁麵顯示超過三屏的內容，那麼最好能在上麵做上頁麵內部連接，方便訪問者瀏覽。另外還需要考慮到網頁元素——圖片、文本、多媒體，以及頁眉和頁腳等，如圖1-2所示。頁眉 又可稱之為頁頭，其作用是定義頁麵的主題。比如一個站點的名字多數都顯示在頁眉裏，這樣，訪問者能很快瞭解該網頁的主要內容。在頁眉部分通常放置站點名字、圖片和公司標誌以及旗幟廣告。文本 在頁麵中文本多數是以行或者塊（段落）齣現的，它們的擺放位置決定著整個頁麵布局的可視性。隨著DHTML（動態HTML）的普及，文本、段落已經可以通過層的概念按要求放置到頁麵的任何位置。頁腳 是指在頁麵最下方的一塊空間，它和頁眉相呼應。頁眉是放置站點主題和標識的地方，而頁腳則通常是放置製作者、公司相關信息、版權的地方，有時候，還會放置一個導航欄。1024×768 800×600013PHOTOSHOP第1章 Photoshop CS5網頁設計PHOTOSHOP圖1-2 網頁中的基本元素圖片 圖片和文本是網頁的兩大構成核心，缺一不可。如何處理好圖片和文本的排列放置關係成瞭整個頁麵布局的關鍵。多媒體 除瞭文本和圖片，還有聲音、動畫、視頻等其他媒體。雖然它們不經常被利用，但隨著動態網頁的興起，它們在網頁布局上也將變得更重要。人們對美的追求是不斷提高的，網頁設計同樣如此。為使受眾能更好地、更有效率地接收網頁上的信息，這就需要從審美的方麵入手。網頁設計的審美需求是對平麵視覺傳達設計美學的一種繼承和延伸，兩者的錶現形式和目的都有一定的相似性。把傳統平麵設計中美的形式規律同現代網頁設計的具體問題結閤起來，運用一些平麵設計中美的基本形式到網頁中去，可以增加網頁的美感和大眾的視覺審美需求。首先，網頁的內容與形式的錶現必須統一和具有秩序，形式錶現必須服從內容要求，網頁上各種構成要素之間的視覺流程，能自然而有序地達到信息訴求的重點位置。在把大量的信息放到網頁上的時候，要考慮怎樣把它們以閤理、統一的方式排列，使整體感強的同時又要有變化，如圖1-3所示。圖1-3 網頁內容與形式的統一PHOTOSHOP1.2　網頁設計的審美需求創意+：Photoshop CS5網頁設計與配色實戰攻略創意+：Photoshop CS5網頁設計與配色實戰攻略PHOTOSHOP4PHOTOSHOP其次，網頁要突齣主題要素，必須在眾多構成要素中突齣一個清楚的主體，它應盡可能地成為閱讀時視綫流動的起點，如圖1-4所示。如果沒有這個主體要素，瀏覽者的視綫將會無所適從，或者導緻視綫流動偏離設計的初衷。作為形式美的法則， 也隨著時代的變化而不斷發展進步，特彆是在生活節奏如此快的互聯網時代，由於追求目標的變化，人們的審美觀念也在不斷地變化，但是美的本質是一樣的。圖1-4 突齣網頁主題網頁作為一種新的視覺錶現形式，它的發展雖然沒有多長時間，但它兼容瞭傳統平麵設計的特徵，又具備其所沒有的優勢，網頁已成為信息交流的一個非常有影響的途徑。所以網頁在一定意義上也是一種藝術品，因為它既要求文字的優美流暢，又要求頁麵的新穎、整潔，而色彩的應用可以産生強烈的視覺效果，使頁麵更加生動。1．秩序産生美感秩序是通過對稱、比例、連續、漸變、重復、放射、迴鏇等方式，錶現齣嚴謹有序意境的設計理念，是創造形式美感的最基本的方式之一，如圖1-5所示。2．和諧産生美感和諧是以美學上的整體性觀念為基礎的。構成界麵形式的文字、圖形、色彩等因素之間相互作用，相互協調映襯，都為界麵的功能美與形式美服務，如圖1-6所示。3．變化産生美感變化的法則體現瞭設計存在的終極意義，即不斷推陳齣新、創造新的形式。圖1-7所示為具有創意的網頁效果。PHOTOSHOP1.3　網頁設計的藝術錶現圖1-5 秩序美圖1-6 和諧美圖1-7 變化美
……

前言/序言

　　Photoshop CS5被業界公認為是圖形圖像處理專傢，也是全球性的專業圖像編輯行業標準。該軟件在網頁前期設計中，無論是色彩的應用、版麵的設計、文字特效、按鈕的製作，還是網頁動畫如Banner、導航條和網絡廣告的製作，均占有重要地位。而本書在提供大量的網頁設計實例的同時，還介紹如何使用Photoshop CS5設計與製作各種網頁圖像效果。
1．本書主要內容
　　全書共分為16章，內容概括如下。
　　第1章簡要介紹網頁設計的相關知識，以及在設計網頁之前所要瞭解的網頁製作流程。
　　第2、3章則根據網頁設計所用到的關於Web的專業知識，講解Photoshop的部分功能，使讀者在製作網頁圖像之前熟練掌握Photoshop的製圖功能。
　　第4章介紹網頁中裝飾效果最為強烈的Banner設計方法，包括靜態Banner與動畫Banner。
　　第5、6章分彆從文字與圖像方麵，講解網頁中LOGO以及圖標的製作方法，並且根據製作過程中所遇到的難點進行詳細地介紹。
　　第7章詳細介紹網站建立的附加元素——各種類型、各種方式的網絡廣告的製作方法。
　　第8章介紹色彩以及網頁色彩的基本知識，這樣為讀者瀏覽網站、設計網站打下一個良好的基礎。
　　第9章不僅介紹基本的網站製作技術，還講解網站的風格、配色等設計藝術。其中，色彩在網站設計中占據相當重要的地位。
　　第10章介紹如何有計劃性地進行色彩布局和色彩組閤，以突齣的色彩設計來形成網站的風格。
　　第11～16章分彆從企業、藝術、餐飲、休閑、旅遊以及購物等領域，介紹整體網頁界麵的設計要點與過程，使讀者能夠獨立地完成網站界麵的設計與製作。
2．本書特色
　　本書是一本全彩印刷的Photoshop網頁製作圖書，其版式具有雜誌版麵風格，富有時代氣息。
全麵係統 專業品質?本書全麵介紹如何使用Photoshop CS5設計與製作網站網頁圖像，書中實例經典、創意獨特、效果精美，並且搭配Photoshop專業知識以及網頁色彩搭配知識。
版式美觀 圖文並茂?本書采用全彩印刷，版式風格活潑、緊湊美觀；圖解和圖注內容豐富，抓圖清晰考究。
虛實結閤 超值實用?知識點根據實際應用安排，重點和難點突齣，對於主要理論和技術的剖析具有足夠的深度和廣度。在相同的內容下，篇幅縮減瞭30%，實例數量增加瞭50%。
書盤結閤 相得益彰?多媒體光盤提供瞭本書實例完整的素材文件和全程配音教學視頻文件，便於讀者自學和跟蹤練習本書內容。
3．隨書光盤內容
　　為瞭幫助讀者更好地學習和使用本書，本書專門配帶瞭多媒體學習光盤，光盤提供瞭本書實例源文件、最終效果圖和全程配音的教學視頻文件。本光盤使用之前，首先需要安裝光盤中提供的tscc插件纔能運行視頻文件。這3個文件夾的具體內容如下。
example文件夾提供瞭本書主要實例的全程配音教學視頻文件。
downloads文件夾提供瞭本書實例素材文件。
image文件夾提供瞭本書主要實例的最終效果圖。
4．讀者對象
　　本書凝結瞭作者使用Photoshop進行網頁設計和製作的切身感受，既適閤研究網頁美工的網頁設計師，又適閤網頁製作初學者學習，是一本美術院校網頁美工與設計製作的推薦教材，適用於網頁設計師、網站編輯和美工、平麵設計從業者、在校師生、社會培訓班以及網頁設計愛好者。
　　除瞭封麵署名人員之外，參與本書編寫的人員還有李乃文、孫岩、馬海軍、張仕禹、夏小軍、趙振江、李振山、李文采、吳越勝、李海慶、何永國、李海峰、陶麗、吳俊海、安徵、張巍屹、崔群法、王詠梅、康顯麗、辛愛軍、牛小平、賈栓穩、王立新、蘇靜、趙元慶、郭磊、徐銘、李大慶、王蕾、張勇、郝安林等。由於編者水平有限，書中難免會有疏漏之處，歡迎讀者通過清華大學齣版社網站與我們聯係，幫助我們改正提高。
　　
　　編者
　　2012年4月

創意：Photoshop CS5網頁設計與配色實戰攻略（附DVD－ROM光盤1張） 下載 mobi epub pdf txt 電子書

評分☆☆☆☆☆

2.2 圖層樣式

評分☆☆☆☆☆

行李袋放在門上方的一個擱物闆上，從我們住進大廈就在那兒。目前，袋子裏就隻有一個鐵盒子，葛洛麗婭藏著她的秘密。我無權打開它。

評分☆☆☆☆☆

2.3.1 選區

評分☆☆☆☆☆

　　第2、3章則根據網頁設計所用到的關於Web的專業知識，講解Photoshop的部分功能，使讀者在製作網頁圖像之前熟練掌握Photoshop的製圖功能。

評分☆☆☆☆☆

　　第11～16章分彆從企業、藝術、餐飲、休閑、旅遊以及購物等領域，介紹整體網頁界麵的設計要點與過程，使讀者能夠獨立地完成網站界麵的設計與製作。

評分☆☆☆☆☆

“是的，庫瑪。那時候，瓦斯利擁有高加索最美麗的果園。嘖嘖，你真應該看看！蘋果樹、梨樹、桃樹、杏樹，成畝成畝的樹林！一邊是河流，另一邊是鐵路……”

評分☆☆☆☆☆

1.道可道，非常道。名可名，非常名。無名天地之始。有名萬物之母。故常無欲以觀其妙。常有欲以觀其徼。此兩者同齣而異名，同謂之玄。玄之又玄，眾妙之門。 2.天下皆知美之為美，斯惡矣；皆知善之為善，斯不善已。故有無相生，難易相成，長短相形，高下相傾，音聲相和，前後相隨。是以聖人處無為之事，行不言之教。萬物作焉而不辭。生而不有，為而不恃，功成而弗居。夫唯弗居，是以不去。 3.不尚賢，使民不爭。不貴難得之貨，使民不為盜。不見可欲，使民心不亂。是以聖人之治，虛其心，實其腹，弱其誌，強其骨；常使民無知、無欲，使夫智者不敢為也。為無為，則無不治。 4.道衝而用之，或不盈。淵兮似萬物之宗。解其紛，和其光，同其塵，湛兮似或存。吾不知誰之子，象帝之先。 5.天地不仁，以萬物為芻狗。聖人不仁，以百姓為芻狗。天地之間，其猶橐迭乎？虛而不屈，動而愈齣。多言數窮，不如守中。 6.榖神不死是謂玄牝。玄牝之門是謂天地根。綿綿若存，用之不勤。 7.天長地久。天地所以能長且久者，以其不自生，故能長生。是以聖人後其身而身先，外其身而身存。非以其無私邪！故能成其私。 8.上善若水。水善利萬物而不爭，處眾人之所惡，故幾於道。居善地，心善淵與善仁，言善信，正善治，事善能，動善時。夫唯不爭，故無尤。 9.持而盈之不如其己；揣而銳之不可長保；金玉滿堂莫之能守；富貴而驕，自遺其咎。功遂身退，天之道。 10.載營魄抱一，能無離乎？專氣緻柔，能如嬰兒乎？滌除玄覽，能無疵乎？愛國治民，能無為乎？天門開闔，能為雌乎？明白四達，能無知乎。 11.三十幅共一轂，當其無，有車之用。埏埴以為器，當其無，有器之用。鑿戶牖以為室，當其無，有室之用。故有之以為利，無之以為用。 12.五色令人目盲，五音令人耳聾，五味令人口爽，馳騁畋獵令人心發狂，難得之貨令人行妨。是以聖人，為腹不為目，故去彼取此。 13.寵辱若驚，貴大患若身。何謂寵辱若驚？寵為下。得之若驚失之若驚是謂寵辱若驚。何謂貴大患若身？吾所以有大患者，為吾有身，及吾無身，吾有何患。故貴以身為天下，若可寄天下。愛以身為天下，若可托天下。 14.視之不見名曰夷。聽之不聞名曰希。摶之不得名曰微。此三者不可緻詰，故混而為一。其上不??，其下不昧，繩繩不可名，復歸於無物。是謂無狀之狀，無物之象，是謂惚恍。迎之不見其首，隨之不見其後。執古之道以禦今之有。能知古始，是謂道紀。 15.古之善為士者，微妙玄通，深不可識。夫唯不可識，故強為之容。豫兮若鼕涉川；猶兮若畏四鄰；儼兮其若容；渙兮若冰之將釋；敦兮其若樸；曠兮其若榖；混兮其若濁；澹兮其若海；??兮若無止。孰能濁以靜之徐清。孰能安以動之徐生。保此道者不欲盈。夫唯不盈故能蔽而新成。 16.緻虛極守靜篤。萬物並作，吾以觀復。夫物蕓蕓各復歸其根。歸根曰靜，是謂復命；復命曰常，知常曰明。不知常，妄作凶。知常容，容乃公，公乃全，全乃天，天乃道，道乃久，沒身不殆。 17.太上，下知有之。其次，親而譽之。其次，畏之。其次，侮之。信不足焉，有不信焉。悠兮其貴言，功成事遂，百姓皆謂∶我自然。 18.大道廢有仁義；慧智齣有大僞；六親不和有孝慈；國傢昏亂有忠臣。 19.絕聖棄智，民利百倍；絕仁棄義，民復孝慈；絕巧棄利，盜賊無有；此三者，以為文不足。故令有所屬，見素抱樸少私寡欲。 20.絕學無憂，唯之與阿，相去幾何？善之與惡，相去若何？人之所畏，不可不畏。荒兮其未央哉！眾人熙熙如享太牢、如春登颱。我獨泊兮其未兆，如嬰兒之未孩；????兮若無所歸。眾人皆有馀，而我獨若遺。我愚人之心也哉！沌沌兮。俗人昭昭，我獨昏昏；俗人察察，我獨悶悶。眾人皆有以，而我獨頑且鄙。我獨異於人，而貴食母。 21.孔德之容惟道是從。道之為物惟恍惟惚。惚兮恍兮其中有象。恍兮惚兮其中有物。窈兮冥兮其中有精。其精甚真。其中有信。自古及今，其名不去以閱眾甫。吾何以知眾甫之狀哉！

評分☆☆☆☆☆

內容真的是一般，不是想要的那種。

評分☆☆☆☆☆

虛實結閤 超值實用

類似圖書 點擊查看全場最低價