1、求取一份用ps cc設計的web網頁和移動界面設計的視頻教程,謝謝
1、首先需要創建一個新文檔,大小 1200*1172px,背景設置為#efefef
2、使用矩形工具,在所創建新的圖層內一個大的灰色矩形,命名「Grey」,大小1200*62px。
3、為這個Grey矩形添加如下圖層樣式。
4、在Grey圖層上方再新建一個圖層Image,再該層添加另一個形狀,但這次我將使用圓角矩形工具。加入選擇一張如下圖漂亮的夢幻圖片。
5、對這張夢幻圖片,添加一些圖層樣式,如下。
6、在大圖片下面,繼續創建4個小矩形。嘗試使用不同的顏色。
我使用的尺寸是222*182px。顏色值分別是:#f15522、#66aa44、#eea411、#1188cc
7、現在我們做一下小顏色塊上的高光效果。
創建另一個層(按CTRL + SHIFT + ALT + N),在高光層內,添加白色到透明的徑向漸變。
8、調整該高光層的混合模式為疊加,同時改變不透明度為50%.
9、復制該高光層到每個顏色圖層上方。
10、接下來做導航部分。
在網站布局的頂部,將創建一個新的矩形。
11、對該層使用下面的圖層樣式。
12、創建一個小圓橢圓工具,直徑22px。
13、對這個小圓,添加下面的圖層樣式。
14、現在進行圓形的重要的調整,刪除圓形下半部。有兩種方法:
①、首先需要右鍵單擊層在你的圖層面板中,然後使用矩形選框工具選擇的下半部分的圓圈,按鍵盤上按上刪除。
②、另一種方式是柵格化的該圓形路徑,使用橡皮擦。
15、為導航添加Icon。
這個導航樣式適合比較簡約版Icon,並做出凹陷進去的圖層質感。
16、對於所有這些Icon,添加下面的圖層樣式。
17、在Icon之間,加入一些垂直分割線。
18、分割線設置如下的圖層樣式。
19、下一步是為網頁加入Logo。
20、使用圓角矩形工具,在Image圖層底部添加另一個的形狀。
21、為該矩形添加下面的圖層樣式。
22、使用橢圓工具繼續添加一些小圓形。
23、在顏色矩形右上方,使用橢圓工具繪制一個圓形。
24、選擇圓形圖層,創建剪切模板。
25、對於這個白色圖形,添加下面的圖層樣式
26、復制該樣式,到每個顏色框的右上方,並保持相同的空間比例。
27、然後添加另一個圖標,和一些標題文本。
28、繼續完善內容,注意正文內容較多時,要文字比例比較小,同時採用與標題字顏色反差,這樣能突顯出Title的醒目性,並在其間加入橫向分割線。
29、最後一個步驟,添加另一個文本與橫排文字工具。
30、這是最後的結果。希望你會喜歡它。
您可以使用該Web布局,加以細微的修改,使得它成為另一個Wordpress主題。
2、用Photoshop做網頁設計圖的教程有哪些
photoshop是處理圖片的軟體,並非做網頁的。
網頁需要格局,代碼等。如果只是拿PS做一張圖,再用firework去隔,會很簡單,很枯燥的。
再學學dreamweaver
3、ps網頁設計製作過程。
第一:整個網站的風格要把握 第二:圖片的處理,圖片的大小不能太大。 第三:安全性問題 第四:客戶的體驗。比如你的投票板塊放在哪裡客戶會給你投票而不是讓客戶反感
4、求ps網頁設計視頻教程全集下載
給你推薦個網站吧,上面有很多學習視頻資源,很詳細,講的也很到位,各種軟體學習資源都有,[url=http://www.51zxw.net/study.asp?vip=5214386]51自學網-專業培訓老師錄制的視頻教程,讓學習變得很輕松[/url]。。。真的不錯啊。
5、如何用photoshop進行網頁設計
你是想要在原來的設計下面加上一塊空白,那可以選擇「圖象」-「畫布大小」,在彈出的對話框中,先設置定位,如果在下面加長就點擊向上的鍵頭,這樣就會在原圖的下方加入空白,現在再輸入設定高度數字就OK了!
6、如何用Photoshop做網頁設計
如果是給個人做,怎麼做都無所謂。如果是在公司里給客戶做。這一步不可少,出了效果圖後,要給客戶看。等客戶確定不再修改時再做網頁,目的就在於防止客戶反復修改,動布局!
另外會做網頁效果圖,代表你的設計能力。用dreamweaver直接做的後果是邊想邊做,容易把設計思路搞混了!
據我所知,這樣的教程基本沒有。因為做網頁效果圖只要基本的操作,有時從別的網頁截一塊下來處理一下,直接用到自己的效果圖上。
一般顯示器解析度 寬:1024 高: 768 寬減去滾動條的寬度, 一般為1003-1004 不會有橫拉條 高度 根據頁而定
網頁設計需要的PS操作技術並不是很多,只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素,但是更多的是學習。
你可以從模仿別人的稿子開始,漸漸的融入自己的東西。
http://www.68design.net/
這個站每天都會有新的酷站收藏,也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。
要做好網頁設計,一定要多看,拚命的看並且吸收裡面的東西,看看高手們是怎麼處理細節的,這樣慢慢自然會有提高。
是否可以解決您的問題?
7、誰有ps做網頁設計再導入dw里做網頁設計的全部過程的視頻?
PS不支持做網頁的。PS最多做到的關於網頁的效果是:(1)網頁圖片效果預覽,或者是純圖片式的網頁,全無文字,做好後生成圖片轉換成網頁。(2)做好網頁效果,把文字部分全刪掉,只做留圖片,然後生成圖片,在dw裡面寫好網頁的框架,把圖片嵌到對應的位置。
所以結論是,PS不支持直接做網頁。如果你是做純圖片的網頁,保存的時候選存儲為web格式...,然後裡面選擇生成圖片+代碼,就行了。就會出來一個網頁,直接點擊就能打開。不過這樣的弊端是生成的代碼非常繁復,大部代碼都是沒有用的,而且代碼是不可修改的,一修改或者插入就會毀掉整個頁面。
8、如何在Photoshop中設計網頁的網格
設計網頁的網格方法1
第一種方法使用GuideGuide 卡梅倫McEfee建立垂直列。這Photoshop插件被認為是處於測試階段,但是從我與它的經驗的一切工作得很好,甚至有談GuideGuide 2的發布,其中將包括更多的功能。GuideGuide頁面上可以找到安裝說明。還有一個使用它的視頻教程是由羅素布朗一起在Adobe 。
成立於5秒您的網格
確定利潤率列和排水溝寬度,數量。然後點擊「創建指南」。
如果你設計樣稿的畫布寬,做快速的數學運算,使保證金長度要限制你的960像素的網格允許。例如,如果在畫布是1200像素寬,然後左,右邊緣將每個120像素。
例如12列設置為120像素的20萬像素的排水溝和利潤率。
您還可以設置基線網格這樣,但你最終很多導游。一個更好的選擇可能是方法上的一個有特色的的邁克貴金屬的方法及工藝視頻 ...
方法和工藝的可擴展的基線網格
這里是一個步驟的簡要介紹設立一個可擴展的基線網格。
建立網格的基準值,然後創建您的圖案模板。基線網格是由領先的正文中(或行高)。例如,如果您的設計的主體副本是在13點Helvetica,在18分的領先,那麼你將成立一個18像素的基線網格。
創建一個Photoshop文件,該文件是您的基線網格的高度,填補了底部的像素,並留下其餘的像素透明。在這種情況下,畫布的尺寸將1個像素寬和18像素高。
「全選」,然後保存為一個新的模式。您可以通過編輯→定義圖案...
轉到調整圖層→模式,並選擇新創建的網格圖案。
根據需要,調整不透明度。
列和基線網格1的方法的一個例子。
優點
你會得到一個可選的基線網格,您可以使用獨立的垂直的柱網。基線網格,可以創建視覺上的混亂,當在頂部的設計樣稿奠定。使用這種方法,它可以只在需要時進行切換。
如果你喜歡使用您的網格指南,這是更好的解決方案。
您可以隱藏和顯示網格通過一個簡單的快捷方式。
缺點
使用垂直參考線來標記文檔中的其他元素,可很難,因為你可能會混淆他們與電網。
方法2相比,網格你的選擇是不具體或全面(如設置的橫向模塊的高度)。
數學網格線的確定,不一定會配合像素網格。這意味著你的導游,可以在某些情況下,下降不均,並最終被定位實際像素的中間。
這種方法需要兩個獨立的進程相比只是一種方法,即將來創建一個垂直和基線網格,。
設計網頁的網格方法2
模塊化網格模式是所有功能於一身的的網格解決方案 。該工具創建一個垂直的柱狀網格和基線網格所有作為一個模式 。採用模塊化的網格模式有兩種方法 :
除了對Photoshop 的應用程序面板,這也適用於煙花,GIMP和微軟Expression設計 。請注意,您必須有最新的軟體(Adobe CS5或等值的其他應用程序之一中)和本小組的互聯網連接工作。話雖這么說,如果您已經創建了一個模式,並將其保存在資料庫中,然後你就可以訪問它,而無需任何其他 。
Web應用程序
瀏覽器,Firefox,Safari和Opera。Web應用程序使您可以創建一個網格模式和所有格式的瀏覽器直接下載 。
無論你選擇,隨便挑一個模塊的寬度,排水溝寬度和基線數量,以及模塊化的網格模式,沒有休息。您也可以指定一個水平模塊的高度。
9、Photoshop網頁設計入門訓練視頻教程-CGTSJ-VX3136的解壓密碼
請問在哪裡下載的?然後我給您找一下看看能否找到解壓密碼~
10、學網頁設計,用photoshop製作網頁,該怎麼學?
看來我有必要再重申一下我的觀點,網頁設計顯然已經飽和了,不再是過去一個靜態網頁都上百的時代了,做網頁想獨創?不可能,除非你很頂尖很有主導地位,網頁永遠都是互相雷同的,不能否認,只有借鑒才會有更多的優秀作品面世,現在靠做網頁混飯吃很吃力了,至少現在成本越來越低,收費也越來越低,我所說的flash現在還沒有飽和,依然有活力的,不過flash的命運是被另一個動畫軟體所代替,但是flash的性質會一直延續下去,這符合傳統動畫不消失的特性,3D現在尚未成熟,成本過高,現在的廣告動畫用flash做多輕松,我不認為我所說的是錯誤的,PS切片後導出這是我之前的做法,但是現在當然是在PS里做效果圖啦,不過網頁設計沒那麼復雜,不用PS導出切片照樣可以做的很好,現在做CSS還是可以的,加上PS,應該還是可以,但是現在單單會一樣顯然是不行的,得追隨潮流,要學習新的事物,很多公司都是要求會的種類要多,但是不一定都精,精一樣就可以了,CSS還是不錯的,你攻克一下PS吧,不錯的打算,網上視頻不可不看,那是基礎,如果連基礎都不願意看,那怎麼能學好呢,最好還是跟有老資格的同事學習,進步會很快的.
順便說一句,不要隨意駁斥他人,看清再說,每個人的觀點縱使有偏差,有少許的錯誤,但是犯不著互相攻擊,認識不同才能造就豐富多彩的社會.