<![CDATA[Illustrator好簡單。]]> Mon, 22 Jun 2009 11:31:55 +0800 zh-tw <![CDATA[錄影檔分享恢復囉~]]>
上個禮拜有短暫的一兩天，因為Server休息的緣故，錄影檔暫時無法播放；
現在Server已經重新振作，錄影檔又可以播放了～

繼續歡迎舊雨新知蒞臨，若是有任何想法或問題，都可以留言囉，
謝謝大家～


]]> Thu, 18 Jun 2009 14:29:12 +0800 <![CDATA[Illustrator單元劇－象徵漸層Logo繪製]]>


↑像這樣具有web2.0風格的象徵性logo，是怎麼完成的？

大家好。

這篇文章的由來，起因於一位這邊的朋友，觀摩一個國外網站上的教學時遇到困難，所以我自己看了看練習了一下之後，就在這邊和各位分享囉。(謝你提供的意見阿)

請先看看這篇文章：

Illustrator Quick Tips #1 - Complex Symbols with Pathfinder


所以我接下來JoinNet裡面錄製的，就是按照這篇文章的步驟來做繪製。至於最後成品的部分，就請各位自己try try看想要呈現的效果。

其中，這篇文章的重點其實很簡單：

1. 圖層的重疊
2. 透明度面板的－色彩增值
3. 分割、漸層上色

就這樣，很簡單阿，一起來看看吧！


請點此開啟錄影檔：Illustrator單元劇－象徵、漸層的Logo繪製 (10分11秒)

]]> Sat, 21 Mar 2009 01:55:53 +0800 <![CDATA[Illustrator單元劇－鑽石鑽石亮晶晶]]>

鑽石鑽石亮晶晶～五種氣味唷～

不知道為甚麼，每次都會唱成這樣......


大家最近好嗎？

今天要一起過個閃亮亮的一天唷！
為了貫徹閃亮亮的生活，那我們也來學學閃亮亮的：水鑽，要怎麼用Illustrator來表現！=v=


ㄎㄎ，每次我跟各位分享的都是幾個步驟就完成的超簡單單元，讓大家畫的開心又安心。
所以，這次也不例外，我們幾個步驟來完成這個閃亮亮水鑽：

1.  多邊形工具－10個邊
2.  3D效果－突出與斜角
3.  再給他個霧濛濛的光澤背景(外光暈)
4.  順便跟各位分享旁邊那個 星芒 的超簡單畫法


就這樣咧，好簡單，大家一起來實做看看唄=v=


點此開啟JoinNet的分享錄影檔－Illustrator單元劇－鑽石鑽石亮晶晶 (6分49秒)


]]> Mon, 09 Mar 2009 11:37:50 +0800 <![CDATA[一件小趣事=v=]]> 不過其實我平日會使用的還是只有firefox，所以今日索性想把其他兩個都移了，等到某天需要時再安裝就好。
結果.....safari移掉之後，剛剛要移google時，竟然看到他這樣問我......




我笑了......




多留你一會兒吧......
]]> Fri, 06 Mar 2009 11:07:29 +0800 <![CDATA[Illustrator單元劇－四個步驟畫”水晶按鈕”]]>

↑四大步驟畫出來的按鈕=v=


大家好久不見=v=

新年好，各位有沒有穿新衣又帶新帽

在新的一年，要繼續po文章和各位分享分享簡單又實用的繪製技巧，希望大家也能夠用嶄新的頭腦給我一些新的想法跟意見咧=v=


哈哈哈。那這篇要講到同樣是按鈕的繪製技巧。
我只能說，按鈕真的超實用的！我自己就常為了一些網頁或是廣告文書中，畫這些”看似簡單，但又要很吸引人”的小東東～


之前我在「Illustrator單元劇！按鈕(Button)的繪製」，也曾經分享過畫按鈕的技巧；但有一點相當大的不同是”高光”的繪製。
先前我講的是用”不透明遮色片”，來做遮罩，然後再調整高光遮罩的漸層色；
但這次我只調整了”透明度浮動面板”，從”一般”的設定，改成”網屏”的設定，就達成了另一種”高光”的感覺。


所以這次文章的重點就是又快又好玩，容易修改又簡單，的按鈕繪製。

