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

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在线免费播放 | 国产欧美精品一区二区色综合朱莉 | 亚洲三级在线播放 | 亚洲欧洲日韩 | 国产伦精品一区二区三区四区视频 | 国产免费黄色 | 日本三级网站在线观看 | 国产拍拍拍拍拍拍拍拍拍拍拍拍拍 | 欧美精品一区二区三区在线 | 欧美精品一区二区三区在线 | 成人av网页 | 欧美日韩一区不卡 | 欧美日韩在线观看一区 | 黄色网在线看 | 免费国产羞羞网站视频 | 欧洲另类二三四区 | 免费的黄色毛片 | 91福利电影在线观看 | 国产极品美女在线播放 | 99re在线视频| 欧美经典一区 | 成人在线精品视频 | 亚洲乱码一区二区三区在线观看 | 91精品国产一区二区 | 蜜臀在线视频 | 亚洲日韩aⅴ在线视频 | 国产中文区二幕区2012 | 一区二区免费在线观看 | 亚洲三区在线观看 | 午夜影院网站 | 午夜在线视频 | 国产成人精品在线 | 欧美午夜寂寞影院 | 欧美日韩精品免费 | 国产精品久久久久久久久久久久冷 | 午夜精品一区二区三区在线视频 | 国产成人精品亚洲男人的天堂 | 国产欧美精品 | 蜜桃视频在线观看www社区 | 国产精品久久久久久久午夜 | 蜜桃精品久久久久久久免费影院 |