在今年的某月某天與簡書相遇甩牺，發(fā)現(xiàn)里面有很多技術(shù)文章蘑志，這幾個月學(xué)習(xí)受益匪淺。作為一個多年前端設(shè)計師贬派，正在學(xué)習(xí)ios開發(fā)急但，看過不少人分享自己的心得，現(xiàn)也萌生寫一篇日記教程搞乏，供大家來拍磚波桩！
1、設(shè)計之前：弄清需求 確定色調(diào)和風(fēng)格
在做一個設(shè)計之前请敦，一定要明確你的設(shè)計需求和色調(diào)镐躲，因為這有助于提高你的設(shè)計效率。我要做的是一個新聞報道系列的專題設(shè)計冬三，跟歷史匀油、經(jīng)濟(jì)、文化相關(guān)勾笆，重點是突出的鐵路在歷史進(jìn)程中變遷和發(fā)展敌蚜。所以，我在弄清楚需求后窝爪，我先擇多彩和簡潔的設(shè)計風(fēng)格弛车。
2、素材選取和需要的技能
素材的選取不是一成不變的蒲每，但在設(shè)計之前一定要在腦海里勾畫出一個大框纷跛，有的時候一個原創(chuàng)設(shè)計過程是不斷在迭代的。
素材：鐵路邀杏、陽光贫奠、閃電、云彩望蜡、水墨群山
需要的技能：圖層蒙版唤崭、混合模式、調(diào)整圖層運用脖律、智能濾鏡和濾鏡的簡單使用谢肾、通道摳圖
3、開始設(shè)計
3.1 打開ps后小泉，導(dǎo)入所有素材芦疏。
3.2 我們從背景圖開始著手設(shè)計冕杠，我們選擇背景圖,shift+ctrl+U來去色，方便以后調(diào)色酸茴，同時把背景進(jìn)行摳圖（摳圖有很多種分预，我這里用通道摳圖，這里不細(xì)說）薪捍，使背景色為白色噪舀。
3.3 對背景圖右鍵選擇“圖層選項”，然后選擇“漸變疊加”飘诗，角度180，樣式線性界逛，重要的是混合模式改成“顏色”昆稿，設(shè)置如下圖：
3.4 點擊圖層最下方“創(chuàng)建填充和調(diào)整圖層”按鈕，選擇“色相和飽和度”選項息拜，設(shè)置如下溉潭，這一步的目的就是調(diào)色，要顏色更柔和些少欺。
3.5 把云彩圖層放在背景圖調(diào)整層的上方喳瓣，對云彩圖層用“圖層蒙版”，適當(dāng)?shù)哪ㄈピ撇试薇稹Ｈ缓髮υ撇蕡D層使用混合模式里的強(qiáng)光畏陕，最終的效果如下：
3.6 添加陽光：在云彩圖層上面新建一個圖層，然后填充黑色的背景仿滔，選中圖層（命名陽光）惠毁，點擊上方面板的濾鏡-渲染-鏡頭光暈，設(shè)置如下圖崎页。最后把陽光圖層的混合模式鞠绰，改為濾色。把光暈放在背景圖上的中心點飒焦，讓人看起來像是太陽升起的感覺蜈膨，并用圖層蒙版擦去不必要的光線
3.7 添加水墨的群山素材，并去色牺荠，放到適當(dāng)?shù)奈恢梦涛。炎鲞^的圖層歸成一個組，命名為背景志电。
3.8 新建圖層組曙咽，名為文字，把設(shè)計里相關(guān)的文字都放在這個組里挑辆，用文字工具輸入主題文字例朱，再復(fù)制主題文字圖層孝情，對下面層進(jìn)行如下設(shè)置。對復(fù)制的主題文字層洒嗤，文字顏色設(shè)置為黑色箫荡，把圖層轉(zhuǎn)換為智能濾鏡，然后點擊濾鏡-濾鏡庫渔隶，進(jìn)行如下設(shè)置羔挡。最后在確定兩個圖層位置重合的情況下，向左和向下移動主題文字圖層间唉，做成錯位的效果绞灼。
3.9 添加地圖并制作閃電效果。把地圖圖層放在最上面呈野，更改混合模式為劃分低矮。在選取地圖素材的時候，最好背景是淺黃色被冒。最后用鋼筆工具畫出一個路線圖军掂，加上注釋，就Ok了
PS：在這里分享了自己做網(wǎng)頁設(shè)計的過程昨悼，但是事無巨細(xì)蝗锥，不可能面面俱到。最后分享下當(dāng)初學(xué)習(xí)PS的網(wǎng)站鏈接率触，共勉终议！
