地球圖標設計

地球圖標就我們比較熟悉的一種網頁小圖標,我們可以用它做成標誌的一部分,也可以應用在網頁的插圖當中。這樣的一個地球圖標在繪製的時候也是有著多種不同的風格,我們可以通過鋼筆來繪製完成。

工具/原料

photoshop

方法/步驟

構思:我們繪製的地球圖標是一個地球的形狀,一個圓弧橫跨整個地球,代表了一種走遍全球的意思,而一個個大的經度與緯度呈現在地球上面。在顏色方面就是漸變的藍色,從而讓這個地球圖標成為一個藍色的星球。首先,我們選擇矢量圓形工具畫出兩個同心圓,再用鋼筆工具開始繪製多個不同的圓弧。

繼續使用鋼筆工具繪製出地球上面的各種的經度與緯度的圓弧。再使用一個圓形工具繪製出一個橢圓。

設置一個深藍色到淺藍色的漸變,我們把大的地球路徑轉換成一個選區,再填充一個藍色的漸變。

設置前景色為淺藍色到深藍色再到淺藍色的漸變。我們選擇這個大的圓弧,再轉換成為選區,拉出一個藍色的漸變。

設置淺藍色的漸變,我們選擇地球內部的圓形路徑轉換成一個選區,我們拉出一個淺色的漸變。

設置前景色為藍色,我們填充所有的經度與緯度,從而這個地球圖標就製作完成了!