以下四大重點：
1.    畫矩形、填漸層
2.    從剛剛畫好的矩形，切割成高光要用的形狀→填漸層→設定成”網屏”
3.    輸入文字，視需要加上陰影
4.    把以上元素都組合起來，最後，視需要把最底下的矩形，多加一個”陰影”，讓他立體突出


另外，你在設定陰影的時候，會覺得你的影子怎麼這麼粗糙，都看的到馬賽克嗎？
對此，我也去調整了：文字點陣效果設定。


就這樣啦。

接下來，有興趣的你，歡迎點開錄音檔，來看看整個繪製流程吧=v=

「單元劇－四個步驟畫水晶按鈕」(14分57秒)(有分章節可以跳著看喔～)


另外，請記得先至blog右手方，下載安裝JoinNet之後，才能播放錄音檔喔！

下次再會～

]]> Sat, 21 Feb 2009 04:05:32 +0800 <![CDATA[2009 新年快樂！！！]]>

↑由中國站長站 下載

2009年快樂

My dear all，好久不見

2009年就這樣不知不覺的到了=v=

大家在新年有甚麼樣的期許呢？
我已經訂好2009年的目標咧


久沒po新文章，2009年還要繼續衝刺，期待之後會有更多"實用系列"，能跟各位分享。
或是大家在各方面的學習上，不論是軟體或是設計技巧啦啥的，都可以分享出來，一起交流唄～=v=


最後，這張圖片是從這個 中國站長站 找來的，
他同樣是個非常非常豐富的素材網，有圖片、桌布、向量圖檔(這個真重要)，png圖標素材等 可以下載參考(請尊重原著作)



哈哈！那就先這樣跟大家拜個年～

最後，除了2009年要有新的目標之外，
2008年的你，學到了些甚麼呢？


]]> Fri, 23 Jan 2009 11:42:43 +0800 <![CDATA[Illustrator單元劇－來畫"迴紋針" !]]>

如上圖的迴紋針，曾經是我夢寐以求，又畫不出來的物件=v=


其實只要三個圓角矩形，最後剪剪貼貼的把它融合成一個迴紋針的線條，

而那個讓我望而卻步的漸層，實際上只要多複製一條迴紋針的形狀，

換上不同的顏色之後，兩條線段再做顏色的漸變～

So easy，So happy？

快來親嚐快速繪製迴紋針的甜美滋味吧。
 
 
「單元劇－迴紋針的繪製」請點此開啟錄音檔。(10分43秒)

注意喔～請各位下載安裝JoinNet之後，才能播放此部落格的所有分享。點此下載安裝JoinNet。]]> Wed, 15 Oct 2008 10:27:12 +0800 <![CDATA[OpenType & TrueType －為什麼Illustrator有些版本字型會變亂碼？]]> 之前曾經短時間的用過Illustrator CS的版本，也發現了有一些字型會變成亂碼的問題，
對於這個狀況，就是因為字型編碼：OpenType 和 TrueType 的關係。


這些是我整理出來的資訊，也免得自己老是忘記。如下（謝謝我們豐富的網路資訊）：

●TureType－大多以 BIG -5碼 編碼 (BG碼)
●OpenType－字型編碼為 Unicode萬國碼 (新一代的字型標準)

而Illustrator CS 因為支援的是 Unicode萬國碼，所以若使用 TrueType 的字型，便會產生亂碼的問題。

但是為甚麼會研發 OpenType 的字型編碼呢？節錄Adobe官網發布的資訊如下：

OpenType® is a new cross-platform font file format developed jointly by Adobe and Microsoft. Adobe has converted the entire Adobe Type Library into this format and now offers thousands of OpenType fonts.

The two main benefits of the OpenType format are its cross-platform compatibility (the same font file works on Macintosh and Windows computers), and its ability to support widely expanded character sets and layout features, which provide richer linguistic support and advanced typographic control. 

The OpenType format is an extension of the TrueType SFNT format that also can support Adobe® PostScript® font data and new typographic features. OpenType fonts containing PostScript data, such as those in the Adobe Type Library, have an .otf suffix in the font file name, while TrueType-based OpenType fonts have a .ttf file name suffix.


