1. <dd id="wcni4"></dd>
    2. <tbody id="wcni4"><pre id="wcni4"></pre></tbody>

      <progress id="wcni4"><pre id="wcni4"></pre></progress>
      <dd id="wcni4"></dd>
      <button id="wcni4"><tr id="wcni4"></tr></button>

      <dd id="wcni4"><center id="wcni4"></center></dd>
      <dd id="wcni4"></dd>
      PS設計時尚大氣的馬賽克軟件圖標photoshop教程

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程

      PS設計時尚大氣的馬賽克軟件圖標Photosho,教程,PS教程,PS

      PS設計時尚大氣的馬賽克軟件圖標-photoshop教程

      Photosho,教程,PS教程,PS

      今天的教學特別適合UI新手練手用,效果好看,作者對圖層樣式和漸變的理解也特別到位,同學們臨摹步驟多加揣摩,進步會很快。操作界面全中文,不怕看不懂,小編已跟著練習了一遍,現在該你啦。

      處理后效果:

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第1張

      第1步:

      打開Photoshop,Ctrl+N創建一個文檔,文檔尺寸可自定義。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第2張

      第2步:

      按住Alt鍵雙擊背景圖層,使其轉換為普通圖層。然后再次雙擊,打開圖層樣式面板,為其添加顏色疊加樣式,顏色為#262523。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第3張

      繼續為其添加漸變疊加,數值如下:

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第4張

      再內發光中的雜色功能來給背景添加一些雜色,當然你也可以濾鏡中的添加雜色功能。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第5張

      此時的背景:

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第6張

      第3步:

      創建一層,用白色大號柔邊畫筆在畫布中心點擊出白色亮光。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第7張

      Ctrl+T將其拉寬壓扁,如圖所示所示。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第8張

      將圖層不透明度調整為10-30%,這里可以根據自己的感覺來調整。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第9張

      第4步:

      接下來我們創建icon主體。圓角矩形工具在畫布中心點擊,在彈出的對話框中設置數值如下:

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第10張

      第5步:

      在圓角矩形上方隨意繪制一個比其尺寸大一些的形狀,因為我們后面會將其轉換為剪貼蒙版,因此形狀可隨意繪制。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第11張

      為創建的形狀添加角度漸變。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第12張

      然后按住Alt鍵在角度漸變與圓角矩形中間點擊鼠標左鍵,將其轉換為剪貼蒙版。然后在圖層名稱上點擊右鍵,將其轉換為智能對象。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第13張

      第6步:

      馬賽克濾鏡(濾鏡>像素化>馬賽克)對其進行分塊處理。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第14張

      第7步:

      將執行了馬賽克濾鏡的圖層Ctrl+J復制一層,同樣轉換為剪貼蒙版。然后點擊濾鏡>特色化>照亮邊緣。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第15張

      將其圖層混合模式設置為線性減淡(添加),圖層不透明度設置為30%。此時每個格子間都被細線分割開了。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第16張

      第8步:

      將上一步創建的圖層Ctrl+J再次進行復制。將圖層混合模式設置為減去,圖層不透明度設置為20%。選擇移動工具,鍵盤上的方向鍵將其位置向下方與右方分別移動1像素。這樣格子的間隔部分便形成了凹槽的效果。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第17張

      第9步:

      橢圓工具在icon中心繪制出一個正圓形。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第18張

      然后為其添加角度漸變。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第19張

      繼續添加內陰影

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第20張

      為了表現立體感還要為其添加投影

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第21張

      我們來看一下此時的圓形樣式

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第22張

      第10步:

      橢圓工具在icon中心再次創建一個較小的正圓形。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第23張

      為其添加顏色疊加樣式。此處顏色選擇接近黑色的深灰色。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第24張

      繼續添加內發光。與第2步相同,我們這里內發光來添加雜色。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第25張

      然后為其添加內陰影。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第26張

      再來個內部描邊以使其輪廓更加明顯。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第27張

      來看看我們處理后的結果。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第28張

      第11步:

      下面我們來添加文字。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第29張

      然后為文字添加漸變。這里我就不給出具體數值了,你可以根據自己的感覺來。當然你也可以其他色系的顏色。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第30張

      添加內陰影以模擬邊緣的高光。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第31張

      當然了,要表現立體感,陰影還是不能缺少的。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第32張

      第12步:

      做到這里,總覺得icon平平淡淡,缺少點感覺。好吧,使出我們的殺手锏,添加發光!你立刻就會感受的奇跡的發生了。

      把第4步創建的圓角矩形圖層按住Alt鍵向上拖動復制一份,把填充調為0,這樣我們就可以不受這個圖層本身顏色的控制了,

      而可以對圖層樣式進行為所欲為的調整,嘿嘿。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第33張

      來吧,給它添加內發光!

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第34張

      還有內陰影

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第35張

      來看看效果,怎樣樣?是不是好看了很多。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第36張

      第13步:

      好吧,苦逼的設計師,繼續調整。雙擊圖層,打開圖層樣式面板。在混合選項中,將“圖層蒙版隱藏效果”勾選上。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第37張

      然后為圖層添加蒙版,用黑色畫筆將細節擦出來。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第38張

      第14步:

      最后添加上倒影。終于完了。

      PS設計時尚大氣的馬賽克軟件圖標photoshop教程 PS教程 第1張

      0

      評論0

      沒有賬號? 注冊  忘記密碼?
      { "errorMsg": "", "returnCode": 200 } '); })(); 欧美精品videossex