製做logo

將平時在UI界面設計上的點滴經驗記錄下來，記性好不如多寫技術文檔。

----------------------------------------------------------------------------------------------------

目的：製做logo

軟件：AI(製做矢量圖形，自身格式是.ai，但也能夠導出圖像格式.png/.jpg/.tif等，也能夠另存爲PS格式.PSD)

　　　PS(將AI製做的logo進行圖像後處理,自身格式.PSD，能夠輸出圖像格式.png/.jpg/.tif等)

成果圖：

步驟：

一、設置文檔大小

「文件」-------->「新建」------>彈出新建文檔對話框

 能夠在「配置文件」選定文件類型，在此處選擇「基本RGB」，還能夠經過寬度和高度設置文檔大小，單位中進行不一樣度量單位(毫米、像素、pt等)切換。

例如：單位：像素   寬度：65px  高度：65px

二、在新建的佈局框中畫圓

選中橢圓工具，按住shift鍵畫圓，畫完圓後設置填充色和描邊色。還能夠經過shift+F8快捷鍵調出「對齊」面板，使得圓在文檔視圖居中顯示。

選中圓，而後按Ctrl+2鎖定圓，這樣不會致使其位置發生移動。

三、沿着對象的路徑添加文字效果

a、畫一個圓以後，選擇「路徑文字工具」，在路徑上點擊，而後輸入相關文字；此外，能夠根據需求設置文字大小、字體類型、字體顏色等；

若是須要調整文字在路徑上分佈位置，可使用選擇工具選中路徑，而後當出現此標記，就能夠調整文字位置；

 b、在下半圓輸入對應的英文，同時翻轉文字。

      畫圓，路徑文字輸入對應的英文，此時英文字母是順時針分佈的。若是要逆時針分佈，則須要選中英文文字，而後菜單欄「文字」---「路徑文字」----「路徑文字選項」---勾選「翻轉」，便可實現逆時針分佈的效果。截圖以下：

四、繪製麥穗

思路：麥穗是由若干個平行四邊形組成的，而後彎曲這一組平行四邊造成弧狀；再「擴展外觀」以及從新用alt鍵複製圖形，保證有兩個圖形；對稱翻轉其中的一個圖形，這樣便可實現兩邊對稱的效果。

具體實現：首先繪製矩形----平行四邊形---選中平行四邊形，右鍵它---對象---變換---對稱，而後45度，複製，以下圖：

批量複製----選中對象，合併多個圖形(選中要合併的圖形，右鍵---「編組「便可實現合併多圖形效果)

將合併的圖形彎曲成弧形（選中圖形，菜單欄「效果」---「變形」---「弧形」，在彈出的窗口進行設置，以下圖：）

 

菜單欄「對象」---擴展外觀，這是爲了去除弧形的原本圖形(垂直的部分)；而後複製圖形對象，使得有兩個圖形，這樣保證對稱後一左一右都有；接着單擊圖形，右鍵「變換」----「對稱」，垂直對稱，便可實現如下效果。

五、添加文字（數字和中文）

六、添加圖片

置入圖片，並將其黑白化。

具體實現：「文件」------「置入圖片」-------置入圖片後調整圖片大小，而後修改圖片預設模式，將其改爲「剪影」效果，以下圖：

七、導出圖片，導出格式

--------------------------------------------------------------------------------------------------------

PS端後處理

基於Ai導出後的psd格式的文件進行圖像在PS端的後處理。

根據需求進行相關處理，好比修改圖片大小：

圖像----->圖像大小，在彈出的圖像大小對話框中設置相關參數，以下圖：

最後將圖片「存儲爲」------「PNG」格式，由於png透明效果。以下：

=================================================================================

操做技能整理：

一、複製圖形

選中圖形，按住alt鍵不放，便可複製圖形，而後在須要放置的區域鬆開鼠標左鍵即完成建立；

批量複製圖形：複製完後，使用Ctrl+D就能夠進行批量複製圖形。

二、shift鍵

按住shift鍵不放，能夠同時選中多個圖形

三、縮放、平移、復原操做

