052_DM設計02

接下來我們把這個字體調整一下 這個部分 炎炎夏日天氣灼熱對不對 然後這個 皮膚容易出油 這個是夏天會遇到的情況 那我們在這邊把字體改一下 我們變成這個 就是 王宗翰的中型書版 版體 然後這樣把它選起來 然後就是字體就用 18點 暫時先用18點 那間距我把它變成是 21好了 接下來這個 這個我把它放下一點點 放下一點點 這個把它弄上去一點 這樣子 然後這個 這個字體 我用這個 找一下有沒有黑體 這個 黑體 反黑體 然後顏色呢 我把它用成是這個白色 是這樣子 然後我要做一個背景 那這背景的話 我用的顏色會是 就是 用一個桃紅色 這樣子 那顏色就是 40 然後 20 再深一點好了 50 50 20 這樣子 然後 這個字體 把它 就是 排列順序移到最前 那這樣子這個 色塊就會在他的後面 然後 這個這個我把它單獨 把它剪下 然後ctrl-v把它貼上 這個 這個這個把它剪下 ctrl-x 然後 ctrl-v把它貼上 讓他單獨出來 放在這個地方 那在下這個字 我把它弄小一點 弄18點 字體呢用這個 一樣 用黑體 然後再小一點好了 16點 16點這樣子 然後再來這個地方 看一下 我另外還有一個字體要放進來 這個 這個我要調整一下 這個 把他的空格去掉 空格去掉 那這個航寬就變成21 那這個也是一樣 我把它 放這邊來 然後這邊是16 18往下 往下調兩格 然後這邊是20 這個多少 這個21號那這也是21號 21 這樣子然後字體呢一樣用 用這個Adobe翻黑體 接下來我們會使用到三張圖片 這張圖片那我把這些一樣 影像影像尺寸我看一下 如果不是72的話 如果不是300的話就改成300 然後這邊記得不要打勾 然後按確定 然後影像模式 我把它改成CMYK 確定 這個一樣 影像影像尺寸300這沒有問題 那影像模式 我把它變成CMYK 確定 這邊一樣 影像影像尺寸 300沒有問題 影像模式改成CMYK 確定 因為這個圖片 我只會處理一次我不會連續處理 所以我這邊就直接Ctrl S 然後這邊我可以用高 就是用到10 用到品質用到最高 那他的壓縮的情況 就不會很嚴重 那這樣子 他的這個畫質會比較好 確定 那再來這個 也是一樣Ctrl S 一樣 我到12最高 確定 Ctrl S 一樣拉到12最高 我們之前講說這個圖片你可以 如果你希望他不要有壓縮的話 你可以把它 變成TIFF PSD的檔案格式 這個我們之前有講過 我這次跟大家講的就是用另外一種方式 我不用TIFF 也不用PSD我直接用JPG 那可是呢你大家看到一下我剛才就不給他做壓縮 不給他做壓縮 不給他做壓縮的話他的 檔案的損失的程度 就會 畫質的損失程度就會比較少 然後呢 我又只存一次而已嘛就直接拿來用的我不會連續一直 反覆的儲存反覆的壓縮這樣子我就只儲存一次 所以 這樣子的話他的畫質減損的程度 其實有的話也是比較有限的 他應該是可以接近 TIFF跟PSD的效果 所以我們之前講的 用TIFF跟PSD那是一種最好的方式就把它存成TIFF或PSD 這樣完全不會有任何壓縮 那另外一種方式就是存成 一樣存成JPG 那可是呢那個壓縮的 這個比例因為檔案 這個 我假設另存新檔 儲存到你的電腦 假設我把它變成是 字1 這邊會有個壓縮比 壓縮的品質嘛 那我這邊把品質弄到最高 品質弄到最高 那這品質弄到最高的話 你看這邊是預計是2.5M 那我如果弄到高的話 預計只有1.4M 所以檔案差了一倍的大小 那我用到最高 用到拉到12啦 就2.5M 那這樣子 雖然是JPG會有壓縮 可是他壓縮的品質是 最高的 那這樣子的話他的品質應該是會 接近於TIFF或PSD 這是另外一種方式 那所以就跟大家提供兩種方式 一種是直接壓縮成TIFF或PSD 另外一種是不要改他的檔案的格式 還是用JPG可是把壓縮品質拉到最高 就這樣子 然後呢因為我沒有反覆儲存嘛 而且又是用到壓縮品質最高 我只有存一次 所以他的 他的這個檔案的品質的減損 應該是很低的 好那這樣我就把這關掉 這個三個圖片在這邊 那我就可以把他 匯入進來 檔案置入 置入對不對 然後在桌面上面這裡面有image裡面我有三張圖片 那這三張圖片都是在這個 這個之前跟大家介紹過這個 這個PSABAY裡面去找的 那我就是一再強調說 這個網站 他的 他不但有這個 就是很漂亮的 品質很高的相片 品質很高的相片而且他還有 就是像量圖 Illustration 這個呢 有這些像就是這些繪圖 繪圖 還有這個像量 像量圖 這個就是illustration的像量圖 然後呢 也有video 也有影片 看這都是影片 這都是影片 所以就是你如果要剪輯影片的話你真的可以來這邊 去利用他的素材去練習剪輯影片 你可以剪出 很棒的影片 他素材非常多 甚至還有一個一個更棒的還有音樂 你在剪輯影片的時候你不是會需要 有配樂嗎 那你就可以來這邊去下載 你看他的配樂 其實 他有很多配樂 非常多 這個只是跟大家示範一下 所以這個這個網站 PSAPY 就 大家盡量來使用因為他是Free的 Free的 Free image Loyalty free stock 就是說這些 裡面的東西不管是photo或者是 這個照片 或者是這種 就是一般的我們講說那種插畫 插畫 這些插畫 或者是說這個 Vector就是他就是用向量繪圖的軟體 比如說是AI來做出來的 一般都是用AI 講到Vector雖然有其他Vector的軟體可是 我們業界 全世界的業界最常用的還是AI 然後Video Music 所以等於說你做 做視覺的不管是影片或者是 就是 電腦繪圖或是影像合成 你都可以在這裡面去找到你的素材而且他的素材因為是CC0的 所以他是允許你去 就是 隨意的使用 然後你可以去修改 然後你可以把放到你的商業 用途的作品裡面去都可以 然後你也不用 不用註明這個 東西的出處 那這個就是CC0的好處 有關這個網站的這個授權的情況你可以往這邊看這邊Learn more 那就是 最主要就是這個地方啦 他說All content 就是 Safe to use 可以安全使用 Without asking for permission Or giving credit to the artist Even for commercial purpose就是你可以安全使用你不需要任何的授權 不管是那個就是這個 這個叫公司PSAPY的授權或者是那個 創作這個這個藝術品不管是攝影或影片 或者是像樣繪圖 這個藝術家的授權都不需要 那甚至說你可以用在商業用途 那這邊就有講說 就是你可以 你可以複製對不對 你可以修改 你可以 你可以發佈 發佈 那就是或者是使用這個圖片 那不過請注意你這邊有一些額外的情況就有一些東西是不能用的 不能夠做的 這些是可以的打勾是可以的不可以的做什麼 你不能拿這些 這些圖片你把它下載下來然後去 去販賣 比如你做成一個圖庫去販賣這樣子 因為大家知道現在有很多販賣圖庫的公司嗎 他把他的圖片把它燒成光碟拿去販賣對不對 你就不能做這個事情 你不能把圖片影片 拿來 下載下來燒成光碟去販賣這樣子 不能這樣子 可是呢 你如果在用做藝術創作的時候 你可以 把他的 怎麼講就是他的影音圖文 音樂 或者是下載繪圖或者是照片 拿下來 用在你的作品裡面這是可以的 那這個作品甚至是可以商業用途比如說你要做一個 一支廣告片對不對 廣告影片你可以用他裡面的影片素材 然後就是你可以 比如說這個廣告片 是要放到電視上面播放的對不對 或者說這是一個廣告看板 那這個是要公開展示的 這種就是所謂的商業用途 那這些用途你都可以用 可是請注意 你不能夠把他 這些素材 下載下來直接下載下來 燒成光碟來販賣這個就違反了他的規定 所以這個 區別大家要分清楚 就他原始檔直接下載去販賣是不行的 可是你拿他原始檔 來創作 你的 怎麼講廣告或影片對不對 然後這影片或廣告是公開 展示或播放的這個都沒關係 可是就是不能夠把原始檔 直接下載下來販賣那這個部分我就 特別跟大家說明一下 因為我怕有些人認為說 那這些都是可以商業用的那我可不可以把他 燒成光碟來販賣這樣子 這是不行的 這個特別跟大家強調一下 那這三張圖片我就把他置入 這個有三指一 這是第一張圖片 第二張圖片 第三張圖片 那我再來調整這個圖片的大小 那這三張圖片我都要把他縮小一點 縮小一點 這樣子 縮小一點 我暫時先調整這樣子 那我把這個 把他 移過來 這個消費滿8000 就送這個東西 這樣子 暫時先這樣 那我覺得這個方形的圖片比較呆板 所以我會想要把他 弄個圓角矩形 然後這個呢 用5mm 然後先做一個形狀出來 然後5mm好像太大了 我再做一個 這個是用30mm好了 然後這個用30mm 然後3mm 確定 大概就這樣子 然後這個呢 我把他變成是 就是 怎麼講就是 兩 內外都是空的都是 都是5 內外都是5 都是5 那可是呢我在這邊 按一下Ctrl Y 我還是可以看到這個 這個外框 好那我就把這個外框 移上來這邊 移上來這裡 然後去把他做一個 剪裁遮色片的裁切 這樣子 做一個剪裁遮色片的裁切 這樣子 針對這個圓角矩形我把他旋起來 在這邊然後我Ctrl C Ctrl V 然後這樣就再複製一個 再複製一個過來 我把這個 這個移到這邊來 這邊移過來 待會要用 那我這時候再Ctrl Y Ctrl Y就是回復到原來樣子 然後把這兩個 這兩個圖層選起來這個圓角矩形跟這個 底下的圖片 我在這邊物件 剪裁遮色片 製作這樣就做出一個圓角的 然後我選這個 這已經剪裁了嘛我把他展開這邊有就可以看到他的外框 我把他旋起來 我把他的這個 旋起來這個筆畫 我把他變成是1 這樣子 如果說這個顏色 你不喜歡的話你可以再去換別的顏色比如說 像這個 這個我把他解散群組 我們來看一下這個是什麼顏色 這個是這個顏色就是 50 20 所以我這個也一樣可以把他變成是 50 20 我這個 現在選到的是這個外框對不對 然後把這個弄到前面 現在是黑色 我把他變成是這邊是0 這邊是20 這邊是50 那就變成是一個 有外框的一個圓形 那這邊一樣可以比照處理 這邊我這邊有一個這個圓形 那我先我也可以先把他 怎麼講就是變成是 有外框的會比較好看 比較會視覺上比較會看到 我先把他旋起來在這個地方對不對 我也可以把他先變成 1 然後 然後在這個地方我把他 拉上來 然後把他縮小一點 然後就這兩個旋起來 然後物件 剪裁遮色片製作 這樣子 那剪裁遮色片下去之後 他的外框會消失那沒關係 我把他 我把他這個外框在這個地方對不對 我把他旋起來我單獨選這個 單獨選這個 這個這個 先這樣單獨選這個 單獨選這個的話我一樣可以把他 外框變成是 1 然後看看顏色 50 20沒問題 好那確定 那這樣就會有兩個 就是有外框的 這個 圖片就是這個其實就是 這個東西他就是這個這個產品了 那這個這邊呢 我也做一樣的處理 我一樣是用一個 像是圓角矩形 確定對不對 那 把他 套在這邊來 擋住夾放大一點 縮小一點 然後把這邊 做個裁切 這樣子這個 這兩個選起來 物件 剪裁遮色片 製作 好那這樣就 就完成了 那這個一樣我要把這個 他的外框對不對 要把他設成是1 1 這樣子他就會follow之前的顏色 那這樣子就 就完成了 好那這個就這樣子 Ctrl 0 好再來針對這個這個橫條 我把ALT複製一個 放在這邊來 消費滿 這個 這個我可以把他間距 拉大一點 就是24這樣子 那這個的話這樣子 縮小一點點 這樣會比較好看 可以去細調一下 細調一下讓他讓他這些 比較對稱 這樣子 這個 這樣子 然後這個移到 排列順序移到最前 這樣子ok 接著呢我把這兩個把他群組 然後再把這個跟這兩個選起來 把他對齊左邊 這樣子 Ctrl 減 這樣子好像不太好看喔 那還是移過來一點好了 移過來一點 好這樣子 OK 再來我把這個字體我會把他變成是 反黑 反黑體然後大小呢就是用 18點好了 然後這個 再把ALT複製一個過來 我把這個 字 排列順序 移到最前 好這個把他拉大一點 然後這兩個 這兩個 把他 置中對齊 這個再置中對齊 然後這兩個把他群組起來 群組 群組起來 然後這個 這兩個 就是 也把他群組 群組 這樣他就變成是一整個 這個跟這個 我把他 置左對齊 這樣子 好那我把這些色塊跟文字 把他就是都解散群組 我想要把這個字這一塊這一塊跟這一塊字 把他全部都對齊一點 這樣子 我覺得這樣會比較好看 然後這個 跟這個 就是這兩個 把他往下一點 往下一點 這個不要的我就可以把他刪除掉 那大家看一下就是到目前為止 大致上已經完成了那還要做一些最後的小的裝飾 那你會發現說我們在這個製作過程中 就是會 會花蠻多時間 在做對齊的 比如說像這個 這個我就希望把他全部都 都對齊左邊 你就會花蠻多時間 在做這種小的地方 或者是這個地方可能再往上一點會更好看 你就會花很多時間在處理這些 細部的地方 或者是說像這個 你覺得這樣好像離太遠了 你可能要把他往 往左邊移一點 可能需要這樣子 反正這個就是要 慢慢去調了 那我這邊就不過多的去細部去調這些東西 大致上調這樣就可以了 我這邊就是跟大家講就是說你在做一個設計的時候 對齊 跟字體的大小 跟你的顏色的配色 跟你的這個構圖 都是很重要的 那這些對齊的部分雖然是很細節的部分 可是他其實對整個版面 視覺上的美觀是很重要的 再來我到這個Pixabay裡面 圖庫裡面去下載一個Vector 然後用Waterbubble 就是這個水泡 水的泡泡 我點下去 那這個Free Download 我要下載的是這個向量圖 因為這個PNG他就是點陣圖,點陣圖他就有像素的大小 有尺寸,那向量圖的話 你不管放多大多小他都是 邊緣都是平整的,所以他並沒有所謂的 像素的概念 所以他就是一個Vector Graphic,我就直接下載 那這樣子就會有一個水泡,你看他這個 在資料夾中顯示 他是一個水泡SVG 這個SVG雖然不是AI,可是你一樣可以用 開啟檔案,你可以用AI來開啟,那我就這邊檔案就開啟舊檔 我就開啟這個SVG檔案 我就按4,那這樣就會出現一個SVG檔案 那我就ctrl把這個bubble選起來 然後ctrl C,就把他複製起來 然後我就到這個原來的DM這邊 這我就可以關掉了 這bubble就可以關掉,然後ctrl V貼上 他就會有一個氣泡 那這個我就可以來做一個裝飾用 然後這個因為都是向量圖,所以你可以隨意的放大縮小 你也可以旋轉 然後我在這邊再 ALT再一個 那我就連續複製6個,然後調整他的大小跟角度 那這樣就是做一個修飾 或者是我也可以把這個 這邊有一個就是 檢視 效果 效果這邊有一個風格畫 我可以製作陰影 本來是這樣 加陰影的話確定就是這樣子 大家看一下我如果ctrl Z,沒有陰影是這樣子 有陰影是這樣子 你也可以把他加上陰影 那這些 一樣也可以 同樣去製作陰影的效果 那這個就比如說效果,我在這邊再製作陰影 確定 這邊 這個效果 他 就是製作陰影是Auto Shift Ctrl E Mac裡面他可能就會有其他的按鍵 在PC裡面是Auto Shift Ctrl E Auto Shift Ctrl E 他就是製作一個陰影 這個呢 Auto Shift Ctrl E,他就製作一個陰影 這個一樣 Auto Shift Ctrl E,他就製作一個陰影 這個Auto Shift Ctrl E,製作一個陰影 那這樣子就會有陰影 那這個陰影見仁見智,我只是跟大家講你可以這樣去 去做 如果你不要的話,你就把按ctrl Z 全部都復原 就這樣子 這些 就是怎麼講就是 氣泡 你也可以把它做其他的效果,比如說這邊風格化 你做外光暈 外光暈 模糊我給他做到 3好了 3mm 確定 我也可以一次把這幾個都選起來 一次把這幾個都選起來 這五個,1,2,3,4,5,然後在這邊效果這裡 我剛剛用過的效果,我可以再用一次 套用外光暈,他也是一樣是3mm 確定這樣子 那這樣就是有一個 外光暈的效果 最後呢,我們再要做一個東西,就是這個矩形方塊 我們把它 這個ctrl Z 我們看一下,最後我要為背景做一個底色 我們在這邊,我內容這邊 我編輯工作區域 你看一下我的這個工作區域 工作區,他是怎麼樣?就是 你看這邊,我編輯工作區域,你會看到我的工作區域是 寬是210,高是297 210,297,所以我就要去做一個 點一下 用方形,點一下這邊 我做一個寬度212 然後高度299 也就是說我有做上下跟左右的粗寫,各1mm 如果你不放心的話,你可以做214 299,就是301這樣子 301,這樣粗寫會更大一點 那這樣子 就會做一個這樣的粗寫 那這個顏色呢,我把它變成是 這個顏色,我把它變成是 40 然後10 這樣子 或是,這樣子可以了 那這個我就把它 對齊 對齊這工作區域,然後 左右,就是水平居中,垂直居中 然後 這樣子 垂直居中跟水平居中,他就會對齊這個工作區域 因為這個是工作區域嘛 那我如果是 對齊工作區域的話,他就會對齊這樣子,然後你看這個 這個線有沒有 這個線 這個線就是裁切線 然後這個就是粗寫 粗寫 那這個,如果說你覺得不要那麼大的話,你可以 212 然後 299 一般就是做到 想說就一般做到 左右1mm就可以了啦 299 這個要把他 去除掉,不然他兩邊會同時變動 299這樣子 那你看一下,他這212,299 那他一樣會有個粗寫 可是粗寫也沒有那麼大 可是現在的機器比較精密,所以 你做1mm的粗寫其實就可以了 那我ctrl 0 那他會把那個圖遮住嗎? 那沒關係,我只要把他這個 把他排列順序 把他移到 移到最後就可以了 然後這邊呢,我們來看一下這個地方 你看到這邊 他沒有接上嘛,對不對? 所以我這邊再稍微修飾一下 這樣子 再往右邊一點 大概這樣子 ctrl 0 那這樣子我們的 有關一個illustrator 的DM 保養品的DM的設計就結束了 那我特別要強調一下就是說 像這些東西啊,這些東西對不對 還有這些氣泡啊,這些東西,這些水泡 還有甚至這些 很多的一些 圖片對不對 那其實都是從 這個 網站 這個psa.py裡面去取得的 所以就是大家在做設計的時候 你只要去設計 你主要的創意的部分就好了 一些 怎麼講? 一些附加的一些東西,比如說像 像這個主要的創意就是這個,我整個構圖嘛 還有我要用什麼樣的文字啊 就是怎麼去排列等等,這是主要創意 這裡面會有一些 要附加的東西去做修飾的,比如說像這些氣泡 這些花紋啊等等,對不對? 或者是這些照片等等 那這些東西 你都可以盡量去用 用圖庫 圖庫當然有很多個啦 那這個是我覺得我最喜歡用的圖庫,一方面是免費 一方面它是音樂、影片 像量圖 還有插圖 跟照片都有 幾乎你要做的所有的設計 的素材 各種形式,比如影片、音樂、像量圖等等 這裡面都會有 所以這個對設計者來講是一個 非常 好的一個網站 那就是 所以你就不用所有的東西 包括一些小物件、小裝飾品等等 你都要去 從頭自己來弄,這樣會很麻煩 所以我們就盡量可以去用一些 現成的東西 來豐富我們的設計,比如說像這個圖片 假設你要做個海報紙 你是不是可以用這個圖片來做海報紙 就很漂亮了,這樣做海報紙就很漂亮 或是說你要 你要就是做 Photoshop的 影像合成 你就可以用這些照片,這些照片就很棒 一般的有些免費的圖庫 它雖然免費,可是它的品質並不好 那可是這個 這個Piece of Paper 它不但是免費 而且它品質很好 然後呢 它的量又大 它1.8million 1.8million的這個 million就是 就是百萬 所以它就是有100萬、180萬的 高品質的 這個就是 照片 或者是影片 就是由他們的這個 他們的這個社群去 去分享的 只是說這個社群如果你要分享在這個上面 你就要符合它的一個 一個授權的規定 它的授權規定就在這個地方 這個授權規定在這個地方 你可以任意的去 使用,任意去修改 然後你還可以做商業的使用 就是這樣子 所以 這個是我要特別 推薦給大家的一個 在做設計的時候 可以使用的一個輔助的資源 好,那這個教學我們就介紹到這邊