close

    今年年初,在整理自己的網頁記錄時偶然通過3道鏈接來到瞭一個很有意思的網站,名稱就很有趣,叫 “指指堂”,進入一看,發現站點中有一組圖片引起我強烈的註意。

down下來研究瞭一下,發現瞭PS一些經典的用法產生瞭一種非常有趣的效果,這裡供給web開發人員共享一下。

click for full size

聰明點的看官可能知道,這個不過就是圖案填充罷瞭,沒錯,但是你如果你切換道英文狀態下,按鍵盤上的ctrl+a看看,怎麼樣?

做法很簡單,新建一個2X2 PX(象素)的文件,白色背景,z(放大鏡)放大到1600%,在左上角和右下角填充黑色,其它默認白色,ctrl+a(全選),選擇 菜單欄-編輯-圖案-定義名字conner01。然後同樣的步驟,隻是將黑色填充在右上角和左下角,定義圖案名稱為conner02。

click for full size

新建一個大小適合的畫佈,拉動背景層到“新建圖層”按鈕上(作用是復制圖層),點擊圖層面板上的“圖層樣式”按鈕-圖案疊加-選擇其中conner01填充畫佈(一般是倒數第二個)。

新建一個層-填充任何一種顏色,同樣使用圖案疊加,疊加另外一種漸變。然後刪除背景圖層。

點擊工具欄最下面那個按鈕,跳轉到ImageReady。

找到動畫面板-點擊小三角箭頭-從圖層建立幀。效果如下。

click for full size

點擊菜單欄-文件-將優化結果另存為-取個名字-Enter

打開你的瀏覽器,把gif拖動到其中,ctrl+a測試一下看看。

如果你是fireworks使用者,那麼你完全可以發揮自己的想象力,創造另外一些更好的效果,點綴一下自己的網站,在這裡,我就不多說瞭,引出主題,自己發揮吧。




arrow
arrow
    全站熱搜
    創作者介紹
    創作者 itest8 的頭像
    itest8

    itest8的部落格

    itest8 發表在 痞客邦 留言(0) 人氣()