一個簡單LOGO的製作方法

  一個簡單LOGO的製作方法 承蒙諸位捧場,讓區區可以在此寫點教程討碗飯吃,但必須先聲明,區區其實也是菜鳥一個,不過是比各位飛得早些而已。區區的方法是自己摸索出來的,具體做法是在psotoshop中一張一張地做好,再用ImageReady導入合成動畫,而Firework只是用來加工,這些方法也許比之正確方法累贅、麻煩許多,可能說出來會誤人子弟,若有更好的方法,還請諸位多加指教,願與諸位共同探討、進步。下面用例子來說明一下製作一個簡單LOGO的過程:(使用到的軟體:photoshop 7.0、ImageReady 7.0、Firework 2004) 一、選擇圖片 1、打開psotoshop,在「文件」裡打開一張你準備使用的圖片,最好是JPG格式的靜態圖片,同時注意圖片的選取要有作為LOGO圖標的價值,這就看個人眼光了。——我這裡選用的是靜雪兒妹妹曾經發過的一張圖片,覺得它還有利用的價值,呵呵。

如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

2、 圖片的上方如果顯示是「索引」字樣,就必須用「圖象」——「模式」——改為「RGB顏色」,否則很多功能無法使用。 如果直接就顯示為RGB,那就不必改了。如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

3、然後選擇工具欄的「裁切工具」,裁切一個88*31大小的圖片,圖片切得大了就繼續切,切到合適為止,切得小了就重來。這裡裁切的尺度是80*31。如下圖。 (或者可以用矩形工具選取一個88831的區域,再新建一個空白圖片黏貼上去)一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

4、在這個例子裡圖片寬度不夠,裁切出來的大小是80*31,應該放大為88*31。如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

