PIXNET Logo登入

重金屬AI工程師的Coding分享

跳到主文

我是擅長Python的工程師,平時寫程式時壓力很大,就聽聽重金屬音樂了!

部落格全站分類:生活綜合

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 7月 25 週四 201922:04
  • Photoshop基礎教學-使用內容感知:快速消除路人與雜物


想學Photoshop嗎?千萬不能錯過這篇基礎教學-使用內容感知:快速消除路人與雜物.
現在幾乎人人都會使用手機瀏覽網站,許多文字內容都在彈指之間一頁一頁地滑過去了,除非圖片或大標題夠吸睛,否則真的很難讓用戶在網頁上多停留幾秒,更何況點進去看看其中的文字內容。因此「一張圖勝過千言萬語」,吸睛的商品圖是網路行銷的一大利器!有時為了突顯商品的用途、特色,總是免不了外出拍照。
然而有時外出拍照時,總是免不了遇到不該出現在圖片中的路人甲、或是雜物乙。因此學會快速消除圖片中的雜物或路人,是負責網路行銷的網站美編等平面設計相關人員必須學起來的 Photoshop 技法。
還好自從 Photoshop CS5 版本之後都有了「內容感知(Content Aware Fill)」功能,網站美編在做平面設計時再也不需要使用印章工具一筆一筆消除閒雜人事物了,只要三秒鐘立即就可將畫面中的雜物或路人給消除囉!
今天待修的原圖如下

0725-1.jpeg


 
  • 桃紅色圈選範圍為要處理的地方。

    0725-2.jpeg



  • 點選套索工具圈選要處理的範圍,記得人的倒影也要選到!

    0725-3.jpeg



  • 點選編輯(Edit)選單,之後選擇選單內的填滿(Fill)

    0725-4.jpeg



  • 在跳出的對話框中,在內容(Contents)的部分選擇「內容感知(Content-Aware)」選項,然後按「確定(OK)」。

    0725-5.jpeg



  • 完成了,神奇吧!Photoshop 的內容感知工具是不是很快呢?

    0725-6.jpeg



  • (繼續閱讀...)
    文章標籤

    IzzySixxi 發表在 痞客邦 留言(0) 人氣(12)

    • 個人分類:photoshop
    ▲top
    • 7月 24 週三 201921:44
    • Photoshop基礎教學-選取並遮住:毛髮去背



     
    想學Photoshop嗎?千萬不能錯過這篇基礎教學-選取並遮住:毛髮去背.
    初心者在上課之前應該要知道去背雖然是 Photoshop 影像合成的基本功力,但是在網路行銷業界,電子商務網站的商品圖片可說是非常多,要將這些圖片快速且去的乾淨,則是考驗許多網拍美編、UI 設計師、平面設計師等的基本功。
     
    「選取並遮住」去背好簡單
    好在 Adobe Photoshop 在 2016 年後有一項「選取並遮住(Select and Mask)」的功能,擁有強大的邊緣演算功能,可幫助網拍美編、UI 設計師更快速地選取主體,也包含毛髮的部分,大幅提升作業的效
  • 在 Photoshop 中開啟圖片,點選「選取工具」,再點擊上面選單出現的「選取並遮住(Select and Mask)」

    0724-1.png



  • 進入模式後,會出現預設的「描圖紙模式(Onion Skin)」,點選左邊工具列的「快速選取工具(Quick Selection Tool)」。在選取主體之前,遮罩的部分會呈現半透明。若想要半透明的質感多一些,可以調高下方的「透明度(Transparency)」。此例調成 43%。

    0724-2.png



  • 朝著想去背的主體來回塗抹

    0724-3.png



  • 塗抹一個大概之後,會發現有些邊緣處還有些瑕疵

    0724-4.png



  • 接下來要進行更進一步的優化,點選「檢視模式(View Mode)」選擇「覆蓋(Overlay)」,在這個模式下能將瑕疵看得更清楚

    0724-5.png



  • 使用左側工具列的「調整邊緣筆刷工具」、「筆刷工具」做更細節的修改

    0724-6.png



  • 調整透明度檢查一下,如圖示小貓的毛髮細節也都出來囉

    0724-7.png



  • 輸出前可以勾選「淨化顏色」的選項, Photoshop 會幫忙調整細節的顏色,接著點選「新增使用圖層遮色片的圖層」,按下「確定」

    0724-8.png



  • 去背完成!

    0724-9.png



  • (繼續閱讀...)
    文章標籤

    IzzySixxi 發表在 痞客邦 留言(0) 人氣(161)

    • 個人分類:photoshop
    ▲top
    1

    熱門文章

    • (81)人工智慧寫哈利波特續集,結局超暗黑!
    • (211)前端工程師CSS小學堂之背景顏色設定
    • (1,270)用Python畫皮卡丘,你看過嗎?
    • (61)前端工程師菜鳥秘笈:學習路線圖總整理
    • (686)Python不是指蟒蛇,看看程式語言命名起源有多ㄎㄧㄤ
    • (39)科幻迷們分得出電影中的程式語言是Python,Java嗎?(上)
    • (15)學習Python的三大用途,你知道嗎(轉貼)
    • (180)品保人員只花一年進修Python課程,現已是程式設計師
    • (7)美國最新軍事設備結合AR與VR,讓軍犬增加戰鬥力(下)
    • (15)加拿大人工智慧新創免扎針血糖儀,糖友救星!

    文章分類

    • 元宇宙 (1)
    • RWD (2)
    • cookie (1)
    • Line (1)
    • Meta (1)
    • UI/UX設計 (4)
    • 蘋果 (1)
    • 人工智慧醫療 (2)
    • Google (9)
    • SEM (1)
    • Facebook (2)
    • NVIDIA (1)
    • AR/VR (4)
    • 程式語言設計課程 (2)
    • 機器學習 (1)
    • 網頁前端 (1)
    • APCS認證 (5)
    • 關鍵字廣告課程 (2)
    • 數位行銷 (1)
    • Unity3D (1)
    • UI設計 (27)
    • GoogleAds認證 (4)
    • javascript (25)
    • photoshop (2)
    • 網路行銷 (12)
    • java (11)
    • 達內教育 (9)
    • 前端工程師 (52)
    • AI人工智慧 (226)
    • SEO優化 (51)
    • Python課程 (89)
    • HTML5 (23)
    • 設計課程 (48)
    • 程式設計 (24)
    • IT人的543 (4)
    • 未分類文章 (1)

    最新文章

    • 全球首屆元宇宙時裝周,重蹈20年前的覆轍?
    • 烏俄之戰,人工智慧技術可否幫助烏克蘭?
    • 富比世專欄:2022年的人工智慧七大突破
    • Google 生氣氣了!怒告YouTube迫使中止開發
    • 簡析Java和Python,二者有什麼區別?
    • 前端工程師寶典-有效減少寫語法的時間
    • 日本新創推元宇宙痛覺模擬器,完美複製人類感覺
    • DeepMind員工齊出走,靠人工智慧找潛力飆股
    • 日本飯店裁掉243位人工智慧員工
    • 台大打造人工智慧醫療,診斷視網膜病變準確度達95%

    文章精選

    文章搜尋