PS教程:我的PS我做主之製作抖音UI圖標

2020-12-19 我的PS我做主

抖音圖標的教程。

1、首先新建一個1024X768解析度為72像素/英寸的文檔,為了看的清楚一點,給背景填充一個淺藍色#8d8dff,然後選擇橢圓選框工具,屬性欄上將樣式改成固定大小,把寬度和高度都設置為300像素,在畫面上單擊,就出現一個正圓形,然後新建圖層命名為「大1」,把前景色設置為青色#00ffff,按Alt+Delete給正圓形填充顏色:

2、填充完成後單擊右鍵,選擇變換選區,屬性欄上將水平和垂直縮放改成50%,就形成了一個小的正圓形。然後再新建圖層命名為「小1」,給小圓填充白色,Ctrl+D取消選擇:

3、按照1的方式再創建一個寬高大小為250像素的正圓形,新建圖層然後填充青色#00ffff,命名為「大2」:

4、單擊右鍵,選擇變換選區,這次把水平和垂直縮放值改為40%,新建圖層命名為「小2 」,給小圓填充白色,Ctrl+D取消選擇:

5、按快捷鍵Ctrl+R顯示標尺,分別在內圓的圓心建立水平和垂直方向的參考線,再在內圓的左側和右側建立參考線:

6、參考線建立好之後,選擇矩形選框工具,分別對以下幾個地方進行刪除,選中該圖層,刪除需要裁剪的地方:

7、然後刪除第二個需要裁剪的地方:

8、第三個需要裁剪的地方:

9、新建圖層命名為矩形,在兩圓之間繪製矩形並填充青色:

10、按住Ctrl鍵點擊「小1」縮覽圖載入選區,然後選擇「大1」圖層,Delete刪除,隱藏「小1」圖層,Ctrl+D取消選擇:

11、用同樣的方法,載入「小2」圖層的選區,選擇「大2」圖層,Delete刪除:

12、隱藏小1小2和背景圖層,Ctrl+Shift+Alt+E蓋印圖層(或者合併圖層效果是同樣的)ctrl+h清除參考線,複製一層填充白色,並按向右的方向鍵把圖標向右移動位置:

13、再複製一層,放到圖層1下面,設置背景色為#ff1854,按Ctrl+Delete填充顏色,繼續往右移動:

14、新建圖層,選擇矩形選框工具繪製矩形,填充黑色,放在圖標下面:

15、用鍵盤上的方向鍵向上下左右分別移動紅色青色和白色圖標,擺放在適當的位置,最終效果:

提要

新建畫布,大小自定分別畫出四個圓,添加參考線,刪除不需要的部分蓋印圖層,得到新的圖層在複製出兩個圖層,填充不同的顏色,交錯兩到三個像素擺放

