經(jīng)典LOGO制作教程

2022-12-26 13:41:42 來源/作者: / 己有:79人學習過

  一、選擇圖片
  1、打開psotoshop,在“文件”里打開一張你準備使用的圖片,最好是JPG格式的靜態(tài)圖片,同時注意圖片的選取要有作為LOGO圖標的價值,這就看個人眼光了。如下圖。

精彩教程:LOGO的制作方法詳解

  2、圖片的上方如果顯示是“索引”字樣,就必須用“圖象”——“模式”——改為“RGB顏色”,否則很多功能無法使用。如果直接就顯示為RGB,那就不必改了。如下圖。

精彩教程:LOGO的制作方法詳解

  3、然后選擇工具欄的“裁切工具”,裁切一個88*31大小的圖片,圖片切得大了就繼續(xù)切,切到合適為止,切得小了就重來。這里裁切的尺度是80*31。如下圖。(或者可以用矩形工具選取一個88831的區(qū)域,再新建一個空白圖片粘貼上去)。

精彩教程:LOGO的制作方法詳解

  4、在這個例子里圖片寬度不夠,裁切出來的大小是80*31,應該放大為88*31。如下圖。

精彩教程:LOGO的制作方法詳解

  二、加入文字
  在LOGO中顯示的一般是網(wǎng)站名稱和地址,這里以本論壇名稱“天空之城”和地址“www.vanely.com ”為例。做LOGO最主要的是用各種顯示的方法突出文字信息,以給人深刻和良好的印象。下面就舉例介紹一下幾種常用的文字變換的顯示方法:滑行效果、模糊效果、漸變效果、打字效果、顏色過渡效果、閃光效果。其他效果就需要自己慢慢摸索學習了。
  滑行效果:字體從旁邊慢慢滑行出來的效果。1、在工具欄選擇文字工具——文字工具的樣子的大寫的“T”,在合適的地方輸入文字,一般LOGO的文字格式是默認的宋體,12號大小,去掉鋸齒。如下圖。

精彩教程:LOGO的制作方法詳解

  字體常用的特效有投影、描邊、模糊等,這里的例子用白色字體,綠色描邊。進入特效設置的方法是在右下角的圖層上用右鍵點出“混合選項”,如下圖。

精彩教程:LOGO的制作方法詳解

  2、簡單介紹一下這幾種效果的使用方法。點擊“投影”字樣(而不是點擊它前面的選框),把投影選項中的“距離”“大小”改為1,“角度”改為150或120,“不透明度”自己定——不透明度是指投影顏色的深淺,在“混合模式”后面的黑框里選擇顏色。如下圖。

精彩教程:LOGO的制作方法詳解

  3、點擊“描邊”,把“大小”改為1,把顏色改成你想要的。如下圖。

精彩教程:LOGO的制作方法詳解

  另外一個“模糊”效果是在“濾鏡”——“模糊”——“動感模糊”里。呆會再說。
  4、輸入文字并設置好效果后,用移動工具拖動文字的位置。如下圖。

精彩教程:LOGO的制作方法詳解

精彩教程:LOGO的制作方法詳解

精彩教程:LOGO的制作方法詳解

精彩教程:LOGO的制作方法詳解

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

精彩教程:LOGO的制作方法詳解

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

精彩教程:LOGO的制作方法詳解

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

精彩教程:LOGO的制作方法詳解

  然后保存,注意要用“將優(yōu)化結果存儲為……”那個鍵。保存后看看效果,建議用ACDSee看,動畫顯示真實些,速度也快些。單純使用滑動效果后的LOGO:
精彩教程:LOGO的制作方法詳解
  模糊效果:字體呈現(xiàn)瞬間模糊的效果,看起來比較動態(tài)。1、類似滑動效果的制作,選擇要使用模糊效果的圖層,并去掉描邊特效,使用 “濾鏡”——“模糊”——“動感模糊”把字體弄成模糊后再進行移動,這樣看起來更有動感。完成后的LOGO如圖:
精彩教程:LOGO的制作方法詳解
  漸變效果:字體從無到有漸漸顯示出來。1、漸變效果是利用ImageReady的功能鍵完成的,在動畫顯示欄里,先在心里默認兩張圖片,第一張會慢慢漸變到第二張,然后用鼠標選擇第二張,點擊功能鍵里的“過渡”,選擇過渡圖片的張數(shù),一般為3—5張,然后點確定就行了。如下圖。

精彩教程:LOGO的制作方法詳解

  最后的漸變效果LOGO:
