051_DM設計01

我們這個教學來製作一個A4尺寸的DM 那我們在這邊選擇A4 然後呢 這邊新建 那就會開出一張A4尺寸的板面 那我們就利用這個來製作我們的DM DM的主題是美容保養品 所以這個整個DM會採取比較柔性的一個色調 那我們先用這個圓角矩形 那我們在這邊點一下 那這寬度呢 我們是 就是19.5 就是195啦 因為我們是195.5公分 他就195cm 然後呢 這個是277mm 然後這個圓角半徑呢 就是1公分 也就是10mm 那我們就按確定 就會產生出一個這樣子的一個 就是圓角矩形 然後這邊呢 我們把這個 就是這個筆畫 弄成5 這裡面呢 我們就弄成是 是這個顏色好了 先暫時先用這個顏色 那這樣子就可以把這個 放在這上面來 然後我們可以把它 做這個就是水平居中 然後就是垂直居中 那可是請注意我們這是 對齊的工作區 就是對齊整個的工作區 就是以這個 等於這個藍色的這個圓角矩形 是以這個整個工作區為中心 去做對齊的 然後在這個藍色色塊裡面 我們要放上一個圖片 這個圖片我們用Photoshop把它開啟 好它是一個這樣的圖片 那這個圖片 我們要把它放到AI裡面 要放在這個檔案裡面來 這是AI檔案對不對 這是PS檔案 那PS檔案要放到AI裡面去 依照我們之前的教學 我們要做兩個步驟處理 第一個呢就影像 影像尺寸這邊 我們要把它變成是300 那這個本來已經是300了 所以我們就不用變了 因為這個 如果它這個是假設是72的話 要把它變成300 然後這個重新啟用不要打勾 不要打勾 然後這邊把它變成300 那目前是已經是300 所以我這個就不用變了 那另外這個影像模式這邊 我要把它改成CMYK 確定 影像模式 好那這個圖片呢 我就把它檔案另存新檔 我存在我的桌面上面對不對 然後我要把它存成什麼 我要把它存成這個 就是PSD PSD檔案或者是TIFF檔案都可以 那你說我把它存成JPG 有沒有很大的影響 那如果你只存一次 你就直接拿進來處理 其實影響不會太大 甚至說 怎麼講 就是你不見得看得出來 不過呢 理論上我們應該是要把它 存成JPG 存成TIFF或PSD檔 因為這樣子比較不會 減損這個畫 這個圖片的品質 那可是如果你只做一次 對不對 只做一次你直接存成 存成JPG檔 對不對 雖然你把它改成300dpi 然後另外把它改成CMYK 你直接存成JPG檔 你只做這一次存檔 那其實影響並不會太大 甚至看不太出來 那可是呢 從最正規的做法來講 從理論上 你應該要把它存成這個 PSD 這個 就是 PSD檔 或者是存成TIFF檔 那假設我們就存成TIFF檔 那我們就按儲存 對不對 然後影響壓縮就選擇無 就不要壓縮 因為壓縮就會有品質的減損 那我們就不要壓縮 就按確定 那這樣子這個影響就OK了 那我們就可以把它 檔案對不對 我先把這個 放到這邊好了 不要 影響 這個 置入 然後在桌面上面這邊有一個TIFF檔 置入 這樣子 這就是這個圖片 那 因為它只有一張圖片嘛 所以其實你可以把它嵌入沒關係 因為只有一張圖片而已 如果圖片多的話 嵌入的話就會造成這個 AI檔案太大 以致它的工作效率不佳 那因為只有一個圖片 所以我就 在連結這邊 連結這裡 視窗 連結這裡 我把它選擇 就是嵌入影像 那你就會看到一個這樣的符號 就表示這個圖片就嵌入了 那如果這個圖片嵌入了 那這個檔案 刪除掉就沒有關係 然後我這個時候再把它檔案 把它再儲存 那這個存在這個地方 我把它叫做 DM AI 儲存 確定 那因為這個圖片已經嵌入了嘛 所以我現在假設我把它關閉 那我再把它重新打開 對不對 它並不會出現 連結遺失的警告 雖然它原始檔案 被我們刪掉了 可是它並不會出現 連結遺失的警訊 為什麼呢? 因為這個圖片我們已經嵌入了 就是這樣子 不過因為這個原始的圖片 它不太夠大 所以我要稍微把它 最好是 原本就夠大 如果不夠大的話 我們稍微把它按住Shift 放大一點 就是因為放的幅度不大 而且這是一個作業 它不是在雜誌上印刷 所以應該是沒有什麼影響 那實際上 真實的情況下 就是最好就不要做這種放大 縮小沒關係 放大的話解析度可能就會降低 那如果是在雜誌上印刷 看起來可能就會 品質沒有那麼好 那可是我們只是在 做一個作業 而且我們原來的圖片 尺寸是因為是網路上下載 尺寸不是不太夠大 所以我們就 勉強的先做了一下 放大的動作 那這樣子的話 這個就是我們要的一個圖片 那只是說我們這個圖片 我們要把它放在 一個這樣子的弧形 跟這個圓角矩形的一個方塊裡面 那這個形狀要怎麼做呢? 我們來看一下 這個是195 這個277 那我把它變成196 然後變成是 這個278 278 19278 假設變成這樣子 那我把這個圖片 我把這個 底側的這個複製一個 然後我把它改成 是一個其他顏色好了 比如改成黃色好了 那 這個我到時候 要做成是 像這樣子的一個形狀 就是利用這個形狀 就是 加上一個弧形 來去做剪裁 把這個圖片拆掉 拆成我要的這個形狀 那所以我就要先把 這個形狀做出來 那這個形狀怎麼做呢? 大家看一下這邊 我這樣子沒關係 那我先用一個 鋼筆工具 那我按ctrl加 這個ctrl減 這樣子好了 鋼筆工具我這邊 我看一下這個 這個照片 這照片大概是 照片大概是 這個 照片大概這個寬度 這個高度,所以我大概這個弧形 就從這邊開始做 從這邊開始做 那我這個照片先把它拿過來 那我就用鋼筆工具 然後從這邊開始點一下 我這可以 因為這個 這個如果 太小的話 會比較 不好製作 不容易對準 所以我會 打算 怎麼講 這個 我會打算 用鋼筆工具,然後按tab鍵 把其他的 部分先暫時 消掉,按tab鍵 那我就按ctrl加 我就可以把這個畫面 放大一點 這樣比較好對準 然後我再按tab鍵 大概就從 就是這個 這個地方開始 這個地方 按tab鍵 大概就從這裡開始 那我就這樣子從這邊 畫一下 然後按住shift鍵 它會 怎麼講 會拉一個平行線過來 然後到這個地方 等一下 按住shift鍵 然後點下去 這樣子 這樣就會出現一個波浪型 然後再到這個地方 點一下對不對 然後我再 拉一個弧形出來 好,那這樣就有一個波浪型了 然後我在 這邊alt把它截斷 截斷之後 我要往上延伸 往上延伸 那我延伸到這裡好了 一樣按住shift鍵 這樣它會是一個直線 不然你的線可能會有點斜掉 我這樣 到這個地方 點一下 然後再到這裡 我按住shift鍵 再到 這邊 然後再到這裡 這樣子 我再按tab鍵回來 ctrl鍵 這樣你就會看到我畫出一個 假設 我這個顏色換一個顏色 大家會看得比較清楚 這個我換成是 綠色好了 那就會變成一個這樣的綠色 有沒有看到 一個這樣的綠色 換成深一點的 這樣子 那這邊底下是一個黃色 然後這邊是 一個綠色 那我現在把這兩個 把它對齊 我先選這個 然後再選這個 這兩個黃色跟綠色的 這兩個被選起來了 那這兩個 我把它置中對齊 然後再靠上對齊 有沒有 它這樣兩個就會 邊貼邊 然後呢 我再把它 這兩個 取連擊 在路徑管理員裡面 取交集 那就會做出一個 這樣子的形狀 做出一個這樣的形狀 如果它的高度不夠 你可以再加它的高度 它就做出一個這樣的形狀 就這樣的形狀 好 那我就可以用 當然這個 你都可以去修改 如果你覺得 你希望它下來一點 比如說這樣子 這個對不對 你希望它下來一點 你都可以去修改 或這邊你要把它 過來一點對不對 你都可以去修改 反正就做出一個 你喜歡的形狀 比如說這邊 然後這邊我按住ALT 把它這邊 這個 我按住ALT 它可以 把個別這個去移動 你可以做成這樣子 那我就把它稍微 讓它的 曲線 不要那麼下面 把它做上面一點 這樣子 那這邊呢 我再把它拉下來一點 總之就是用 用你的這個 鋼筆工具 這個把手 去修改 這個的弧度 讓它呈現一個 你比較想要的弧度 那我就這樣去修改 這樣子就OK了 那這樣子 這個形狀就出來了 那你看 它是這樣子 那我們就把這個照片 放上來 這感覺上 它的大小還沒有很剛好 那我沒關係 我再把它 再把它這個 拉高一點 這樣子 那這樣子 我這個在前面 照片在它的後面 在它後面 這個是前面 照片在它後面 那這樣子這兩個我把它選起來 我用物件 底下 就是 剪裁遮色片 製作 那就變成是一個這樣的形狀 所以這個形狀怎麼做出來 就是用我剛才那個方式 做出來的 然後一樣 這個圖片跟這個圖片 我要把它 對齊 然後靠上對齊 這個藍色有點出來 就是我們沒有做的 太精準 那沒關係我就把這個 藍色的我往下移動一點 那個出來的部分就會 看不到 那這樣就可以了 這邊還看到一點點 那我就再往下移一點 這樣就ok了 不過我們發現有個小的瑕疵 就是這個照片這邊 它的高度不夠 做剪裁遮色片裁切之後 它發現這邊是平的 它應該是一個弧形才對 那所以怎麼辦呢? 我可以這樣子 我就 釋放剪裁遮色片 那釋放了之後呢 我把這個 這個 就是這邊 這個形狀 往上移一點 這個圖片不要移動 圖片不要移動 就只有這個移動 往上移動一點 然後這邊上面 我把它 做小一點 那這樣子之後呢 我再把兩個選起來 我再去物件 就是剪裁遮色片製作 再重新製作一次 那這樣子 這個弧形就完整了 那我們看它圖層展開 它這邊是這個照片 這個底下的藍色 那這邊有個白色的 那這個其實是多餘的 這個我們就把它刪掉 那刪掉之後這邊看起來並沒有任何的變化 它其實就是兩個圖層 一個是底下這個 我把它按ctrl 0 一個底下這個藍色的 一個是這個照片 可是照片是經過 剪裁遮色片去修飾的 它就變成是一個 很有變化的一個 造型 那這種技巧在 海報設計裡面會經常使用 再來呢 這個是文案 那這個文案我們把它 ctrl a ctrl c 就是全選複製 然後到 這裡面來 我們把它 就是 ctrl v 把它貼上 那這個字我們先 可以先暫時放在旁邊 那這個 就是連結跟動作 這個我先把它關掉 我在視窗這邊 連結我把它取消掉 那 就是 到時候要用的時候再把它交出來 那這個字我就把它 先放在這個地方 然後這個呢 這個金貝莎 我先把它 ctrl x 然後把它貼在這邊 ctrl v 貼在這裡 然後把它放大一點 這就是它的品牌名稱 然後再來就是 新上市 ctrl x ctrl v 這個新上市 擺在這邊 然後 金貝莎 再來這個 夏日 清透保養品 我就把它ctrl x 然後ctrl v 貼上來 這樣子 那這個字稍微把它放大一點 這樣子 再來呢 這個文字 我一樣ctrl x 然後ctrl v 就是ctrl x 然後在這邊 ctrl v 把它貼上 那這避免它移動 我把它鎖起來 那這個我把它放在這個地方 這個放大一點 大概這樣子 這個細部的我們之後再去排 再來就這個 字 ctrl x 然後這邊ctrl v 這個 然後 再來就這個 這整個是一個 另外一個系列的介紹 另外一個系列產品的介紹 一樣我把它ctrl v 貼上來 放在這個地方 稍微拉大一點 底下這個請下 請下這個 門市這邊 我把它也一樣 把它 ctrl x 然後ctrl v 這個部分 我們把它放在最底下 放在最底下 然後 字稍微放大一點 那這個呢 這個我們一樣 字先把它放進來 ctrl x 然後ctrl v 這個我們之後 再考慮要放哪裡 我們先暫時先放在這邊 這樣子的話 文字塊 我就可以把它delete掉 那這樣子字都進來了 字都進來了 那這就是文案的部分 那這個 這邊是另外一個新的系列 等於是說 順便幫這個品牌 做一些新的產品的介紹 那這個是 有關這個 夏日會遇到的 皮膚的問題 這個是放在這邊 那這個是門市 然後這個是 另外一個補充說明 我們再找地方放 我們先暫時放在這個地方 那接著呢 我們要去下載一個圖檔 大家看一下 我們到這個 PASABAY.COM 那這邊 你可以去下載 Vector Graphic 這就是向量繪圖 那它可能就是一個AI檔 那你選擇 Vector Graphic就是向量圖 然後我輸入Pattern Pattern就是一些花紋 這樣子的一個 就是關鍵字 用Pattern 那 這樣我去搜尋 就可以看到很多各式各樣的花紋 那我要的 我要的是哪一個呢? 我要的是這個 我就點下去 然後呢 這邊我就可以Free Download 它有一個就是AI AI 那我就選擇這個 選擇Download 下載下來之後 我們在下載這邊就會看到這個檔案 我們按兩下 就可以把這個檔案打開 那就是一個 像這樣子的一個檔案 那這個檔案 它本來 整個是 群組在一起的 那我們可以把它 解散群組 解散群組之後它就是個別 就是一個獨立的 然後呢 這個個別獨立的我再把它群組起來 這樣子的一個群組 然後這些呢 我再把它選起來 再把它做群組 所以這就兩個 兩個東西 那我就把這個 這兩個 我都把它 就是 Ctrl C 然後 到這個地方來 然後到這裡 原來是檔案裡面 然後Ctrl V把它貼上 那這兩個 就是會變成這兩個 這個向兩圖 那這兩個向兩圖 我們就可以拿來做 做這個 DM裡面的裝飾 那我這兩個 我這個把它先 先放過來一點 然後這個 這個 我把它 先關掉 那這個 我先把它放在這邊 然後這個呢 我把它旋轉一個角度 旋轉一個90度 按住Shift鍵 然後這個我把它移過來 那這樣子的話我就可以 把這個放到這邊來 有沒有看到 那大概是這樣子 然後可是它這個是黑色的 是不好看 所以我會把它改成是 這個顏色對不對 我把它改成是 這個 F 確定 它這樣就是一個白色的 這樣就會好看很多 那大小你都可以去調 大小都可以去調 好那這就是一個 放在這邊的一個裝飾 那同樣的 我可以把這個 按ALT對不對 這個東西我按ALT 把它複製一個 然後複製一個之後呢 我可以把它改成是 比如說 這裡面 這裡面是 選擇無 然後這個外面呢 我就選擇是 FF 就是 就是它等於是一個 純粹是 就是這樣子的筆畫 構成的 然後呢另外我在這個筆畫這邊 我可以去 做一些設定 我在筆畫這裡 我可以做一個 我要做一個虛線 變這樣子 虛線 這個用2PT 那這個 就是一個虛線 一個虛線 而且它不是實心的 因為它的填色是空白的 然後這個虛線呢 我把它 弄細一點 弄0.5PT就好了 大概就這樣子 那這個不一定會用得到 我就先把它放在這邊 備用 另外就是這個 這個東西我打算把它 把它放在差不多這個地方 差不多這個地方 那只是它的顏色 我要給它做一些調整 那這個 這也是一個相量圖嘛 它同樣也有填色也有筆畫 所以我這個筆畫 我要把它改變一下顏色 我要把它改變成 這個 這邊是0 這邊是40 這邊是10 然後 這邊也是0 它就是一個這樣的粉紅色 粉紅色 然後這個 筆畫呢 我給它變成 是一個白色 F 確定 所以它就變成是一個這樣的 一個相量圖 然後這個 我把筆畫的粗細 改細一點 大概這樣子 那這個我要把它放在這個地方 然後我想要把它 調一個角度 暫時先調這樣 然後這個圖片 這個女生的圖片 我把它鎖定一下 物件我把它鎖定 選取範圍 以免說會 在調整過程中會動到這個圖片 那接著呢 我把這個圖層 我把這整個面板 我要移到這個地方來 移到這個地方來 那這樣子我比較 有比較大的範圍可以看到它各個不同的圖層 然後這邊呢我要把這個 藍色的部分 先把它解鎖 把它解鎖 那解鎖之後我可以 去套用這個圖樣 有沒有看到 我把這個藍色拉到前面來 我可以去套用圖樣 比如說我套用這個 會變成這樣子 我套用這個 它就變成這樣子 我不是要套用這兩個 這樣會把字都遮住 我要做一個自己定義的圖樣 等於說我要自己做一個圖樣 來套用就對了 接下來呢 我想要調整一下這個藍色的顏色 我把它選起來 那我看到它的顏色 是70 75 15 那我把這個15變成0 它顏色就會變得比較淺一點 然後75呢 我把它變成50 那我要變成這樣的顏色 因為這樣子的話這個字會比較明顯 所以我等於是把顏色調一下 再來呢 我要做一個 像剛才講的 類似這樣的圖樣 比如說 我們之前有示範說 圖樣可以用一個 圖樣 那我就要自己製作一個圖樣 那我要 先建一個 就是 矩形 我在這邊點一下 那我要做成 這個 20mm 它就變成是 用這個顏色 跟這個底色一樣的圖樣 然後呢 我在這邊 我再建一個 用橢圓形工具 我在這邊點一下呢 那我一樣 用這個 10 然後 這個也是10 就是變得 比較小一點 好那按確定 然後這個呢 這個圖 這個圓形 我要用的顏色 就是 更 我把它顛倒 顛倒 變成是 筆畫是有 顏色然後 填色是無 好然後這個顏色呢 是大家看一下 我點這邊它就是50 那我這50如果放在50上面 它就看不出來對不對 那我把它變成40 變成40 好那這樣子 這個拿過來 這個如果拿過來 你就會看到有一個 淡淡的 白色有沒有淡淡的 因為它其實不是白色只是說 它顏色比這個 底色淺所以就會凸顯出來 它是比較白的 這樣子 這個我也可以再去 調整 比如說我這個把它變成是 15 然後這邊鎖定 然後按Enter 它就變成15 那我這個可以把它 移過來 就是比較小一點 然後我們可以把它旋起來 然後把它置中對齊 就是垂直跟水平都居中 那就變成是這樣子 好那針對這個 我把它 群組起來 然後呢 我在這裡把它旋起來 然後在這個物件底下 這邊我去把它做成 是圖樣 然後製作 它就會說你的圖樣 已經新增至色飄 你會發現這邊就有一個 新增至色飄的這個新的圖樣 我就確定 那這邊呢它就show出來 你這個圖樣是長的什麼樣子 然後 我假設這個叫做 001好了 那這邊有一些選項 你可以是這樣子的 你可以是 隔點就這樣對不對 看你喜歡哪一種 比如說我打算用這樣子 這樣錯開的這種形式 那這個專文 專文位移你也可以去調 比如你調到 五分之一 那我調到 二分之一 好 然後這個寬度 你也可以改變 比如說我變成40 然後這個 勾起來 變這樣子 這邊40 這個 這樣子好了 變這樣子 所以這個你可以自己去調整 那我現在變成是 20 好 就回到原來的樣子 然後這邊還有一些 你自己都可以去試試看 這個它的重疊 如果是有重疊的話 是左側在前 還是右側在前 好 這些都ok了 那我就在這邊 大家看一下 這個先 我開來一點 這樣子 這都弄好之後我就按一下 完成 那這個圖樣就定義出來了 然後我就把這個 顏色選起來 這顏色選起來 然後去把這個放到前面 然後我去套用這個001這個圖樣 這個是之前的 新增圖樣 那這個如果你不要的話你可以把它刪掉 那我這個 001 那我就把它 在這個在顏色 在前面的情況下 我去把它點一下 那你就會看到 這個整個底色 它會出現很多圈圈 就這樣子 那所以你可以自己去 製作你喜歡的圖樣 你說成是 花的形狀 或者是 就是葉子的形狀 都可以 那總之 你就是這個 怎麼講 就是這個底色 跟這個圖樣 不要太 顏色不要太深 這樣纔能夠凸顯 這個文字的部分 這樣文字才會明顯 接下來我們把這個字型 把它調整一下 這個我把它變成是 50 50這麼大 然後字體我用 就是 王宗翰 超明繁體 然後這邊 我之前講過 這個王宗翰字體是可以免費下載的 那這個 我把它變成 就是 22 然後那個 字體呢 就是用這個 王宗翰中明繁體 這是超明這是中明 中明 或者是 我看一下有沒有其他 用這個 王宗翰出明好了 出明繁體 那這個呢 這個我也一樣 我把它變成是 這個是20 20 22 然後這個呢 也用22 然後 一樣用王宗翰 出明 這個呢 就把它變成是20 直接在這邊輸入20 比上面的字小一點 這邊是 22嘛 那這邊是20 那這個也一樣是用王宗翰 出明 那這樣子 這個字大概就這些 那我們再 我們再調一下位置 這三個 我把它置中對齊 置中對齊 這個 那這樣子位置就差不多了 再來這個顏色 我們要調一下 我把這個選起來 然後把K 調到0 然後這個拉到100 它就變成是一個 桃紅色 然後我在 ALT複製一層 複製一層 然後把複製的這一層 把它顏色變淺一點 變成50 那這樣子 我就是變成 是有點 立體的感覺 有點立體的感覺 這樣子 會有點立體的感覺 那其實這個立體的感覺 就是由兩個 不同顏色的 這個 字去重疊起來的 然後 我可以再改一下 大概60好了 大概就這樣子 那接下來這個 接下來這個新上市 我會做成一個有底色的 我用圓角矩形 然後這樣子 畫一個 這個感覺上 這個 弧度太大一點 所以我delete掉 我用這個 直接在這邊點一下 然後 這個不要10mm 就是 5mm 感覺上5mm 還是太大了 2mm好了 確定 大概這樣子 這個delete掉 然後這個 我要把它變成是一個 變成是一個綠色的 所以我把它這邊 顏色這邊40 這邊50 這邊0 如果你覺得不合適的話 你還可以再調 變成50 那這樣子就把這個 挪過來 然後把它調成 一個大小 然後這個字體 我把它 排列順序 移到最前 這樣子 那這個顏色呢 我們就用成是白色 白色的字體 這個 再亮一點 這樣子 那 這兩個東西 我想把這個顏色 再調深一點 把它變成是60 這樣子 這樣字會更清楚 那這兩個東西 我把它選起來 選起來 那你看到這兩個被選起來了嗎 選起來之後我把它 對齊 選取物件 然後把它 垂直 水平居中 垂直居中 這樣兩個對得比較齊 然後這兩個 這兩個 我把它群組 群組 再來這個 跟這個 我再去把它做 做一個 對齊的動作 做一個對齊的動作 然後這個位置 似乎可以再上去一點點 這樣子 那這三個位置 這個顏色也要改一下 這個顏色呢 我先把它 這個 這邊變成100 然後這邊 變成0 它就是一個這樣子的字 然後底下這個 一樣 這個0 100 然後我可以加一個 藍 加個M 這樣子顏色就會有一個 有一個 跟這個顏色會有一個落差 或者是說 你也可以 把它改成是 看一下 換白色 這個顏色 自己去選一下 感覺這個字 怎麼講 不是對比在 底下不是太凸顯 所以我會 怎麼辦? 我會用ALT 把它複製一個 然後這複製一個 我把它變成是 這個白色 白色 所以就是這個 怎麼講 變成是兩 做成一個雙層字 大概就這樣子 這樣子會比較明顯 這樣子 Ctrl 0 就這樣子 那這個 這個要把它鎖定 避免它移動 那這個 它是白色在前 然後藍色在後 那我把它 對調一下 我把它藍色在前 就是白色在後 我覺得這樣子會比較好看 那 這個顏色 它是120 這個顏色我也把它變120 然後這兩個 我把它選起來 在物件底下把它組成群組 那這樣子它就不會 相對位置就不會移動 我就可以去 去調整它的位置 而不怕說 這兩個圖層 因為一個是藍的一個是白的 那我把它 群組起來的話它兩個圖層 相對位置就不會改變 那這個 我把它都往上調一點 然後這個 往上一點 這樣子 這個大家可以 去慢慢調 不一定要跟我一樣 你可以自己去設定 你自己的顏色 跟它的位置