網頁設計教程—簡單抽絲效果

圖趣為大家分享一下簡單抽絲的制作心得。

這種就是普通的抽絲效果，自制填充圖案進行填充，首先我們來制作填充圖案。 效果圖如下：

1、  新建一個4x4大小的文檔，如圖所示。

2、 用放大鏡工具把文檔放到最大，然后選擇鉛筆工具，前景色為黑色，其他默認。

3、 新建圖層，在圖層上面用鉛筆畫如下的圖案，一共是4x4=16個像素的面積，大家可以看圖自己畫一下。

4、 將背景圖層刪除掉，背景變成透明的，然后ctrl+a全選，然后“編輯”—“定義圖案”，在彈出的對話框點擊“確定”。

5、 現在來說，這個抽絲圖案就算完成了，接下來我們只要在背景圖上面進行填充，它就會橫向和豎向的平鋪了。如圖，新建一個文檔后，新建圖層，不要在背景圖層上進行操作，都要新建圖層，隨便做一個漸變色塊，這里我設置了它的內發(fā)光讓他看起來有點質感。

6、 按住ctrl點擊這個圖層，出來選區(qū)，然后在“選項”—“修改”—“收縮”，彈出對話框，如圖設置。這里這樣做是因為這個漸變色塊外圍有一像素的內發(fā)光的原因，讓填充的圖案不要覆蓋了外圍這一像素，所以要往里收縮一像素。保持選區(qū)狀態(tài)，然后“編輯”—“填充”，如圖所示。

7、 現在的效果如圖所示，我們可以ctrl+i進行反色，讓黑色變成白色的，然后把圖層混合模式設置為“疊加”。如圖所示。

8、 現在效果就基本成型了，感覺有點太實了，所以我們把圖層的透明度可以調低一點，我調為了40%，如下圖所示，現在就算完成了。

大家可以試著進行其他抽絲效果的練習。在這里分享給大家一個網頁設計抽絲濾鏡，感覺挺好用的。

下載信息  [文件大小：179.66 KB 下載次數： 次]

點擊下載文件:抽絲濾鏡