上述的幾個重點是：

  1. OpenType 是一種 cross-platfrom (跨平台)的字型格式
  2. OpenType 是由 Adobe 和我們親愛的 Microsoft，所共同研發的
  3. OpenType 延伸了 TrueType 的字型格式，更支援了 PostScript 高品質的字型資料，因此能夠呈現高品質的輸出畫面，及列印效果。
大致是如此～總算是對 OpenType 的字型編碼和 TrueType 的字型編碼有了更進一步的親密接觸。

另外，看看我們電腦已安裝的字型裡頭，原來他在icon的顯示部分就有把這些不同的編碼給分開了：


↑ 我今天才注意到耶～哈哈哈......
 
 
這篇文章差不多到這邊結束了。
最後，不知道有沒有人不曉得甚麼是 Unicode萬國碼 和 Big-5 ？

簡單來說，Unicode 為所有平台共同流通的標準；而 Big-5 只是繁體中文的編碼。
]]> Fri, 03 Oct 2008 16:17:07 +0800 <![CDATA[Photoshop CS3 － 製作Gif 動畫]]>
↑ 這是在Photoshop CS3的版本，製作動畫的畫面唷。



大家好！

在Illustrator的blog，偷偷夾帶了Photoshop 的內容...＝v＝


是關於製作 Gif 動畫的分享啦！


幾年前曾經使用過photoshop裡頭的 ImageReady 來做Gif小動畫，
但是，使用ps cs3的版本，有一天終於想起這段往事，而想要回味ImageReady時，
竟然找不到了！！！！！


"花詞黑盆" ?!!!!
本來以為ps cs3偷偷的把這個選項藏到不知人的深山處，翻了老半天翻不到，
才終於從網上得到一點點資訊說：Photoshop CS3以後，都沒有ImageReady了啦！！！
 
 
阿哈哈哈哈。
害我找了好久的說！(至於是從哪個版本開始沒有ImageReady，還請各位告訴我咧～)
 

所以，這篇錄音檔裡頭，要跟各位分享的就是：

＊找到以前ImageReady的功能選項
＊製作動畫的方式

上述兩大重點唷！

歡迎不管是不是CS3的使用者，都可以來參考一下5分鐘做動畫的超簡易步驟。
 
 
「Photoshop CS3 製作Gif 動畫很簡單」請點此開啟分享。(4分52秒)
 

另外，請先下載安裝JoinNet，當做這個Blog裡頭所有錄音檔的播放軟體喔→點此下載安裝JoinNet。
]]> Fri, 12 Sep 2008 17:13:18 +0800 <![CDATA[基本功－三大圖檔格式解析(GIF、JPG、PNG)]]> 大家好！

這一篇文章想要跟各位釐清關於圖片的"檔案格式"。
 

我自己在學習當中，一開始也是對這些感到模糊，為什麼有的圖背景透明，有的圖會動，又為什麼說gif的效果差～這些林林總總都讓我一度混亂的搞不清楚。
 
因為如此，體認到，對於這些基本常用的圖片格式，要有一定程度的了解，才能夠幫助我們辨別，甚麼樣的用途，需要儲存成甚麼樣的檔案類型。
 
 
此篇，要講到三大點陣圖檔的格式：

◎GIF

◎JPG

◎PNG


根據我自己以往的經驗，最常使用到的是JPG。無論是存照片或是一般圖檔都是找它；但是各位知不知道，其實JPG是一個具有"破壞性"壓縮"，的圖檔類型呢？(真暴力阿～)
 
在錄音檔裡頭，會針對這三種圖檔的特性，跟個別經常使用的用途，來做個分享唷。
 
 
聽完之後，各位應該可以了解，為什麼每次我總是很囉嗦的要問：
◎你處理的檔案是點陣還是向量？
◎要用在甚麼地方呢？
諸如此類的問題～(囉嗦也是有道理的阿～)
 
 
以上，請大家看看這篇分享，來為自己腦袋充電一下！
 
 
「三大圖檔格式分析GIF、JPG、PNG」錄音檔點播請按此開啟。(16分26秒)
 
 
另外，欲開起此Blog的所有錄音檔分享之前，請先點此下載安裝JoinNet當作播放軟體唷。

]]> Tue, 02 Sep 2008 15:30:23 +0800