[illustrator教學] 運用漸變模式製作翻頁效果

先來看看效果圖


這個教學是我在書上看到的，圖片是自己拍的，雖然有些用語可能不太一樣，不過基本原理都是一樣的，我儘量寫詳細一點的步驟。

1. 開一個新文件，執行"編輯→偏好設定→參考線及格點"


2. 設定格點間隔：100mm，次格點：10


3. 在"檢視"中勾選"顯示格點"及"靠齊格點"


4. 使用矩形工具畫出一個10x10的正方形


5. 填入線性漸層，設定角度為-45，位置0：CMYK0% 位置100%：CMY0% K30%


6. 選擇橢圓形工具


7. 畫一個4x4的正圓形，填滿為黑色，不需框線，方便之後編輯


8. 使用線段工具畫出垂直、水平及45度的直線共8條，設定填色為無。完成後選取圓形與線段，按下路徑管理員浮動視窗上的分割紐，用線將圓分割開來。


9. 將圓形再複製一個，共兩個圓擺放到如圖的位置，並且同時選取兩個圓按下Ctrl+C 複製備用


10. 將圓型解散群組(Ctrl+Shift+G)後留下這兩個區域的扇形，其他刪除


11. 使用剪刀工具，選取其中一個扇形，將弧形的線段分離出來


12. 分離的方法就是點弧形的兩端即可，這邊為了方便檢視，把填色取消加上黑色框線


13. 接著把弧形上面的線段都刪除留下弧形


14. 接著使用鋼筆工具把弧形接成如下圖


15. 接完後如下圖，把框線取消填回黑色，接著把剛畫好的折角形狀先隱藏起來稍後使用


16. 按下Ctrl+F 在原地貼上我們剛剛複製的兩個圓形


17. 同樣的解散群組，這次要留下來的是黑色部分，紅色部分刪除


18. 同樣使用剪刀工具留下弧形線段


19. 也是一樣用鋼筆工具將線段接起來如下，弧形右下的端點也要接，我漏掉標示了


20. 接完填滿黑色不要框線，如下圖


21. 把底下的正方形漸層跟剛剛接好的圖形各複製一份，使用路徑管理員中的"自外框區域相減"


22. 點選"展開"得到如下的圖形


23. 把一開始畫的翻上來的折角提到最上層，設定填滿漸層，角度：-45度，位置0%：CMYK 0%，位置100%：CKY 0% K 30%，漸層滑桿位置：70%


24. 第二次畫的上頁的光影效果，設定設定填滿漸層，角度：-45度，位置65%：CMYK 100%，位置100%：CKYK 20%，漸層滑桿位置：50%


25. 漸變模式設定為網屏


26. 翻頁下方的陰影效果：設定設定填滿漸層，角度：-45度，位置0%：CMY 0% K 50%，位置50%：CKYK 0%，漸層滑桿位置：30%


27. 漸變模式設定為色彩增值


28. 這樣基本上是完成了，也可以改變最下面的底色，不過我自己覺得原來的白色就很好看了


我自己還滿喜歡這個效果的，希望大家也會喜歡