041_企業識別體系01

Adobe illustrator
92 位粉絲
38 觀看·2022年8月27日
那在這邊的這一堂課呢
要請同學練習的是
如何幫一個企業啊
或者是說一個店家
製作一個比較具整體性的
包括信封啊、信紙
還有他的名片的正反面
如何應用同一個Logo
然後製作在不同的素材上面喔
那做一個整體性的搭配
那首先先請各位同學開啟一個檔案
那這個檔案呢
我們要的工作區域是四個工作區域
然後同學可以先將我們的大小
製作成A4
然後出寫呢 0.3
然後應用的色彩模式是CMYK的模式
按下確定之後呢
我們會開啟一個有四個工作區域的對話框
那我們選到工具箱裡面的工具區域工具呢
將第一個工作區域呢
調整他的大小
調整成寬度是23
高度是20
確定
這個是信封的部分
那第二個工作區域是信紙
我們就不需要調整
那第三個工作區域呢
選到第三個工作區域呢
在這邊工作區域選項這裡呢
設定成名片的大小
名片大小是寬度是9
高度的話是5.4公分
然後按下確定
好的那第四個工作區域呢
你將他的大小改成是名片的大小
按下確定之後
就有一個名片的大小
那這樣子我們就完成了我們工作區域的設定
那另外我們再開一個新增一個檔案是
要來製作我們的
這個企業的Logo
那這邊的話寬度跟高度都是10公分
單位的話是公分
然後工作區域記得改回是1
好的那色彩模式是CMYK
按下確定之後我們開啟一個這樣子的
新的一個檔案
那我們現在繪製的是我們的
這個Logo放大一點給大家看
網路書店的這個Logo
那因為我這邊用的是JPG的影像
所以他放大之後會有旁邊的鋸齒狀這樣子
好的那我們在這邊我們剛開的
10公分乘以10公分的
這個檔案這邊呢來進行繪製
首先我們用的是圓角矩形的工具
繪製一個矩形
然後將中間的填色呢
填成是色票裡面的這個
藍色
那不要邊框
邊框的話是白色的
好的然後選到他之後呢
我們進行一個物件的縮放
那我們要的是水平的方向
垂直的話是不要更動的
按下去拷貝
他就會拷貝一個這樣子的圖形出來
那我們將他的排列順序移至最後
然後將他放大一些
貼緊在這個後面這裡
好然後選到他之後呢
我們將這個顏色改變成是
比較深色的填色
好然後將這兩個物件都選取起來之後
進行物件的漸變製作
那我們這邊呢
先將他的旁邊的這個筆畫先關掉之後
我們來製作他的漸變
比較不會影響到他漸變的效果
進行製作
然後在物件漸變這裡進行漸變的選項
那選的是指定階數
這樣預示打開
那我們這邊選的是三階
再按一下確定
那選到他們全部的物件之後呢
再將物件展開
展開物件跟填色
接著解散群組
然後將他們的填色呢
再來設定成白色
就會有一個物件的填色
那我們也可以將他們的長度拉高一點
然後再將他群組起來
選到這些群組的物件之後呢
我們做一個鏡射
然後按出Auto鍵將中心點搬到中間
然後是一個垂直
角度90度
然後拷貝
這樣我們就製作出了這個
就是我們的書店的一個底部的Logo
那同學其實也可以自行設計
應用我們之前所教的一些功能喔
來做一個比較複雜的設計
那我們在這邊呢
可以先將這個物件選到之後呢
來做一下他的立體感
用的是任意變形工具
然後再這個物件稍微拖拉一下
之後再按住Shift、Ctrl跟Auto
進行有一點立體感的呈現
這樣就更有立體感了
那選到他之後再做一個鏡射
按出Auto鍵拖到中間
然後進行拷貝
這樣就比我們剛剛做的那個
更有立體感一些喔
所以其實同學也可以
利用我們之前所教的一些工具
那再自己進行一下
就是不同效果的一個製作
那將他們這兩個物件群組起來
在圖層工具這邊新增一個圖層
然後我們打上我們的書店的名字
我們的網路書店
好的然後再選擇一個適合的字型
那可以再大一點
那當字在縮放的時候呢
建議是按住Shift鍵來進行縮放
那這樣子他的字型比較不會跑掉
字的比例比較不會跑掉
那將兩個物件選取起來的時候
按對齊
然後將對齊字選取的物件這裡打勾
那在他們兩個字中
然後我們要將這個字呢
做一個比較有特色的變化
那我們可以選到這個字之後呢
進行文字的建立外框
我們會發現喔
就是在還沒有建立外框之前
他是一個字源
那如果我們將這個字呢
建立外框之後
他旁邊會出現許多點點
他就變成是一個
像是圖畫一般
就是一個圖形不是一個字
那這樣子之後
我們可以進行一個
效果的風格化
那選的是圓角
打開預示
那做的是一公分的圓角
那可以看到
這是改變之前
是這樣
那我們做了圓角之後呢
我複製一個出來
做圓角給大家看看
這個呢我們來做一個圓角的效果
確定
他會發現兩邊的兩個字是不太一樣的喔
這邊上面就是比較有點特色
他邊邊這邊都會做一個細部的修改
那也可以就是作為
每個企業的不同的辨識
那我這邊的字的顏色呢
我選的是白色的
這樣
然後將他們兩個選取起來
之後按對齊置中
好
那再來呢我要
打上我的英文字
Bookstore
那在英文這邊的字型呢
大家也都可以自己進行字型的一個更改喔
選到一個適合的字型
然後來表現我們的企業的一個特色
我們可以選成這樣子的一個字型
然後一樣是白色的
或者是說呢
你要將這個字呢
打上一些陰影也是可以的喔
這都可以自己去做變化
那這邊呢還有一個字型的變化呢
可以教給大家
我們先將這個複製起來
然後我們在這裡呢
做一個填色
一個方塊的填色
然後不要
邊框不要
不要筆畫
然後選到它之後呢
做一個效果
風格化的塗抹
可以看到
它就會變成是一個
好像是手寫的這樣子
那也可以調整它的
數量
間距
我們可以來做一個
特別的填色
先將這個網路書店呢
解散群組
它就變成一個字一個字一個字
那不要邊框
不要邊框
那選到它之後呢
在這邊做一個
繪製內側
然後將這個圖形呢
複製
Ctrl C
然後Ctrl V
它就會貼到這個裡面
那製作完畢之後
在空白處點兩下
就可以取消
它的
製作的
選擇
那再來一次喔
繪製內側
然後再選到它
Ctrl C
到這邊確定在繪製內側
Ctrl V
然後在旁邊點兩下
它的
旁邊的這個框框就會不見了
取消它的
繪製內側的作用
那Ctrl V
在旁邊點兩下
然後取消它的邊框
進行繪製內側
那這筆畫就會填在裡面
那我們可以將
它們的顏色
改成白色之後呢
再移到這裡來
可以這樣
再移到這裡來
就是一個
不同的效果
就是一個字體的不同的效果
這樣子
各位同學都可以繼續試試看
好的
那我們先到這裡刪掉
然後呢
這樣子都完成
這樣子就完成了
我們的Logo的繪製
那我們將它們全部群組起來
然後將它
編輯拷貝
過來我們這裡剛剛開好的一個
物件
那我們這邊呢
在這個信封這邊我們先繪製一個
底讓我們可以做參考
那我們將筆畫這裡呢
做成是灰色
淺灰色
然後
點一下
空白處呢
我們做一個矩形序
寬度是23
然後高度是12公分
的一個矩形
來做這個信封的
中間的部分
就是信封的封面的部分
然後我們另外呢
再做一個
寬度23
高度是
3公分的
確定
然後做成是一個
信封黏貼處
然後將
邊邊這兩個角呢
進行縮放
那選的是一字
縮放是80%
確定
這樣子我們就有一個信封的
襯底
那因為我剛剛選到的是
直接選取工具喔
那我們再來一次
再點選一下
高度3公分
然後將他們兩個選取起來之後
堆齊置中
然後選到的是
邊邊這兩個角
進行物件的縮放
一字的80%
確定
然後選到這兩個物件之後呢
可以把它搬到中間一些
好的然後將圖層面板打開之後呢
將這個圖層鎖定
它就是作為我們一個
信封的一個
參考
我們在這邊裡面做
匯聚
那我們可以先將我們的
網路書店的LOGO呢
複製到這裡來
然後可以將它縮小一些
放到旁邊這裡
進行一個
旁邊這邊
再邊邊這裡
然後我們來看一下
我們現在要來匯聚的是
先將上面這個填色
填出來
那我們
可以將圖層面板
的鎖定先解除
那選到這個物件之後呢
按
編輯拷貝
然後再
就地貼上
然後
將它的顏色呢
填成是我們這裡一字的
藍色
做一個一字性的填色
然後我們在下面這邊呢
可以做一個
矩形
然後填色的部分呢
我們也可以跟
我們的LOGO
做一字性的填色
然後再做一個
圓角矩形
然後選到這兩個
選到這兩個物件之後呢
將它們對齊置中
然後用的是我們的
路徑管理員
進行
減去上層
我們就會做出一個
這樣子的圖案
好
然後再將這個LOGO呢
再將這個圖案
放在我們的信封底部
接著呢
我們再繪製一個
圓角矩形
那邊框的顏色
不要填色
那邊框的顏色呢
也是配合
我們的這個LOGO的填色
填邊框就好了
裡面不要填
做一個填色
那筆畫的話
三個筆畫
就做好了一個
我們的
封面的這個填色喔
接著呢
我們要打上我們的
住址跟電話
那我這邊
找的是
學校的
世新大學的一個
地址喔
好那我們現在呢
就是要放上那個
我們的企業的
地址啊
email啊跟電話
那我這邊用的是
世新大學的
地址電話跟email
那我就複製過來
這裡進行貼上
然後將它放在
LOGO的後側
然後可以調整一下
它的間距
調整一下
它的間距
將它們兩個圈取起來
之後進行對齊
那這樣子呢
就大致完成了
我們的
信封
的一個繪製喔
那你
可以將它放在
右側或是左側
都可以看你的
設計
再去做一個變化
再來呢我們要做的是一個
性質的部分
那我們也是用
我們的
下面這個圖形呢
將它複製過來
然後將它的
大小進行一個調整
然後將它對齊
那選的是對齊置工作
區域置中
那我們這邊在做的時候
你會發現喔
我這邊超出一點點
就是為了說
我們到時候如果在裁切的時候
不要被切到
如果邊邊被切掉
可能會有一些空白的部分
所以我們都會在這邊
會讓它多一點點出來
你做裁切
如果不是很精準的時候
不會變成是白色的邊邊
那我們將這個複製上來
再上面一個
然後進行
物件的旋轉
然後我們再用
眼角矩形
畫一個
只要有邊框的
那我們這邊的邊框呢
跟這邊的邊框
做一致性的填色
然後將它調整
它的角度跟位置
接著呢
我們將這個Logo呢
複製過來
可以將它放大一些
然後做一點旋轉
再放大一些
做一點旋轉
然後呢
讓它的不透明度呢
調成是大概20
做一個性質的襯底
然後我們將這兩個物件
地址
地址跟這個
Logo呢
進行一個群組
然後按住ALT
複製一個過來
我們一樣可以
把它放在右下角
這樣子呢
我們的性質就完成了
那同學都可以去做
更複雜一點的變化喔
接著我們的
鱗片呢
也是沿用我們的這個
圖形
讓它縮小一些
然後不要邊框
然後將它複製一個
接著進行物件的變形
Shading
然後將它貼在我們的
這個上面
那
解散群組
我們這邊只要這個Logo
複製一個Logo過來
然後將它對齊在
工作區域的中間
那背面呢
我們做一個
就是
店家的資訊
那我們一樣
複製一個這個物件過來
然後做一個
圓角矩形
那
記得去沿用這邊的這個邊框
然後將這個圓角矩形框出來
那我們可以發現
因為我們在鱗片這邊呢
我們可以將它的寬度
調整細一點
然後可以再將它的邊邊
再往旁邊拉一些
然後將它們兩個一起對齊置中
好的
然後
再複製一個Logo過來
然後也是可以放大一些
做一點旋轉
然後再將這個不透明度呢
調整一下
調整淡一點
複製再深一些
然後將地址呢
複製過來
把它放在中間
放在中間的位置
都可以繼續做排版跟調整
那這樣子呢
就完成了我們整個
企業的一致性的
Logo啊
排版啊
整個都有一些一致性
那同學也可以自己進行
更複雜的繪製這樣子
那請各位同學自己練習看看囉
