網路城邦
上一篇 回創作列表 下一篇   字體:
AI- 國旗icon
2014/11/21 14:13:05瀏覽2152|回應3|推薦36

在網頁製作過程中, icon 是個小小螺絲釘, 美美的 icon 當然是加分的!

今天就來做做基本功, 做個國旗 icon! 

著重在效果製作, 所以以簡單的三色荷蘭國旗為範例!

 荷蘭國旗 -紅白藍三等分

 

1. 橢圓工具 -> 工作區域內 單點 (出現橢圓工具框) -> 100x100的圓
   
2. 拉出參考線 (上下怍線各一條, 中間放二條)
   
3. 對齊 -> 對齊至(對齊選取的物件) -> 垂直均分
   
4. 將圓切分成三等份
   選取圓和中間兩條參考線 -> 路徑管理員 -> 分割 -> 解散群組
   
5. 選取物件 -> 填色(荷蘭紅白藍三色)
   
6. 做暗化效果
   再畫一正圓 
   漸層 -> (開啟)漸層面板 (放射狀 -左白 -右黑)
   
   透明度 -> 暗化
   
   暗化效果與圖形重合 選取此二物件 -> 對齊面板(水平, 垂直對齊)
   
   完成圖
    
7. 製作反光點
  a. 畫一橢圓 -> 漸層 ->
   
   漸層設定 - 白到白 (右邊不透明度為0)  
   
  b. 移至上方反光位置
     

     

同樣的以漸層設定, 再來製作下方陰影, 

橢圓 -> 填漸層色 黑色 不透明度由 100%(左)  -> 0% (右)

再看一次努力的成果!

    
心亂的時刻裡, 再告訴自己一次, 
簡單的事重複做,就會是專家;
重複的事用心做,就會是贏家!
( 知識學習檔案分享 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=runa2012&aid=19164423

 回應文章

Hi-10000-0
等級:7
留言加入好友
2014/12/03 21:23
你得有立體感  像個圓球  我的不太像喔  那亮點顏色也不太對!
靶心放在快樂的地方(runa2012) 於 2014-12-07 21:00 回覆:

漸層如果不乖, 把拉桿藏起來, 就注意這三個地方, 尤其是漸層面板是否沒設漸層樣式!!

謝謝 10000-0, 好感謝妳的喜歡, 讓我覺得有成就感.... 好幸福的味道


Hi-10000-0
等級:7
留言加入好友
2014/12/03 21:19

Ai大概只上了10次左右吧!老師又跳回PS

還好再照妳教學步驟  再慢慢練習  否則又全部還老師了

icon只三等分因沒全部選取 就是做不出來

現體會操作若卡一關 沒突破就做不出了

還有漸層也是不聽指揮  那漸層的棒子出來  

為何有時可操作旋轉拉長短  有時就無法操作?

試了幾次   還是不懂   下午開始練習看  修修改改

總算可以交作業了

靶心放在快樂的地方(runa2012) 於 2014-12-07 20:51 回覆:
AI, 面板太多了, 常會跳來跳去, 漸層也是我在初學時常卡關的地方, 大概注意三個地方, 1.選擇填色還是筆畫, 2.漸層工具, 3.漸層面板設定漸層樣式...妳已經好強了, 做得出來, 再來就是練習囉! 10000-0 加油, 會越畫越順...

Hi-10000-0
等級:7
留言加入好友
2014/11/25 20:18

快樂靶心   又來報告了

這幾天對你幾篇【特殊文字】的教學

好好做個總整理  真的有些加碼

光是交作業-學習筆記  就要花些時間   

你的教學筆記 一步一步詳細  但作的人實在繁雜吧

只做幾個 提醒自己不要忘了  就要沒耐心

還好隨時可上你的格子複習   謝謝

靶心放在快樂的地方(runa2012) 於 2014-11-26 08:15 回覆:

10000-0 

真要給妳鼓鼓掌, 往前衝的同時, 也會回頭複習, 才能內化為自己的功力!

教學文有得地方我沒寫得很清楚, 尤其是 ai 的部份,

細節太多, 交代清楚, 可能看不到想要表達的操作流程!

只能寫給熟悉指令的人, 來學習用法用的, 

ai 的面板跳來跳去, 我學漸層時, 模模糊糊, 亂用一通, 用了好久, 才現出個頭緒, 

還好這亂亂用的經驗有累積下來, photoshop 也都類似, 

哈哈, 學起來了還蠻划算的..

我也是看教學文走過來的, 我懂妳的感覺, 常常一本書, 看得下去的沒幾篇, 

不過, 看著看著, 不知何時, 懂得就越來越多了!

最近在找網域, 空間, 待完成時, 再邀妳來我的網站逛逛..