上一篇讓大家作的書脊弄好了嗎？接下來會用到喔！
389Please respect copyright.ＰＥＮＡＮＡcfDy1kPzIw
今天要用的是Adobe的illustrator，也就是大家簡稱的Ai或以拉，首先打開你的Ai。
389Please respect copyright.ＰＥＮＡＮＡAmWmJFKP0k
389Please respect copyright.ＰＥＮＡＮＡzhOrmM6L9K
我這邊拿臉書的尺寸來舉例，臉書的尺寸建議做851x315，這樣才能避免電腦版留太大的白邊。
手機版的尺寸會相對小很多，但通常都會以電腦版為主，接著把主題重點靠近中央，才能避免重要的書籍資訊被切掉。
每個網站的Banner要求大小也不同，例如：博客來790*250、621*312，MOMO購物網960*480、818*370、240*300。
389Please respect copyright.ＰＥＮＡＮＡtfva5faE7h
打開後先用矩形工具。
389Please respect copyright.ＰＥＮＡＮＡSdOMPEcIe3
拉一個長方形，長寬不用管，別太浮誇就好。
389Please respect copyright.ＰＥＮＡＮＡf7ALQuC8ic
接著用曲線工具。
389Please respect copyright.ＰＥＮＡＮＡeYneO0KogB
將左邊兩個角稍微拉出一點斜度，因為小說是右翻書，所以我們的書脊會在右手邊。
389Please respect copyright.ＰＥＮＡＮＡhX9diEc1zJ
在用矩形工具拉一個方塊，加在你的書封旁邊。
389Please respect copyright.ＰＥＮＡＮＡRC7vlHND43
用曲型工具拉出一點弧度，將透視圖給做出來。
389Please respect copyright.ＰＥＮＡＮＡh6poXr6YCd
接著置入你的小說封面。
389Please respect copyright.ＰＥＮＡＮＡkfJjwkHTLu
圖片置入後，因為是新圖層，所以會處在剛剛畫的圖型上方，如圖所示，你可以看到封面沒有被矩形遮住。
389Please respect copyright.ＰＥＮＡＮＡIggM3AGnZf
對著圖片按右鍵、排序順序，找到裡面的移至最後，將圖層放到最下面。完成後你的封面應該會如圖被矩形擋著。
389Please respect copyright.ＰＥＮＡＮＡZNEAy0UNkM
接著封面跟封面的矩形全選，記住！不要選到書脊喔！全選後按右鍵，裡面有個封套扭曲，幫我點選裡面的以上層物件製作。
389Please respect copyright.ＰＥＮＡＮＡuygKxMoQyt
登愣！封面照片就會變成你剛剛製作的透視角度！
389Please respect copyright.ＰＥＮＡＮＡIbuKZ4BNjQ
389Please respect copyright.ＰＥＮＡＮＡbxbqJY0NX8
接著在置入你的書脊，置入方法跟剛剛一樣，這也是為什麼我會讓各位留一個書脊檔。
389Please respect copyright.ＰＥＮＡＮＡnE1JSZZ3Pm
移至最下層、全選、封套扭曲後就會得到胖胖立體書ＸＤＤ
389Please respect copyright.ＰＥＮＡＮＡAfTvQgFjf3
稍微調整一下寬度、角度後，就可以得到正常版。
389Please respect copyright.ＰＥＮＡＮＡ9AKuxr9hz0
接下來我們要製作書本陰影，這邊幫我全選書本後，在效果視窗裡找到風格化，點裡面的製作陰影。
389Please respect copyright.ＰＥＮＡＮＡbJF1muj34P
照個人喜好調整參數，我這邊提供我自己的，如果你有更想達到的效果，也可以自己嘗試看看。
389Please respect copyright.ＰＥＮＡＮＡLXW8vQEfLA
完成陰影！接下來右邊還有很多空間，可以多放幾本書，如果你沒有其他書要放，也可以考慮做其他設計，例如放小說人物在右手邊之類的，正如常見的小說Banner。
389Please respect copyright.ＰＥＮＡＮＡoDtTmB2ibv
如果你只要立體書封，那最一開始設定紙張時，就可以把紙做小一點，或在做到這裡時去調整頁面大小轉存PNG之類的。
389Please respect copyright.ＰＥＮＡＮＡOpsKOjDIAM
但這邊要講完Banner，所以我們接著往下～
389Please respect copyright.ＰＥＮＡＮＡdym168lr0c
因為我有三本書，所以做三個立體書矩形，個人不建議超過三本，版面會太擠。
照我剛剛所說的方式，把封面跟書脊都貼上去。
389Please respect copyright.ＰＥＮＡＮＡYfl9iRqpFu
同樣加上陰影特效。
389Please respect copyright.ＰＥＮＡＮＡRKhe26SOiZ
接著打上書名，並整齊放置在書下。
389Please respect copyright.ＰＥＮＡＮＡjwD3lRQS0b
字體我選擇明體，如果你有不同的想法也可以換別的字體，但建議不要太亂糟糟的那種，才可以避免版面不乾淨。
389Please respect copyright.ＰＥＮＡＮＡtJTlxAdq4I
接著拉一個全黑的矩形，大小覆蓋整個版面，接著把矩形移到最下層。
389Please respect copyright.ＰＥＮＡＮＡh1OY4Gh2DK
調一個你喜歡的顏色，我這邊選較為柔和的粉色。
389Please respect copyright.ＰＥＮＡＮＡkTM43MzZvy
簡單的版面完成！接下來你可以自由在上面加上你要的資訊，如：粉專、書籍更新時間、書本簡介等......由你自由發揮囉！
389Please respect copyright.ＰＥＮＡＮＡU1kcXPYXEI
以上就是最簡單的立體書Banner教學，當然不能跟設計大佬們的比拉！就只是給一個簡單的概念讓大家自由發揮，以及提供思路而已。389Please respect copyright.ＰＥＮＡＮＡYNeYNicQDM
ns 15.158.61.19da2 
