這裡用PS還原一下製作過程
1、文本工具輸入一個『U』字,轉成形狀後處理填充無、描邊黑色,處理成下圖立體的樣子。


&" data-caption="" data-size="small" dw="1490" dh="900" class="origin_image zh-lightbox-thumb lazy" w="1490" data-original="https://pic4.zhimg.com/v2-70519f4dc315c84b6dbabda4af04c218_r.jpg" data-actualsrc="//i1.wp.com/pic4.zhimg.com/50/v2-70519f4dc315c84b6dbabda4af04c218_hd.jpg">
2、分別複製兩個圖層位置如下擺放,方便區分我加上了數字前綴,2圖層填充20%灰色,4圖層填充白色。然後分別柵格化方便之後處理。

&" data-caption="" data-size="small" dw="1484" dh="922" class="origin_image zh-lightbox-thumb lazy" w="1484" data-original="https://pic2.zhimg.com/v2-fc1071593f2cb82f0a73b495c2ba0e8e_r.jpg" data-actualsrc="//i1.wp.com/pic2.zhimg.com/50/v2-fc1071593f2cb82f0a73b495c2ba0e8e_hd.jpg">
3、選中2圖層後,選擇『濾鏡-像素畫-彩色半調...』參數如下
(不同畫布大小效果不同,最大半徑可自行調整,網點角度需調整成45)。


&" data-caption="" data-size="small" dw="2020" dh="1118" class="origin_image zh-lightbox-thumb lazy" w="2020" data-original="https://pic4.zhimg.com/v2-903ff685057c9a8e3ab0c2e1e92c8e03_r.jpg" data-actualsrc="//i1.wp.com/pic4.zhimg.com/50/v2-903ff685057c9a8e3ab0c2e1e92c8e03_hd.jpg">


&" data-caption="" data-size="small" dw="2072" dh="960" class="origin_image zh-lightbox-thumb lazy" w="2072" data-original="https://pic4.zhimg.com/v2-2f0d1726229f58437bfffbc4d0d8afd4_r.jpg" data-actualsrc="//i1.wp.com/pic4.zhimg.com/50/v2-2f0d1726229f58437bfffbc4d0d8afd4_hd.jpg">


&" data-caption="" data-size="small" dw="1972" dh="928" class="origin_image zh-lightbox-thumb lazy" w="1972" data-original="https://pic3.zhimg.com/v2-349d8168eb4a73f8c102aa52000d5031_r.jpg" data-actualsrc="//i1.wp.com/pic3.zhimg.com/50/v2-349d8168eb4a73f8c102aa52000d5031_hd.jpg">
4、選中4圖層,添加如下圖層樣式-內陰影效果。


&" data-caption="" data-size="small" dw="2740" dh="1074" class="origin_image zh-lightbox-thumb lazy" w="2740" data-original="https://pic2.zhimg.com/v2-693f3d0508d70c58455f641329063ff7_r.jpg" data-actualsrc="//i1.wp.com/pic2.zhimg.com/50/v2-693f3d0508d70c58455f641329063ff7_hd.jpg">
5、選中圖層4,柵格化圖層樣式,選擇『濾鏡-雜色-添加雜色...』。調整數量,勾選單色。

&" data-caption="" data-size="small" dw="2002" dh="1174" class="origin_image zh-lightbox-thumb lazy" w="2002" data-original="https://pic3.zhimg.com/v2-4e0ab2ae27096348e10ee8d9c3a6975f_r.jpg" data-actualsrc="//i1.wp.com/pic3.zhimg.com/50/v2-4e0ab2ae27096348e10ee8d9c3a6975f_hd.jpg">


&" data-caption="" data-size="small" dw="2104" dh="1014" class="origin_image zh-lightbox-thumb lazy" w="2104" data-original="https://pic3.zhimg.com/v2-10119dd0608dc97346f59cb63ff1a297_r.jpg" data-actualsrc="//i1.wp.com/pic3.zhimg.com/50/v2-10119dd0608dc97346f59cb63ff1a297_hd.jpg">
6、最後新建一個綠色填充,正片疊底,完成。


&" data-caption="" data-size="small" dw="996" dh="998" class="origin_image zh-lightbox-thumb lazy" w="996" data-original="https://pic3.zhimg.com/v2-c8a9d68f45669f90fe58dd8add61b44f_r.jpg" data-actualsrc="//i1.wp.com/pic3.zhimg.com/50/v2-c8a9d68f45669f90fe58dd8add61b44f_hd.jpg">
三步:1 打字 U 混合樣式 描邊-圖案疊加


&" data-caption="" data-size="normal" dw="1232" dh="787" class="origin_image zh-lightbox-thumb lazy" w="1232" data-original="https://pic3.zhimg.com/v2-889f942e59236bf3e3d639c6d1941559_r.jpg" data-actualsrc="//i1.wp.com/pic3.zhimg.com/50/v2-889f942e59236bf3e3d639c6d1941559_hd.jpg">
2. 複製字體 移動位置 缺一塊三角形補上去 合併圖層 混合樣式 參數自己看著調節


&" data-caption="" data-size="normal" dw="1268" dh="1238" class="origin_image zh-lightbox-thumb lazy" w="1268" data-original="https://pic4.zhimg.com/v2-eb62b5a1b59bc08297a025453f4f2bfb_r.jpg" data-actualsrc="//i1.wp.com/pic4.zhimg.com/50/v2-eb62b5a1b59bc08297a025453f4f2bfb_hd.jpg">
填充一個原諒綠圖層 混合模式-正片疊底


&" data-caption="" data-size="normal" dw="1287" dh="946" class="origin_image zh-lightbox-thumb lazy" w="1287" data-original="https://pic3.zhimg.com/v2-7c1dff8dc0414d489890491667686c03_r.jpg" data-actualsrc="//i1.wp.com/pic3.zhimg.com/50/v2-7c1dff8dc0414d489890491667686c03_hd.jpg">
推薦閱讀: