如何製作圓角矩形圖標

看著手機上的圖標很漂亮,其實很多都是用PS製作的,那麼對於我們不懂PS的人來說能不能做出同樣漂亮的圓角矩形圖標呢?答案是可以的,下面就讓我們來傻瓜式製作漂亮的圓角矩形圖標吧!

工具/原料

電腦
瀏覽器

方法/步驟

首先我們打開電腦瀏覽器,在百度輸入"直角轉圓角圖標",百度一下。

我們看到第二個百度結果,點擊進入。

點"選擇文件"來選擇打開我們要製作圓角矩形的圖片。

選擇好文件之後點"上傳"。

這一步上面的參數不要動,默認就行,然後點"製作"。

之後右邊的顯示區域就會把製作好的圓角矩形圖標給顯示出來,滑鼠右擊」圖片另存為「就大功告成了!

相關文章

  1. css製作圓角矩形

    想知道如何使用css製作圓角矩形嗎? 方法/步驟 新建html頁面,在html頁面創建div標籤.如圖: 創建圓角樣式.創建圓角的樣式class類,在div標籤中引用class類.如圖: 查看效果.保 ...
  2. PS怎麼製作圓角矩形選區 圓角圖片

    Photoshop如何選擇圓角矩形選區,製作圓角圖片呢.有時為了圖像的美觀,我們需要把圖片製作成圓角的虛化的.那怎樣輕鬆創建圓角選區,把照片直角變成圓角呢 ^_^ 工具/原料 Photoshop CC ...
  3. 如何用AI製作圓角矩形按鈕

    AI是一款著名的作圖軟體,利用AI做圓角矩形按鈕是非常簡單的,下面用幾個很少的步驟做下簡單的圓角矩形按鈕 工具/原料 筆記本電腦或桌上型電腦 AI軟體 方法/步驟 打開AI軟體,新建一個文檔,用圓角矩形 ...
  4. Axure7.0製作圓角矩形、圓角圖片

    Axure7.0製作圓角矩形和圓角圖片最好方法 工具/原料 Axure RP PRO 7.0 方法/步驟 選擇Rectangle控制項 左右拖動矩形左上角黃色倒三角. 圓角矩形製作完畢,黃色倒三角控制圓 ...
  5. css+div製作圓角矩形的四種方法

    圓角矩形一向是設計師最傾心的一種設計,因為他們可以讓整個網頁生動起來,不那麼死板,所以,作為一個優秀的網頁設計師,學會一種或多種編輯圓角矩形的方法是必不可少的,而且圓角矩形應用範圍極廣,一個網頁內的所 ...
  6. ps疑問解答:[37]ps如何製作圓角矩形圖片

    將一張圖片做成圓角矩形的效果,和原圖對比如圖~ 方法/步驟 打開要做圓角矩形的圖片後,選擇圓角矩形工具~ 可以更改界面上方的半徑,來改變圓角的大小 然後用滑鼠點擊左上角,往右下角拉,畫出圓角矩形框~ ...
  7. 如何製作圓角矩形相框

    利用ps製作圓角矩形相框,主要利用了圖層樣式和圓角矩形功能,現在就分享製作的步驟和截圖,僅供參考. 工具/原料 Photoshop cs5 方法/步驟 首先啟動Photoshop cs5,執行ctrl ...
  8. ps中怎麼製作圓角矩形?

    ps軟體是一款設計需要掌握的軟體,學習ps軟體可以處理各種圖片特效,ps軟體學習需要慢慢來,今天這裡給大家將一下ps中怎麼繪製圓角矩形,希望對大家有所幫助. 工具/原料 電腦 ps軟體 ps中怎麼繪製 ...
  9. AI怎麼製作圓角矩形等比縮放的效果?

    上一篇經驗中也說到了圓角矩形同比縮放的方法,用到的是偏移路徑的方法.也是非常簡單好操作的. 但是並不是僅僅只有一種方法可以得到這樣的效果,下面再介紹一種其他的方法,來達到同樣的目的 方法/步驟 首先打 ...
  10. Photoshop如何創建圓角矩形選區及製作圓角照片

    在使用Photoshop的過程中大家用到圓角選區的情況也比較多,比如製作網頁按鈕,圓角邊框等.那麼我們怎麼才能輕鬆快捷的創建圓角選區,圓角矩形選區哪?還有一種經常用到的是把直角的照片做成圓角,也是一種 ...
  11. 怎樣製作圓角圖標

    由於移動應用的興起,越來越多的地方需要用到圓角圖標,在此介紹一種方法,可以快速獲取精準的圓角圖標效果. 第一步,進入圓角圖標在線生成器,如下圖 第二步,單擊打開按鈕,選擇需要處理的原圖片,如下圖 第三 ...
  12. 如何使用ps製作圓角圖標

    本經驗將告訴大家如何使用Photoshop製作手機圓角圖標 工具/原料 photoshop cs5 方法/步驟 首先,打開photoshop cs5. 點擊"文件-新建",輸入名稱 ...
  13. 怎麼在線製作圓角圖標

    怎麼在線製作圓角圖標?現在小編教你操作方法如下詳細圖解. 工具/原料 電腦 百度 PS軟體 方法/步驟 用PS軟體製作好一張200*200像象素的圖片.如圖示 然後,百度搜尋:圓角圖標在線生成器.如圖 ...
  14. 如何在PS中製作一個虛線圓角矩形

    前面呢給大家說過怎樣在PS中畫出一條虛線,你會畫了麼?舉一反三,今天呢還給大家說一下:在PS中製作一個虛線圓角矩形.下面成就一起來看看吧. 工具/原料 安裝有PS的電腦一台 方法/步驟 在你的電腦上找 ...
  15. 如何製作圓角圖標?

    現在做app的人越來越多,怎麼樣給自己的app配上一個好的圖標呢,而且很多應用平台對圖標的要求都是圓角的,本經驗將介紹如何處理圖標為圓角圖標. 工具/原料 Photoshop 方法/步驟 首先打開Ph ...
  16. 如何用ps製作一個別人複製不了的圓角矩形

    對於圓角矩形大家都是比較熟悉的,ps軟體也可以直接畫出圓角矩形,並且可以調整圓角的弧度.但是這些圓角你可以做出來,別人同樣可以.那麼,如何用ps製作一個別人複製不了的圓角矩形呢?下面就讓小魚給大家介紹 ...
  17. PS,AI製作手機APP圖標的方圓角圖標

    介紹一款當下最流行的APP圖標背景形狀---方圓角圖標,顧名思義就是一個正方圖形轉換成邊和角都是弧形形狀.好多APP都用的很多,我初識的時候看過一個視頻,過程有點複雜,是某某自學網上吧! 工具/原料 ...
  18. Photoshop製作帶有圖層樣式的圓角矩形

    這篇講義主要教大家如何利用Photoshop製作帶有圖層樣式的圓角矩形,從而讓大家能夠對圖層樣式有一個深入的了解 工具/原料 Photoshop 方法/步驟 打開Photoshop,新建一個800x6 ...
  19. PhotoShop製作空心圓角矩形

    PhotoShop製作空心圓角矩形的方式有許多種方法都可以做到,這裡主要運用選框工具 工具/原料 PS 方法/步驟 打開PS工具,新建一個畫布 選擇圓角矩形工具 在畫布中繪製一個圓角矩形 在跳出的圓角 ...
  20. ps中Photoshop鋼筆圓角矩形橢圓工具畫ui圖標

    ps中Photoshop鋼筆圓角矩形橢圓工具畫ui圖標 先看下效果圖. 方法/步驟 打開電腦中安裝的ps軟體,ctrl+n新建文件,參數自定義,單擊確定按鈕. 選擇[圓角矩形工具],在文檔中畫一個沒有 ...