：放大按鈕，可是點擊放大按鈕後再按住alt不放就是縮小效果。

平移：任何工具狀態下，按住空格鍵均可以進行平移操做。

復原：Ctrl+0或者雙擊平移工具，均可以在任意比例尺下圖層整屏顯示。

四、圖層大小修改

圖層建立以後再次修改圖層大小，「文件」----「文檔設置」----「編輯畫板」----「點擊畫板選項」

五、打開/關閉標尺

打開ctr+R；再次按Ctrl+R則是關閉標尺

六、調整圖形大小

選中圖形，按住shift鍵不放能夠等比例縮放操做；此外，同時按住shift+alt鍵，圖形能夠向內部縮小

七、對齊、變換、路徑查找器面板

shift+F8調出對齊、變換、路徑查找器面板

 

"對齊」：其中對齊要注意對齊方式的選擇，主要使用「對齊面板」和「對齊所選對象」兩種：

　　　　對齊面板：選中圖形後，單擊要對齊的方式基於文檔面板進行對齊，好比：水平居中、垂直居中、左對齊等方式

　　　　對齊所選對象：須要選擇須要進行對齊操做的全部圖形對象進行對齊。

八、畫正圓

選擇橢圓工具，填充與描邊都設置好後，按住shift鍵不放，鼠標點擊拖動能夠畫出一個正圓，以下圖所示。

九、鎖定對象

CTRL+2 鎖定對象
CTRL+ALT+2 取消所有鎖定對象

CTRL+3 隱藏對象
CTRL+ALT+3 取消所有隱藏對象

十、合併多個圖形

按住shift不放，去選中須要合併的圖形，選完後鬆開shift鍵，而後按Ctrl+J鍵能夠把它們進行合併，造成總體。

十一、對圖片矢量化（採用鋼筆工具）

a、置入圖片（文件--->置入圖片）

b、置入後，「對象」--->「鎖定所選對象」或者Ctrl+2

c、使用鋼筆工具，左鍵點選所要矢量化區域；若是須要修改局部區域，白箭頭選中，再按alt鍵修復。

十二、圖形輸出

文件--->存儲爲--->矢量.ai格式等

文件--->導出--->位圖JPG、png格式等

1三、不規則圖形繪製

a、貝茲曲線理論知識

 b、繪製不規則圖形 

•第三個點，點擊了點，按住鼠標左鍵不妨。進行移動，造成曲線。畫完，按住ctrl鍵，點擊。

•第二點，點擊之後，按住鼠標左鍵不放，進行移動，造成曲線，再點擊第三點。

•第二點後，按住鼠標左鍵不放，向下45度角拖動，造成第一個半圓圈，而後點擊第三點，造成最終的圖形。

•方法一：第二點點擊後，拖動造成半圓弧，再在第二點上點擊，使得右邊的輔助線消失，再點擊第三點，按住拖動，造成最終飛鳥圖形。
方法二：第二點點擊後造成半圓弧後，在第二點下面，按住alt鍵，拖動到與半圓弧頂點，對稱的位置，再點擊第三點，便可造成圖形。

•第二點後，造成圓弧，再在第二點上點擊，再點擊第三點，按住鼠標左鍵不放，進行拖動，造成最終的圖形

 

 

•葉子形狀，在某個拐點單擊按住拖動，便可最終造成葉子圖形。

 

•第三個點弄完後，再在點上單擊一下，再點擊第四個個點，鼠標左鍵按住不放拖動，而後再在第四個點上單擊一下，再點擊最後一個點，點擊後按住鼠標左鍵不放進行拖動，最終造成圖形。

 

 

-------------------------------------------------------------------------------------------------------------------------------

參考資料

http://www.kokojia.com/article/11234.html        //如何沿着對象的路徑輸入文字？

http://jingyan.baidu.com/article/358570f66360a4ce4724fc9d.html       //調整文字的位置

http://jingyan.baidu.com/article/f25ef25446a69c482c1b82af.html    //合併兩個圖形

http://jingyan.baidu.com/article/49711c6155eb69fa441b7c3b.html    //圖形變形