精彩教程:LOGO的制作方法詳解
  打字效果:字體一個一個逐漸顯示出來。1、這種效果比較麻煩,并且只能針對中文,英文最好不要用。先在已經(jīng)確定的位置上輸入文字和效果,不要移動。預計圖片的數(shù)量,四個字的話,一般為五張。那么就從第五張做起,逐漸到第一張。而輸入文字后的圖片則保存為06.gif。如下圖。

精彩教程:LOGO的制作方法詳解

  2、選擇“圖層”——“合并可見圖層”,選擇“矩形選框工具”,選擇并框出最后一個字,如下圖。(很多功能的操作都必須先合并圖層,但合并圖層后不利于保存為PSD修改)

精彩教程:LOGO的制作方法詳解

  在選好的字里點右鍵選擇“填充”—“白色”。在新建文件夾里保存為05.gif。如下圖。

精彩教程:LOGO的制作方法詳解

  4、按“編輯”的“返回”回到合并圖層前,用文字工具刪掉最后一個字,再選擇矩形選框工具(很多時候需要選擇這個工具,菜單欄里的項目才會正常顯示),再合并可見圖層,再用矩形選框工具選出第三個字,用同樣方法填充為白色,保存為04.gif。如下圖。

精彩教程:LOGO的制作方法詳解

  5、用同樣方法把第二、第一個字填充為白色,保存為03、02.gif。原始圖片作為01.gif。6、在06.gif的基礎上加入網(wǎng)站地址,可以自己選擇效果。這里略。7、進入ImageReady合成動畫,時間間隔設置為0.2秒較好。8、完成后的LOGO:
精彩教程:LOGO的制作方法詳解
  顏色過渡效果:字體上有一種不同于字體的顏色逐字滑過的效果。1、在確定的地方輸入文字,加上效果,不再移動,保存為01.gif。2、用文字工具選擇第一個字,把它改成于其他字體不同的顏色,保存為02.gif,如下圖。

精彩教程:LOGO的制作方法詳解

  3、“返回”未修改顏色前,用同樣方法只選擇第二個字,把它改為紅色,保存為03.gif。4、用同樣方法保存完四個字,需要的話也可以對網(wǎng)址進行顏色過渡處理,不過每次變色最好選擇兩個字母同時進行。5、文字過渡效果也是用這種方法,并且更簡單,寫一個字就保存一次,然后再合成動畫。最后的效果LOGO:
精彩教程:LOGO的制作方法詳解
  閃光效果:常見的一道閃光滑過圖片表面的效果。1、在Firework 2004打開一張圖片,在右上角的地方新建一個圖層,如下圖。

精彩教程:LOGO的制作方法詳解

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

精彩教程:LOGO的制作方法詳解

  3、用“矩形工具”選取一道閃光的矩形,如下圖。

精彩教程:LOGO的制作方法詳解

  4、對選擇好的矩形進行加工,方法有兩種:淡化或者模糊。如下圖。

精彩教程:LOGO的制作方法詳解

精彩教程:LOGO的制作方法詳解

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

精彩教程:LOGO的制作方法詳解

  6、選擇本來的圖層按快捷鍵F8,選擇“動畫”,選擇楨的數(shù)目和動畫的范圍,如下圖。

精彩教程:LOGO的制作方法詳解

  7、回到圖片,拉動兩頭的小點調(diào)整動畫范圍,有時需要按住Ctrl鍵才能拉動,如下圖。

精彩教程:LOGO的制作方法詳解

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

精彩教程:LOGO的制作方法詳解

  9、然后選擇“文件”——“導出向導”——“繼續(xù)”——“導出”就行了。完成的圖片在ImageReady中導入的時候會自動變成一楨楨的圖片。用這個方法完成的LOGO:

精彩教程:LOGO的制作方法詳解    精彩教程:LOGO的制作方法詳解  精彩教程:LOGO的制作方法詳解

  OK,說了半天不知諸位明白沒有,累得我……。這里只介紹了一些常用效果的制作,請諸位看仔細步驟,基本上是缺一不可的。還有一些其他需要注意的問題,可以看看:1、文字信息最好不要超過6個字,網(wǎng)址最好不要超過13個字母,否則處理起來很麻煩。2、操作失誤時可以用PhotoShop里“編輯”里的“返回”,返回上一步重新操作;重新開始則選擇“文件”里的“恢復”,恢復到圖片原始狀態(tài)。3、這些效果可以綜合應用,在這個基礎上其實還可以弄出更多花樣來。但一個LOGO的圖片數(shù)最好不要超過20楨,否則文件太大顯示會很慢,最后文件的大小最好在25K以下。4、這個帖子圖片太多,無法一次性顯示完畢的話,在圖片上用右鍵點擊“顯示圖片”。