ps cs6設計個人作品網頁模板教程

2024-01-17 17:38:36 來源/作者: / 己有:0人學習過

改變前景色為 #FFFFFF,選擇文字工具,選擇安裝好的字體,大小16pt,寫上你的英文名,移動到距頭像下25px的位置,確保在第三條參考線的中間。

Photoshop設計時尚的個人作品網頁界面

Step 8

現在為自己添加點個人介紹吧,作者使用的字體大小14pt,距名字20px,這樣界面看起來有呼吸感。

Photoshop設計時尚的個人作品網頁界面

Step 9

棒極了,現在繼續(xù)在左側欄的圖層組下新建一個圖層組,命名為社交媒體。把素材里的圖標拖進組里,雙擊圖層,顏色疊加——選擇白色。將圖層樣式復制到其他圖標上。

Photoshop設計時尚的個人作品網頁界面

圖標間距調整為10px,整個圖標的圖層組距離 簡介 20px

Photoshop設計時尚的個人作品網頁界面

 

Step 10

選擇直線工具,前景色為白色,大小1px,在圖標下方50px處畫一條直線,長度:從邊緣到第四條參考線

Photoshop設計時尚的個人作品網頁界面

為了視覺微妙點,將圖層不透明度調整到10%

Photoshop設計時尚的個人作品網頁界面

Step 11

繼續(xù)新建一個圖層組,命名為導航。把素材的矢量圖標拖進來,大小調整為13*16px,將這個圖標命名為作品。

雙擊圖層,顏色疊加:#d35136,位置:直線下方40px,緊貼第一條垂直參考線。

Photoshop設計時尚的個人作品網頁界面

Step 12

使用 14pt 大小的文字,寫上作品,或者Work,位置:第二條參考線處,水平方向與圖標對齊。

前景色改成#424a51,繼續(xù)文字工具打字,內容隨喜,大小14pt,行距設置成24pt,完成后將這個目錄圖層移到距「作品」下方24px處

Photoshop設計時尚的個人作品網頁界面

Step 13

當點擊時,我們需要使鏈接變亮,所以改變Lastest的文字顏色為白色。

Photoshop設計時尚的個人作品網頁界面

Step 14