相關焦點

  • ps快速畫表格的教程
    視覺傳達專業&VI專業:ps快速畫表格的教程有一個室內設計的學生問了一個如何在ps裡面做表格,其實在ps裡面做表格方法是很多的,我總結了有十多種方法,不過我覺得有一種方法還是比較好,所編了教程,供學員和同仁學習參考。
  • 2020年ps資源合集,包含PS插件、教程、素材、字體、模板等免費送
    大家好,我是厄呃ee,名字讀起來有點怪異,這不是重點,今天為大家為大家整理一套2020年ps大合集,內容包含ps源文件、高清ps教程、中英字體、各種模板、ps筆刷、素材、磨皮插件、燈光工廠、色卡合集、文字樣式、各種炫酷漸變、非常的齊全後期還會繼續更新其他的。
  • ps教程入門ps自學教程視頻photoshop下載
    儘管沒有學習使用過ps卻耳熟能詳。確實作為一款強大的圖片處理工具,在生活中被廣泛使用。今天給大家分享我學習的ps教程。有入門、基礎、進階等各階段的學習資料,大家根據自己的需求選擇性學習!動手操作才有利於水平的精進哦~ps教程入門ps自學教程視頻photoshop下載
  • 製作一寸證件照(ps教程)
    製作一寸證件照(ps教程) (ps教程)學習ps最實用的技術是什麼?學習ps最實用的技術是製作證件照。因為證件照人人都會用到。怎樣製作證件照?本教程用一寸證件照為例進行講解。1、打開ps軟體,在你的電腦硬碟中找到要應用的照片雙擊打開。
  • ps自學視頻教程photoshop教程
    儘管沒有學習使用過ps卻耳熟能詳。確實作為一款強大的圖片處理工具,在生活中被廣泛使用。今天給大家分享我學習的ps教程。有入門、基礎、進階等各階段的學習資料,大家根據自己的需求選擇性學習!當然這是根據你的學習需求來的,大多數我學習ps就是為了生活中簡單的p圖,那基礎內容已經完成可以滿足你的需求了,就不需要看下面的內容啦。不過可以保存以做不時之需!—ps自學視頻教程photoshop教程提高篇同樣也是兩套系列教程,想從事平面設計工作的同學認真學習研究!第一套內容
  • PS教程 我的PS我做主之卡通圓滑文字
    我們再用圖層混合選項中的「陰影」,顏色、距離、大小都按照我圖中標示的調整。距離:11,大小:10 。4. 我們用圖層混合選項中的「內陰影」顏色、距離、大小都按照我圖中標示的調整。距離:1,大小:6。5. 我們圖層混合選項中的「外發光」顏色、不透明度、大小可以按照我圖中標示的調整,也可以根據實際情況自由調整。
  • ps教程入門ps自學視頻photoshop下載
    動手操作才有利於水平的精進哦~ps教程入門ps自學教程視頻photoshop下載當然這是根據你的學習需求來的,大多數我學習ps就是為了生活中簡單的p圖,那基礎內容已經完成可以滿足你的需求了,就不需要看下面的內容啦。不過可以保存以做不時之需!—ps教程入門ps自學教程視頻photoshop下載提高篇同樣也是兩套系列教程,想從事平面設計工作的同學認真學習研究!
  • 如何使用ps製作出立體雪花圖標?詳見操作過程
    photoshop系列軟體最新版本下載Photoshop CC軟體版本:2017 正式版圖形圖像立即查看Photoshop 8.0軟體版本:中文免費版圖形圖像立即查看今天小編就來講解ps製作出立體雪花圖標的操作過程 ,想要了解的朋友就看下文
  • PS教程|如何製作立體效果的書本封面
    這篇教程是向燕西的朋友分享用ps製作立體效果的書本封面,教程製作出來的效果非常漂亮,難度不是很大,很值得大家學習,一起來看看吧將圖書封面做成立體狀態有時看上去會更美觀。那麼,我們該如何利用ps製作立體封面呢?
  • PS教程 我的PS我做主之立體數字效果
    新建圖層3設置前景色為白色設置畫筆,大小10像素,硬度100%在路徑面板,激活路徑2,並用畫筆描邊路徑得到結果然後執行菜單欄濾鏡-模糊-高斯模糊(說明一下快捷鍵是我自定義的CTRL+D取消選區,濾鏡-模糊-高斯模糊 150為圖層7添加蒙版「G」漸變工具,滑鼠右鍵,選擇前景色到透明漸變,在蒙版上不斷地拖動滑鼠隱藏一些白光,得到大致效果:新建圖層8,「G」,漸變工具,前景色設置為黑色,不斷拖動滑鼠,調整漸變效果8、最終調整,新建圖層,按著ALT+單擊新建圖標
  • PS教程:PS打造腥紅流血的寫輪眼
    如想要了解我的,請百度搜索羅錦,歡迎了解更多我的設計之路!想要學習PS的掃下方二維碼,備註學習PS。用鋼筆工具勾出血的形狀,再轉為選區,填上血紅的顏色酷炫立體文字人像教程乾貨:為什麼自學平面設計的人都學不會?思考 Photoshop人像後期磨皮的基礎原理UI 是什麼?UI 設計需要學習哪些軟體?你真的知道平面設計和UI設計的區別?ps入門教程:平面設計與ui設計有什麼不同?
  • ps基礎教程:ps的工具使用
    三、通過實例熟悉常用工具想要用好ps,首先要了解ps中最常用到的工具箱。ps的工具箱就像是一個百寶箱,它裡面提供了幾乎所有能夠輔助我們進行各種操作的有用的工具。這裡我就介紹幾個常用的工具。[轉載]ps入門教程(5) 將頭髮進行染髮。使用【畫筆工具】製作染髮效果。步驟看圖。
  • PS教程:簡單的PS瘦臉方法
    如想要了解我的,請百度搜索羅錦,歡迎了解更多我的設計之路!PS軟體下載地址:需要學習軟體的同學,大家可以百度搜索錦子會,去錦子會博客下載更多學習資源!如想要了解我的,請百度搜索羅錦,歡迎了解更多我的設計之路!想要學習PS的掃下方二維碼,備註學習PS。
  • ps蒙版的使用--ps篇
    ps蒙板怎麼用想要學好ps,蒙板是必須要掌握並學會的,那麼ps蒙板怎麼用呢?下面用實例為大家講解。ps蒙板中灰度代表透明度,直白的說就是給圖層添加蒙板之後,黑色代表不顯示,灰色代表透明,而白色代表完全顯示。
  • UI設計哪個學校好?零基礎學UI設計教程分享
    零基礎學UI設計教程分享。沒有任何基礎到底適不適合學習ui設計,多久可以學會,如果零基礎想學習ui設計哪裡好呢?其實ui設計入門簡單,很多職場轉行和畢業的新手小白系統的學習幾個月都能學會,所以大家想學習ui設計其實不要太過於擔心。
  • ps快速入門實戰教程10分鐘學會專業設計
    快速學會ps教程一,添加保存圖片當我們打開ps時候,1在我們的界面空白處雙擊打開2.可以將圖片直接拖到顯示區域3.可以點擊文件菜單選定文件打開。保存與另存為,點擊文件菜單--存儲另存為---書寫文件名進行想要保存的位置。
  • PS教程、PS素材幹貨
    1、PS家園網連結:http://www.psjia.com/PS家園網集PS教程、PS筆刷、濾鏡下載、PS素材下載、PS交流於一體,為PS攝影后期愛好者提供了各類優秀的學習教程及資料。同時,強大的素材庫還能為PS實操增添泉湧般的設計靈感。
  • 如何製作板繪ps筆刷?ps入門基礎
    如何製作板繪ps筆刷?ps入門基礎!一些剛接觸photoshop軟體繪畫的萌新,可能還不清楚PS筆刷是如何導入的,筆刷一般存放在哪個文件夾,怎麼自定義設置筆刷。本期微課菌就來分享一組入門級的筆刷創建教程。
  • ps教程:印章做舊的方法和殘舊印章製作教程
    其實PS殘舊印章效果製作方法有很多種,比如使用PS自帶的濾鏡,或者準備特定素材圖片來做殘舊效果。第一,PS印章如何做舊之案例教程:1.選擇工具箱中的文字工具,輸入文字,並且調整位置、顏色、字體、字號。2.創建新圖層,使用矩形選框工具在文字外圍繪製出一個矩形選區。
  • ps軟體裡面怎麼製作表格框
    ps設計的時候需要製作表格,經常用到,這裡我們自己總結一個好辦法可以分享給大家來學習借鑑使用,網上也有一些教程零零散散