国产乱视频网站_久久亚洲一区二区三区四区_免费高清一级毛片_国产精品电影_国产精品乱码一区二区三区_美女天堂网

PS設計教程網歡迎你!

Fireworks打造專屬的UI套件教程(3)

文章來源于 優設,感謝作者 情非得已 給我們帶來經精彩的文章!
設計教程/設計教程/FireWorks教程2014-01-28
15.關閉開關 編組打開開關,放在按鈕的右邊。 復制打開開關,將On改成Off,文本移動到右端。將兩個圓移動到左端,調整陰影向右移動4px。 16.個人資料 畫一個200x170px的矩形,一定要確保個人資料框個文檔中其他組件

15.關閉開關

Fireworks打造專屬的UI套件教程

編組打開開關,放在按鈕的右邊。

復制打開開關,將On改成Off,文本移動到右端。將兩個圓移動到左端,調整陰影向右移動4px。

16.個人資料

Fireworks打造專屬的UI套件教程

畫一個200x170px的矩形,一定要確保個人資料框個文檔中其他組件對齊,最好之前先整理一下按鈕、標簽、開關。然后填充顏色#FFFFFF 邊框 1px 顏色#999999.

現在,在個人資料框上方畫一個200x82px的矩形,邊框1px border顏色 #0F3756.

17.個人資料細節

Fireworks打造專屬的UI套件教程

在預設面板中,選擇漸變>線性,三種顏色: #2685C9, #268EDE, #1F6EA7,

復制該矩形,粘貼到上方。寬度和高度各減少2px,添加邊框1px顏色#2B93E3.

18.個人資料細節2

Fireworks打造專屬的UI套件教程

使用Arvo字體,大小 20, 顏色 #0D2C42,在個人資料框上部分輸入姓名,然后居中。

復制并粘貼文本,顏色改為#FFFFFF 下移1px

19.個人資料中的圖片

Fireworks打造專屬的UI套件教程

粘貼你的個人頭像,大小設為60x60px。在圖像上方畫一個圓,確保圓無填充無邊框。

同時選擇圓和圖像。修改>蒙版>組合為蒙版。

重新復制這個圓,添加 2px顏色FFFFF 的邊框

20.對齊面板

Fireworks打造專屬的UI套件教程

利用對齊面板,可實現個人頭像快速居中。

窗口>對齊打開對齊面板

點擊個人頭像,再點擊個人資料框,然后進行對齊。

21.個人資料中的簡歷文本

Fireworks打造專屬的UI套件教程

簡歷文本部分使用 Arial in 13px 顏色#666666 for this text.

輸入完后記得居中對齊。

22.評星

Fireworks打造專屬的UI套件教程

按住工具欄中的形狀工具,你會發現星形,畫一個28x26px的星形,復制五次,每復制一個就把新星形放在前一個星形的右邊。

第一個星形的樣式和步驟2的樣式相同,其他的星形填充#FFFFFF 邊框#BFBFBF

23.排列

Fireworks打造專屬的UI套件教程

如果之前沒有進行整理、對齊排列,那么現在要開始進行了。

用Ctrl+G將各個元素進行編組,合理命名。這這關重要,因為將來如果你要用這套組件,有序的命名和排列會幫你大忙。

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
主站蜘蛛池模板: 国产一区不卡 | 欧美一级黄色影院 | 国产亚洲精品精品国产亚洲综合 | 精品国产精品三级精品av网址 | 日韩视频在线观看 | 国产精品视频网站 | 久久成人精品 | 成人国产精品久久久 | 欧美黄视频在线观看 | 亚洲综合第一页 | 日本黄色一级片视频 | 亚洲精品国偷拍自产在线观看蜜桃 | 成人毛片在线视频 | 99精品欧美一区二区蜜桃免费 | 一本色道久久88综合亚洲精品ⅰ | 人人精久 | 欧美日本一区 | 亚洲色图综合网 | 欧美日韩不卡在线 | 日韩欧美在线视频免费观看 | 激情毛片| 亚洲天天干| 不卡一区| 亚洲www啪成人一区二区 | 国产综合久久 | 国产不卡二区 | 一区二区三区回区在观看免费视频 | 久久伊人精品视频 | 一区二区在线播放视频 | 亚洲福利在线播放 | 一区二区国产精品 | 91免费版在线看 | 日韩中文字幕视频在线观看 | 欧美一区二区免费 | 毛片视频免费 | 99re99 | 亚洲精品在线观看免费 | 久热中文在线 | 成年人免费看 | 欧美日韩高清一区二区 | 91高清视频 |