今天剛好在網上看到了時尚的3d文字效果，於是動手模仿設計了一下。下面給大家分享一下俺的勞動成果吧——
從效果圖可見，這文字的3d效果不僅僅是從陰影和渲染上下了點功夫，連字型上也同樣使用了sullivan三種鏤空效果的字型(例項中附有)。下面就簡述一下整個製作過程吧！
1、首先新建乙個1200*500尺寸的文件，然後用#e4cba9填充背景色。
2、分別用sullivan的三種鏤空字型在同一位置上輸入56gee.com，如下圖所示：
圖13、為了令陰影效果增強逼真的3d立體感，選中上述三種文字的最底層（字型sullivan的fill效果）為原圖，不斷複製相同層，然後向左和向下各移動乙個畫素；按照此方法反覆操作多次，最終形成乙個立體感：
圖24、將以上步驟的圖層全部選中，單擊右鍵「轉換為智慧型物件」，然後將其變成選區，並用顏色#9f4517進行填充，如下所示：
圖35、將上述處理好的圖層放置原來56gee.com的三種字型下面，然後調整位置，得到下面立體效果：
圖46、複製圖3，然後調整其位置到三種字型的右上方，如下圖5所示：
圖57、選擇「濾鏡」——「模糊」——「高斯模糊」，半徑為7.5畫素：
圖68、選擇「濾鏡」——「模糊」——「動感模糊」，角度：45度，距離：50畫素，如下圖所示——
圖79、製作小方格的背景橫條——用選取工具畫出乙個矩形狀，然後用預先定義好的小方格背景（例項中附帶）進行填充，如圖8所示；並得到圖9所示的效果：
圖8
圖910、增強文字的立體感——將圖9的設計圖（包括背景）複製乙份出來，然後將圖層置上，並將其設定為下圖所示（模式：變暗，不透明度：50%）：
圖1011、繼續將圖9的設計圖（這次不用背景）複製乙份出來，然後放置頂層，並將其設定為下圖所示（模式：疊加，不透明度：30%）：
圖11
得到最終效果圖——
transform的3D效果實現
原理 構建乙個立方體，四方體共有六個面，採用定位及其位移旋轉實現。css樣式 rect wrap 容器 container 立方體的每個面 slide slide img 實現方法，六個面重疊，以前面的乙個面為準，向前移動200px，向後沿著z軸移動200px構建前後面 左右各沿著y軸旋轉90度，前...
Ingri Dahl 全能時尚的3D眼鏡
近日，挪威一對雙胞胎姐妹kine和einy paulsen推出了一種適用全世界所有電影院和大部分3d電視的時尚型3d眼鏡。該 ingri dahl 眼鏡有多種尺寸和設計風格。目前，kine和einy paulsen已推出了她們的第一款設計，現正通過kickstarter融資，計畫於2012年春季推出...
光暈效果實現和3D流水線的思考
最近在看阿哲的 3d地形製作全攻略 寫得很好，但是好像網上找不到原始碼，本來想加qq請教一下，不過貌似被拒絕了。按照書上的方法想做乙個光暈效果，看著其實還是不難，但是動手實現的時候還是遇到了麻煩，特別是進行世界座標 視角轉換 投影轉換 視口轉換的時候，理解起來還是費了一番功夫。就此總結一下。首先說一...