相關文章

  1. 地球卡通圖標設計

    地球是我們的心中是一個美麗的家園,要繪製這樣的一個圖標就要把它的特點描繪出來.我們的創意就是一顆藍色的星球,上面有著很多的節點,代表了地球上的繁榮興旺的發展狀態.有了構思與創意之後,我們就可以開始繪製 ...
  2. app 圖標設計教程

    app開發後,必須為它設計一個圖標.那麼,如何設計圖標呢?看完這篇經驗,您就會明白. 工具/原料 一台台式機/筆記本/一體機電腦 一定的美術水平 如何開始 首先,必須要準備一台台式機/筆記本/一體機電 ...
  3. Photoshop繪製一枚簡單的日曆應用圖標設計教程

    在本教程中我們將會向您展示如何設置"千嬌百媚"我們最流行 的圖標的日曆繪製教程,在作品開始繪製之前我們腦海里一定要有設計這樣作品的各個元素,根據思路一定的繪製一個簡單的草圖. 最終 ...
  4. 母嬰系列線性描邊圖標設計教程【Sketch教程】

    為大家講解一下一個比較簡單的sketch線性描邊圖標的製作教程,效果圖如下: 工具/原料 sketch 方法/步驟 首先我們打開sketch軟體,看見耀眼又高冷的大鑽石. 選中圓形工具在畫板上畫一個正 ...
  5. PP圖標設計教程

    下面進行一下PP圖標教程,具體的往下看.... 方法/步驟 畫布顏色我們先選擇白色. 其他參數跟上圖一樣就可以了.好的,現在我們會看到一個空白的畫布,你現在可以在上邊來設計圖標啦 讓我們來看看他是怎麼 ...
  6. 愛心圖形信封主題圖標設計教程

    近日自己翻譯了一個"愛心信封"圖標設計教程,效果還是蠻不錯的,今天發布上來大家一起學習一下,還是老套路先來看看最終的效果吧!轉載請說明來源額! 工具/原料 Photoshop軟體 ...
  7. UI圖標設計的六個技巧

    無論各種橫的,豎的,奇形怪狀的圖形都信手拈來. 方法/步驟 =形狀圖層 PS是一個像素處理軟體,可以做到和AI一樣繪製各種複雜的矢量圖形.有讀者會問為什麼不用AI,而要學習PS繪製路徑,因為PS才是適 ...
  8. 簡單易懂好上手!從零開始學習圖標設計(上)

    這篇文章涵蓋了圖標設計的所有基礎知識,幫你從零開始學習製作精美圖標. 在你開始使用圖標之前,你首先需要了解圖標這個東西到底是什麼,它來自哪裡,它是誰,它要到哪裡去.接下來通過一些簡短的圖標歷史介紹,帶 ...
  9. win7右下角通知區域圖標設計技巧

    WIN7在安裝了許多軟體後,右下角的通知區域圖標會很多,有些是根本不需要看到的,有些是有通知時才需要看到的,如何讓雜亂無章的右下角變的乾淨利落.具體設置方法如下 方法/步驟 打開"自定義通知 ...
  10. Photoshop同3Dsmax做立體圖標設計(教程)

    MenuEverywhere是MacOSX上的一款小程序,主要是用來給每個窗口都增加一個Menubar,方便在顯示器或者窗口很多的時候,為用戶找到osx原始菜單欄. 前一陣剛用3Dsmax和Photo ...
  11. 給大家分享一款圖標設計製作軟體

    給大家分享一款圖標設計製作軟體 現在進入網際網路時代  很多網站logo 淘寶店鋪 寶貝圖片 相冊 都是五花八門  怎麼設計一款自己滿意的圖標呢  今天就教大家如何使用這款圖標設計軟體吧 工具/原料 I ...
  12. favicon圖標設計使用

    favicon.ico一般用於作為縮略的網站標誌,它顯示位於瀏覽器的地址欄或者在標籤上,用於顯示網站的logo,如圖紅圈的位置, 目前主要的瀏覽器都支持favicon.ico圖標. 工具/原料 在線制 ...
  13. 小黑板應用圖標設計教程

    本文教程很有意思,是最近在網絡上流傳的比較不錯的UI設計教程,小黑板應用圖標設計教程是由網友"石頭想飛"的原創作品,教程簡練精髓,廢話很少一針見血果斷精闢. 最終效果 工具/原料 ...
  14. 卡通圖標設計

    運用AI設計卡通圖標圖形教程 工具/原料 illustrator教程 方法/步驟 本教程主要使用Illustrator繪製卡通風格的圖標.運用illustrator設計卡通圖標圖形教程上 本教程主要使 ...
  15. Photoshop繪製一枚PS字樣金屬拉斯底板圖標設計

    今天晚上來給朋友們整理一個"PS"字樣的拉斯效果底紋應用圖標設計教程,同樣的還是基本濾鏡效果的應用,很實用的一款UI設計教程.教程的原作者是來自站酷一個叫"Mr_JY&q ...
  16. ui圖標設計教程

    UI設計是一門長期性的學問,一課一時是講不完學不完的,技術靠的是沉澱,積累經驗,多看多動多想,才能有所提升! 今天講解一個UI小知識:用PS臨摹icon圖標! 工具/原料 電腦 PhotoShop 方 ...
  17. 用3Dsmax與Photoshop做立體圖標設計

    MenuEverywhere是MacOSX上的一款小程序,主要是用來給每個窗口都增加一個Menubar,方便在顯示器或者窗口很多的時候,為用戶找到osx原始菜單欄. 前一陣剛用3Dsmax和Photo ...
  18. 漢堡包圖標設計

    漢堡包是大家都非常熟悉的一種美食,我們在吃這樣的美食的時候,也會傾心於它的內在豐富的夾層.我們在繪製這樣的一種美食圖標的時候,也要充分的了解它的結構才能準確的在圖形上呈現這些特點. 工具/原料 pho ...
  19. 高樓大廈圖標設計

    高樓大廈的大城市隨處可見,我們今天要來畫一畫這個高樓大廈的圖標,它是一個長方體形狀的大樓,有著很多的窗戶在樓面之上,我們一步步的來進行繪製. 工具/原料 illustrator 方法/步驟 先畫出一個 ...
  20. 影片圖標設計

    每一個人的心中都有著幾部自己珍愛的影片,影片圖標的設計可以很好的呈現電影膠片的魅力,我們就來做一做影片圖標設計. 工具/原料 illustrator 方法/步驟 使用圓角矩形畫出影片的輪廓,畫出影片上 ...