在今年的某月某天與簡書相遇，發現里面有很多技術文章，這幾個月學習受益匪淺。作為一個多年前端設計師，正在學習ios開發，看過不少人分享自己的心得，現也萌生寫一篇日記教程，供大家來拍磚！
1、設計之前：弄清需求 確定色調和風格
在做一個設計之前，一定要明確你的設計需求和色調，因為這有助于提高你的設計效率。我要做的是一個新聞報道系列的專題設計，跟歷史、經濟、文化相關，重點是突出的鐵路在歷史進程中變遷和發展。所以，我在弄清楚需求后，我先擇多彩和簡潔的設計風格。
2、素材選取和需要的技能
素材的選取不是一成不變的，但在設計之前一定要在腦海里勾畫出一個大框，有的時候一個原創設計過程是不斷在迭代的。
素材：鐵路、陽光、閃電、云彩、水墨群山
需要的技能：圖層蒙版、混合模式、調整圖層運用、智能濾鏡和濾鏡的簡單使用、通道摳圖
3、開始設計
3.1 打開ps后，導入所有素材。
3.2 我們從背景圖開始著手設計，我們選擇背景圖,shift+ctrl+U來去色，方便以后調色，同時把背景進行摳圖（摳圖有很多種，我這里用通道摳圖，這里不細說），使背景色為白色。
3.3 對背景圖右鍵選擇“圖層選項”，然后選擇“漸變疊加”，角度180，樣式線性，重要的是混合模式改成“顏色”，設置如下圖：
3.4 點擊圖層最下方“創建填充和調整圖層”按鈕，選擇“色相和飽和度”選項，設置如下，這一步的目的就是調色，要顏色更柔和些。
3.5 把云彩圖層放在背景圖調整層的上方，對云彩圖層用“圖層蒙版”，適當的抹去云彩。然后對云彩圖層使用混合模式里的強光，最終的效果如下：
3.6 添加陽光：在云彩圖層上面新建一個圖層，然后填充黑色的背景，選中圖層（命名陽光），點擊上方面板的濾鏡-渲染-鏡頭光暈，設置如下圖。最后把陽光圖層的混合模式，改為濾色。把光暈放在背景圖上的中心點，讓人看起來像是太陽升起的感覺，并用圖層蒙版擦去不必要的光線
3.7 添加水墨的群山素材，并去色，放到適當的位置，并把做過的圖層歸成一個組，命名為背景。
3.8 新建圖層組，名為文字，把設計里相關的文字都放在這個組里，用文字工具輸入主題文字，再復制主題文字圖層，對下面層進行如下設置。對復制的主題文字層，文字顏色設置為黑色，把圖層轉換為智能濾鏡，然后點擊濾鏡-濾鏡庫，進行如下設置。最后在確定兩個圖層位置重合的情況下，向左和向下移動主題文字圖層，做成錯位的效果。
3.9 添加地圖并制作閃電效果。把地圖圖層放在最上面，更改混合模式為劃分。在選取地圖素材的時候，最好背景是淺黃色。最后用鋼筆工具畫出一個路線圖，加上注釋，就Ok了
PS：在這里分享了自己做網頁設計的過程，但是事無巨細，不可能面面俱到。最后分享下當初學習PS的網站鏈接，共勉！
