photoshop教程|UI教程|魔法藥水圖標

2020-12-13 設計庶

UI圖標初期教程

魔法藥水圖標

|photoshop教程|

(以下界面演示以Photoshop CC2017為演示工具)

【圖形設計師 ID:tuxdesign】

轉載請註明公眾號與ID

先看看效果

有興趣的小盆友可以

著手練習練習

畢竟光看是看不會的

你說捏

第一步:新建文件,給背景填充你喜歡的顏色,如圖

第二步:選擇鋼筆工具,勾勒魔法藥水的瓶子,填充顏色,設置描邊、顏色,作為裝魔法藥水的小瓶子,如圖

第三步:選擇圓角矩形,添加瓶頸與瓶口,如圖

第四步:添加魔法藥水,如圖

第五步:添加玻璃瓶子的高光質感,如圖

第六步:添加軟木塞,如圖

第七步:添加泡泡,如圖

<完>

好了,本次教程到這裡就結束了,

如果有興趣的朋友,

可以練習一下

有不明白的地方

可以下載PSD原文件參考

公號【圖形設計師】

一起學習、一起探討

相關焦點

  • photoshop教程|UI教程|小辣椒圖標
    UI圖標初期教程小辣椒圖標|photoshop教程|(以下界面演示以Photoshop CC2017為演示工具)>第二步:選擇鋼筆工具,勾勒小辣椒外形輪廓,填充顏色,如圖第三步:選擇畫筆工具,畫小辣椒的深色部份,如圖第四步:選擇畫筆工具,畫小辣椒的高光部份,如圖第五步:添加投影,如圖<完>好了,本次教程到這裡就結束了
  • photoshop教程|UI教程|素材 紅包 小圖標
    UI圖標初期教程紅包小圖標|photoshop教程|(以下界面演示以Photoshop CC2017為演示工具),Ctrl+J複製一層,縮小,命名為【金幣1】添加圖層樣式—漸變疊加(如圖)第九步:添加符號「¥」,選擇文字工具,輸入:¥,設置字體大小,顏色(如圖)第十步:選擇【¥】圖層,添加圖層樣式——漸變疊加、投影(如圖)<完>好了,本次教程到這裡就結束了
  • photoshop教程--PS製作超炫的魔法火焰文字特效S教程
    這個教程將向你展示用PS設計出魔法般的火焰文字特效,這個教程適用於初學者,只需要幾個步驟就可以用photoshop輕鬆地製作出一個看上去很棒的文字特效
  • ps自學視頻教程photoshop教程
    —ps自學視頻教程photoshop教程提高篇同樣也是兩套系列教程,想從事平面設計工作的同學認真學習研究!第一套內容配套素材=ps自學視頻教程photoshop教程1-10章節全方面概括布爾運算和UI圖標繪製消失點工具運用選擇並遮住(摳頭髮絲案例)
  • ps教程入門ps自學教程視頻photoshop下載
    動手操作才有利於水平的精進哦~ps教程入門ps自學教程視頻photoshop下載—ps教程入門ps自學教程視頻photoshop下載提高篇同樣也是兩套系列教程,想從事平面設計工作的同學認真學習研究!第一套內容
  • Photoshop CS6 安裝與破解教程【內附安裝包】
    接下來,就讓小壹教你~1.首先你要有安裝包,在這裡小壹推薦安裝PS CS6,因為後續教程的推薦大部分回和這個版本有關。    4.3 打開PS安裝的文件夾,電腦為32位系統的點擊打開Adobe photoshop CS6,電腦為64位系統的點擊打開Adobe photoshop CS6(64 Bit),如下圖所示。
  • UI設計哪個學校好?零基礎學UI設計教程分享
    零基礎學UI設計教程分享。沒有任何基礎到底適不適合學習ui設計,多久可以學會,如果零基礎想學習ui設計哪裡好呢?其實ui設計入門簡單,很多職場轉行和畢業的新手小白系統的學習幾個月都能學會,所以大家想學習ui設計其實不要太過於擔心。
  • 20個優秀的Photoshop圖標設計教程
    站長之家(CHINAZ.com)12月30日編譯:現在大部分網站都融入了圖標,圖標逐漸成為網站裡重要的一部分。適當地使用圖標能幫助實現一個在客戶看來非常專業的網站。儘管從網上可以下載到免費的圖標或者也可以購買通用的圖標,但是學會了圖標設計的技術無疑能夠帶來很多益處。這裡就有國外20個優秀的Photoshop圖標設計教程,希望對你有所幫助。
  • Photoshop設計金色主題風格的暫停按鈕教程
    先看看效果圖首先,打開ps 軟體,新建一個圖層聲明一下:因為是製作一個界面圖標,所以新建一個400*
  • Photoshop教程:免費視頻教程教你學PS
    正在閱讀:Photoshop教程:免費視頻教程教你學PSPhotoshop教程:免費視頻教程教你學PS2004-05-22 09:54出處:PConline作者:FIF 多媒體製作組針對這種情況,我們將推出一系列的視頻多媒體Photoshop教程,該Photoshop教程由FIF 多媒體製作組(http://FIF.HLW.CN)傾力製作,聲畫並茂,從photoshop入門一直到高級技術應用,系統地教授了photoshop知識。  該系統視頻教程在線播放需要您的瀏覽器安裝flash插件,如果您不能正常觀看,請點擊這裡(macromedia.com)安裝。
  • 用Photoshop製作逼真的印章圖片 PS自學課程 電商美工設計教程
    今天,我來教大家用photoshop設計印章。設計的效果相對簡單,還沒有做具體的大小設置,如果要做的更加逼真,按照實際的尺寸比例去設計,一定會更加的完美。01設計步驟Design01:打開photoshop軟體後新建文檔,文檔命名為印章製作教程,文檔的尺寸我們選擇寬680像素高
  • PS教程:Photoshop實用小技巧!(超多乾貨)
    這類書通常會在1/3的路程處把你的學習興趣通通打消的就算你毅力堅強的堅持學習到最後 學完回頭看看卻還是做不出高質量有創意的作品來看到別人好的作品還是會一頭霧水 原因是沒有重點沒有深刻理解photoshop的精髓3、初學者學習過程中最好是理論和實機操作相結合 不要看太多的理論而不去實踐 也不要盡看教程而不學理論 儘量在實例中理解photoshop的功能。
  • iOS14更換應用圖標教程
    蘋果手機更換圖標之前在iOS13系統中,我們就可以通過快捷指令這款APP的來玩,現在iOS14系統更新了之後,很多小夥伴想要修改手機桌面上的應用圖標就不知道該怎麼弄了。這裡小編為大家帶來了iOS14更換應用圖標教程,我們一起來看看吧!
  • Photoshop實例教程:17.圖章工具
    通過「21互聯遠程教育網」推出的《photoshop cs視頻教程》可以使學習者迅速掌握photoshop各項操作登入平面設計的神奇殿堂。返回視頻中心·返回很教程首頁·下載(swf格式)
  • Ai教程:定位圖標製作
    定位圖標製作1.選擇橢圓工具,在畫布上單擊創建一個圓(教程大小為200x200像素),作為定位圖標的上半部分2.打開拾色器,給圓設置一個顏色>3.選擇矩形工具,在畫布上單擊創建一個圓半徑為大小的一個矩形(教程為100x100像素)4.
  • photoshop教程ps軟體製作一個立體字效果
    打開電腦,啟動photoshop軟體,新建一個空白的文件,具體大小和參數可以根據自己情況而定,效果如圖所示。把立體字製作了,也把顏色和投影添加上去了,那麼接下來還可以添加一些光效的效果。多找幾個光效素材,在photoshop教程立體字製作文件中,進行調整。同時,光效的顏色也可以在色相飽和度命令裡調整。
  • UI設計自學視頻教程,UI設計培訓教程
    UI設計自學視頻教程,UI設計培訓教程 2019年03月12日 16:20作者:黃頁編輯:黃頁 UI設計行業的火爆已經感染了太多人的加入,很多想學習UI設計的同學卻苦於找不到合適的學習資料,今天千鋒小編為大家分享一個自學UI設計必備佳品:UI視頻教程(http://video.mobiletrain.org/ui/)。
  • PS教程之 photoshop軟體界面認知
    「麥子影樓後期」帶你熟知photoshop基礎界面,用photoshop軟體調整人性是一個非常好用的一個軟體,大家一定要熟練掌握photoshop,首先對於一個新手小白來講,一定要熟知基礎界面工具欄工具欄昨天的教程,已經給大家大概說了幾個影樓人修改的時候經常運用到的幾個工具,以後的教程裡邊包括視頻教程,也會去靈活的運用各個工具進行綜合運用,大家一看就一目了然了,但是呢,現在大家一定要熟悉,掌握一下每個工具大概叫什麼名字,裡面有什麼去看一下。
  • Photoshop繪製立體風格的日曆APP圖標教程
    給新手的日曆圖標簡化版教程,前兩天發了個超精緻的日曆寫實圖標,對新手可能有點難度,重點就是圖層樣式咯,過程細緻,步驟具體,新手也可以快速的製作上手
  • Photoshop初學者教程:逐幀動畫製作基礎(3)
    正在閱讀:Photoshop初學者教程:逐幀動畫製作基礎(3)Photoshop初學者教程:逐幀動畫製作基礎(3)2007-09-19 09:12出處:作者:webkxq2007>更多精彩平面及網站設計圖文教程、視頻教程,盡在PConline創意設計欄目。