製作立體效果——立方體
效果圖:
光照的明暗面如下圖:
步驟:1、新建一畫布,新增背景色,單擊「漸變」工具,選擇線性漸變,開啟漸變編輯器對話方塊,設定「黑-藍」的漸變色;
2、新建圖層1,選擇「矩形選框工具」畫一正方形,填充灰色;
3、複製圖層1,選擇「影象」-「調整」-「亮度/對比度」,如下圖;
4、複製圖層1 副本,選擇「影象」-「調整」-「亮度/對比度」,如下圖;
5、將「圖層1 副本」和「圖層1 副本2」隱藏,將圖層1可見,單擊圖層1,ctrl+t 自由變換,右鍵選擇「斜切」,滑鼠移至右邊框,豎直方向斜切30°,回車確認;
6、ctrl+t 自由變換,將滑鼠移至右上角,出現旋轉標記,逆時針旋轉45°,回車確認;
7、ctrl+r 顯示標尺,在圖層1拉出4條參考線(方便下一步頂點對齊用)如下圖;
8、將「圖層1副本」可見,設定透明度為70%,將該層的矩形左上頂點移至圖層1矩形的左上頂點處,如下圖;
9、選擇「圖層1副本」,ctrl+t 自由變換,右鍵選擇「斜切」,將滑鼠移至矩形右邊線,沿豎直方向往下拉至和圖層1矩形左邊線重合;
10、再右鍵選擇「縮放」,將矩形右邊線左移至右邊參考線重合,回車確認,將透明度恢復100%;
11、再在圖層1的矩形右端點處拖出2條參考線,將「圖層1 副本2」可見,將該層矩形移至下圖位置,將該層透明度設定為70%;
12、選擇「圖層1副本2」,ctrl+t 自由變換,將矩形右邊線向右拉伸至右端參考線處;
13、右鍵選擇「斜切」,將滑鼠移至矩形右邊線,沿豎直方向往上拉至和圖層1矩形下邊線重合,回車確認,將透明度恢復為100%
;14、將圖層1、「圖層1副本」、「圖層1副本2」合併,
效果圖完成。
css3製作立方體
建立6個寬高為100px的正方形,調整ul在頁面的位置,分別設定不同li裡的背景色。為了方便區分,在li裡設定數字顯示 使用絕對定位的目的是為了讓6個li分別顯示在圍成正方體所需的位置上。屬性 transform style 設定3d空間 屬性值 flat 處在2d空間 preserve 3d 處在...
CSS3製作立方體
要用css3來製作乙個正方體,我們先來看正方體的結構,如圖 1.建立結構 正方體有六個面,我們可以先建立六個面,放在li裡。設定寬高,和背景色 方便區分 效果如圖 2.位移 接下來可以通過定位 position 和位移 translate 將他們移動到圖一的位置。先用絕對定位將六塊正方形定位到第1塊...
資料立方體
總體介紹 首先模擬乙個資料分析場景,某企業積累了如下 所示的銷售資料 中每一行表示某個時間段內某種商品在某個地區的銷售情況。很明顯,這些資料涉及到了時間 地區 產品三個業務角度。在對這樣的資料進行分析時,不同的角色都會基於自己所感興趣的業務角度提出問題 銷售經理關心各個地區的銷售情況,希望找出銷售增...