這個效果怎麼做?


提問者給出了兩張相同的圖,所以只能回答一半。

  1. 使用鋼筆工具(快捷鍵:P)畫一條線段
  2. 使用直接選擇工具(快捷鍵:A)選中這條路徑,在界面左上角中設置一個線性漸變描邊,兩端顏色均為白色,兩端不透明度為 0,中間不透明度酌情設置。如圖:

  3. 這一步效果如圖。然後,複製圖層,移動一個像素,然後將漸變的顏色改為黑色。
  4. 調整兩個圖層的不透明度,使效果更自然。最終如圖:

做這樣的效果有很多方法,這只是其中一種。


方法很多,有一個超簡單,如下:
--------------------------------------------------------------------------------------------------------------------------------------------
1.新建一個圖層,然後畫筆工具,畫筆大小自己隨意
2.然後在畫布點一下,接著就 ctrl+t 拉到最細 最後enter

-------------------------------------------------------------------------------------------------------------------------------------------
就是這麼簡單粗暴!


1、直線工具畫一條直線,描邊顏色選擇比背景色略深的顏色
2、為直線添加投影,混合模式改為正常,顏色白色,距離1,大小0,根據自己需要適當調整透明度
3、添加蒙版把直線兩端擦除一部分


畫兩條並列1像素直線,一條飽和度高於背景色,一條低於背景色;
兩條直線圖層合併;
橡皮擦 調大數值 流量與透明度調小 ,對直線兩頭多次擦拭.


png格式的圖,透明漸變

ps做了一個,一條黑色的漸變和一條白色的漸變,然後分別做透明效果,然後整體做透明效果~


我也補充另外一種實現方法:

1、在畫布同一圖層畫一條深灰色和一條白色小短線條;

2、打開濾鏡菜單 &> 模糊 &> 運動模糊;

3、因為是豎線,所以在運動模糊面板把角度設置為90度,然後再根據自己需求調整一下模糊數值;

4、如果覺得線條清晰度不夠,複製一下圖層然後再合併就可以了。


形狀工具~直線(1~2px)~蒙版遮罩~圖層樣式(投影,內發光)


偽類,漸變


1.黑色線條一根,白色線條一根

2.然後將兩個線條打組,合併該組,圖層樣式設置為,疊加。

3.添加蒙板,用軟畫筆擦掉兩側多餘部分,調整透明度達到理想的效果。


方法很多的。如果是我我會用兩個一像素寬的矩形 一個深色一個白色做出凹陷效果 合併 加圖層蒙版 在蒙版上拉一個漸變


用HTML分割線,怒寫一個,然而這個,沒啥卵用


兩條1px線,一深一淺,兩端漸隱


推薦閱讀:

Material Design的插圖中使用的陰影是如何製作的?
如何用AI繪製插畫?
如何做出這種有厚度的 APP 界面圖片?
請問怎樣做出這種插畫陰影部分的紋理?
這張海報的上半部分光屏是怎麼樣做出來的?

TAG:AdobePhotoshop | 網頁設計 | 設計 | 平面設計 | AdobeIllustrator |