二、加入文字 在LOGO中顯示的一般是網站名稱和地址,這裡以本論壇名稱「天空之城」和地址「 [url=http://www.vanely.com/] www.vanely.com [/url] 」為例。

做LOGO最主要的是用各種顯示的方法突出文字信息,以給人深刻和良好的印象。下面就舉例介紹一下幾種常用的文字變換的顯示方法:滑行效果、模糊效果、漸變效果、打字效果、顏色過渡效果、閃光效果。其他效果就需要自己慢慢摸索學習了。 滑行效果 :字體從旁邊慢慢滑行出來的效果。 1、在工具欄選擇文字工具——文字工具的樣子的大寫的「T」,在合適的地方輸入文字,一般LOGO的文字格式是默認的宋體,12號大小,去掉鋸齒。如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

字體常用的特效有投影、描邊、模糊等,這裡的例子用白色字體,綠色描邊。進入特效設置的方法是在右下角的圖層上用右鍵點出「混合選項」,如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

2、簡單介紹一下這幾種效果的使用方法。點擊「投影」字樣(而不是點擊它前面的選框),把投影選項中的「距離」「大小」改為1,「角度」改為150或120,「不透明度」自己定——不透明度是指投影顏色的深淺,在「混合模式」後面的黑框裡選擇顏色。如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

3、點擊「描邊」,把「大小」改為1,把顏色改成你想要的。如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

另外一個「模糊」效果是在「濾鏡」——「模糊」——「動感模糊」裡。呆會再說。 4、輸入文字並設置好效果後,用移動工具拖動文字的位置。如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

在這裡可以用「縮放工具」放大圖片,以便更好地設置。 注意文字移動的曲線要在同一條直線上,分毫都不可偏差,比如說從左移到右,一般是用移動工具移動4或5次,每一次移動之後就要保存。 保存的時候也要注意,先新建一個文件夾,把保存的圖片按照順序用01、02、03這樣的文件名保存起來,這是一定必要的! 也可以使用「存儲為」保存為PSD圖片,方便以後修改,但這種格式不能做為網頁圖片發布,我也沒這麼保存過。 5、用同樣的方法移動 [url=http://www.vanely.com/] www.vanely.com [/url] 字體。如下圖。

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

LOGO一般常用的英文字體是04號字體,最常用的一種是裡面的「04b_08」 04b_08字體點擊這裡下載: [url=http://www.vanely.com/bbs/images/04B_08__.TTF] http://www.vanely.com/bbs/images/04B_08__.TTF [/url] 字體的格式是,04b_08字體,6號大小,去掉鋸齒。如下圖。

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

6、字體的移動設置保存完畢後,進入ImageReady合成動畫——點擊工具欄最下邊的圖標進入。進入ImageReady後, 選擇「文件」——「導入」——「作為楨的文件夾」——選擇你保存著圖片的那個文件夾——確定。 7、圖片間維持時間的設置,點擊動畫顯示欄裡圖片下邊的標誌,設置間隔時間,如下圖。

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

然後保存,注意要用「將優化結果存儲為……」那個鍵。 保存後看看效果,建議用ACDSee看,動畫顯示真實些,速度也快些。單純使用滑動效果後的LOGO:

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

模糊效果 :字體呈現瞬間模糊的效果,看起來比較動態。 1、類似滑動效果的製作,選擇要使用模糊效果的圖層,並去掉描邊特效,使用 「濾鏡」——「模糊」——「動感模糊」把字體弄成模糊後再進行移動,這樣看起來更有動感。完成後的LOGO如圖:

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

漸變效果 :字體從無到有漸漸顯示出來。 1、漸變效果是利用ImageReady的功能鍵完成的,在動畫顯示欄裡,先在心裡默認兩張圖片,第一張會慢慢漸變到第二張,然後用滑鼠選擇第二張,點擊功能鍵裡的「過渡」,選擇過渡圖片的張數,一般為3—5張,然後點確定就行了。如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

最後的漸變效果LOGO:

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

打字效果 :字體一個一個逐漸顯示出來。 1、這種效果比較麻煩,並且只能針對中文,英文最好不要用。先在已經確定的位置上輸入文字和效果,不要移動。預計圖片的數量,四個字的話,一般為五張。那麼就從第五張做起,逐漸到第一張。而輸入文字後的圖片則保存為06.gif。如下圖。

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

2、選擇「圖層」——「合併可見圖層」,選擇「矩形選框工具」,選擇並框出最後一個字,如下圖。(很多功能的操作都必須先合併圖層,但合併圖層後不利於保存為PSD修改)一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

在選好的字裡點右鍵選擇「填充」—「白色」。在新建文件夾裡保存為05.gif。如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

4、按「編輯」的「返回」回到合併圖層前,用文字工具刪掉最後一個字,再選擇矩形選框工具( 很多時候需要選擇這個工具,菜單欄裡的項目才會正常顯示 ),再合併可見圖層,再用矩形選框工具選出第三個字,用同樣方法填充為白色,保存為04.gif。如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

5、用同樣方法把第二、第一個字填充為白色,保存為03、02.gif。原始圖片作為01.gif。

6、在06.gif的基礎上加入網站地址,可以自己選擇效果。這裡略。

7、進入ImageReady合成動畫,時間間隔設置為0.2秒較好。

8、完成後的LOGO:一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

顏色過渡效果 :字體上有一種不同於字體的顏色逐字滑過的效果。

1、在確定的地方輸入文字,加上效果,不再移動,保存為01.gif。

2、用文字工具選擇第一個字,把它改成於其他字體不同的顏色,保存為02.gif,如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:一個簡單LOGO的製作方法

3、「返回」未修改顏色前,用同樣方法只選擇第二個字,把它改為紅色,保存為03.gif。

4、用同樣方法保存完四個字,需要的話也可以對網址進行顏色過渡處理,不過每次變色最好選擇兩個字母同時進行。

5、 文字過渡效果也是用這種方法,並且更簡單,寫一個字就保存一次,然後再合成動畫。 最後的效果LOGO:一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

閃光效果 :常見的一道閃光滑過圖片表面的效果。

1、在Firework 2004打開一張圖片,在右上角的地方新建一個圖層,如下圖。

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

2、 用滑鼠選擇本來的圖層,而不是新建的那個圖層,否則無法繼續。 如下圖。

一個簡單LOGO的製作方法

3、用「矩形工具」選取一道閃光的矩形,如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

4、對選擇好的矩形進行加工,方法有兩種:淡化或者模糊。如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

5、如果需要傾斜的矩形,只需使用「修改」——「變形」——「任意變形」,如下圖。

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

6、選擇本來的圖層按快捷鍵F8,選擇「動畫」,選擇楨的數目和動畫的範圍,如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:一個簡單LOGO的製作方法

7、回到圖片,拉動兩頭的小點調整動畫範圍, 有時需要按住Ctrl鍵才能拉動 ,如下圖。一個簡單LOGO的製作方法
  此主題相關圖片如下:一個簡單LOGO的製作方法

8、在開始新建圖層的地方再選擇「共享圖層」,如下圖。

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法

9、然後選擇「文件」——「導出嚮導」——「繼續」——「導出」就行了。完成的圖片在ImageReady中導入的時候會自動變成一楨楨的圖片。用這個方法完成的LOGO:

一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法
  一個簡單LOGO的製作方法
  此主題相關圖片如下:

一個簡單LOGO的製作方法
  一個簡單LOGO的製作方法
  此主題相關圖片如下

一個簡單LOGO的製作方法

OK,說了半天不知諸位明白沒有,累得我……。這裡只介紹了一些常用效果的製作,請諸位看仔細步驟,基本上是缺一不可的。還有一些其他需要注意的問題,可以看看: 1、文字信息最好不要超過6個字,網址最好不要超過13個字母,否則處理起來很麻煩。 2、操作失誤時可以用PhotoShop裡「編輯」裡的「返回」,返回上一步重新操作;重新開始則選擇「文件」裡的「恢復」,恢復到圖片原始狀態。 3、這些效果可以綜合應用,在這個基礎上其實還可以弄出更多花樣來。但一個LOGO的圖片數最好不要超過20楨,否則文件太大顯示會很慢,最後文件的大小最好在25K以下。