社群美圖魔法師｜劉欣如

跟大家分享＾＿＾
最近我的學生因為要發表自己的學習歷程
因此製作了影像美編排版相關的作品集
雖然還有一段磨練的路
但這位學生的設計概念從0到有
現在已經可以接收主任給的文宣資料
製作一張圖稿交件給主管
這一路學習的成長過程
看到了這些作品
還是滿滿的感動

這位學生除了上課外
也有在語文學堂擔任行政
每週六只撥出一個小時
學習美編排版的技巧
在有限的時間
必須濃縮學到設計相關的概要
以及排版的技巧
因著實操與實練
加速自己的技巧應用與經驗值

藉著學生的影片分享
覺得很感恩
也讓我有所收穫
獲得學生從不會設計漸漸的
踏往設計的天空的那種感受是美好的
希望學生能從中體驗到設計美學一切的美好！

主任老師有幾張圖片教材要在下週二講課使用
必須在今天週六完成才來得及
因此這次課程以完成主任老師之任務為優先
主任老師提供一範本給我們參考其內容和版面
經過我和助教老師的討論很快就分析出要製作的方向

思考方向如下：
這是一張人格特質分析圖
便想到 0-6歲是兒童性格成長時期
因此主圖會以兒童為主
助教老師便上網找了插畫風格的兒童
並且依據 DISC 所代表的性格找出相符的形象
學堂多為小學生
就更能『直覺性』吸收資訊
這部分有多次的實作經驗
因此有感於助教老師在此次完成的速度上比以往快很多
並在排版和配色的美感有很棒的主見
一次一次的細調後
對於美感都有更近一步的優化

---

我是社群美圖魔法師｜劉欣如 Sharon
『想要圖謀大業，要先圖謀大視』
你想要的社群行銷美圖找我拿
你渴望打造的個人作品找我要
大家好，我是一個可以跟你做朋友
可以跟你談業務合作
也可以陪你學習美圖技能的美學教練 shaorn
我的座右銘是沒有等待而來的機會，只有努力才能創造機會

今天延續上週品牌麵包Banner排版練習_文字排版
學習重點：將文字資料分主標、副標、內容、聯絡資料、產品認證等資訊，透過排版整理，讓瀏覽者三秒入腦。

製作內容：
找到乳酪了莓
柔軟Q彈，口感水潤的麵包體。酸甜草莓與奶油乳酪，蹦出~細緻濃郁香氣 !
全店，【臺灣離島】配送，單一地址滿6000元，免運費，因航班縮減【金門地區暫不配送】

全店，【臺灣本島】常溫配送，單一地址滿3000元，免運費

【食品業者登錄字號】E-124515008-00000-7

電話 / 07-335-9593 #712

客服時間 / 10:00-17:00

Mail / wupaochunbakery@gmail.com

地址/ 高雄市苓雅區四維三路19號

上週助教老師使用Ｃanva找到喜歡或合適的版型
稍微置入圖片和文字稍作了編排
下課後，請助教老師可以將文字整理段落後
試著編排看看......
延續上週的圖文排版
今天的教學幫助到助教老師更清晰分出：
1. 主、副標圖
2. 給消費者產品郵寄資訊，經排版優化後閱讀更佳明瞭
3. 以目前的排版方式，聯絡資訊的部分還需再細分“服務相關資訊”和“聯絡資訊”的組合排列
4. 標題顏色和特別處理方式有了更吸睛的感覺

在分享這篇學習歷程的同時
也發現我應該保留學生當時原版的作品
可以相互對照
調整前、後感官上的差異性

下次上課
會一樣以此範例改由Photoshop軟體來進行排版設計
這會是一個不一樣的排版感受
還蠻期待的。

最後
再帶助教老師用Photoshop用主體的選取與遮住的技巧進行人物去背
髮絲的部分也可以完美呈現喔！

原圖的人物是在綠色莊園的中間
去背後，將人物往圖面的右邊移動
再置入做了濾鏡效果的英文字體在左區塊

學會去背+文字排版這招
圖文是否就更加吸睛豐富了。

---

我是社群美圖魔法師｜劉欣如 Sharon
想要圖謀大業，先要圖謀大視！
擁有17年設計經驗，專門解決圖面視覺的疑難雜症，讓您擁有高專業、強信任的個人、公司的品牌形象。掃我輸入888，即可免費獲得『美圖優化懶人包』

前兩次在短時間內帶老師製作學堂活動的報名簡章，學習結束後就由助教老師和學堂主任老師們最後確認完稿，這部分我就無機會參與其中；但希望能在經手過的事上，有個結尾或結案。經過回頭檢視，的確有些地方可再作調整，會獲得更優化的圖面，活動資訊與內容會更清晰、更有條理快速傳達給閱讀的人；透過檢討，助教老師親自操刀執行過的的版面裡，補充更多特別注意的事項及其他排版呈現方式，相信更能夠在排版實操的路上，有實際學習加疊的成效。

今天一個小時課程規劃如下：
🔸檢討春夏活動版面
🔸檢視夏令營版面
🔸PS浮雕字效
🔸PS遮罩技巧



一、檢討春夏活動版面-可以再調整的部分：
頁尾直播講座居中排版的部分做調整、主副標題配置及詩句色塊整體加大增加層次感，也剛好與活動內容的文字齊右對齊，版面調整前後比對如下：

二、檢討夏令營活動版面-可以再調整的部分：，
標頭的地方所佔區塊太大，沒有在黃金切割的比例上，整體美感稍有不足，是比較可惜的。這部分口頭說明可如何調整改善，我們就不花時間去更動版面了。

三、PS浮雕字效
透過混合選項，製作浮雕效果的文字，面板設定介紹與功能效果呈現，如：描邊設定、陰影設定、顏色覆蓋及添加紋理後的效果；透過混合選項設定，可以重返調整設定非常方便。

四、PS遮罩技巧

透過兩張圖片，使用遮罩工具來做合成練習；遮罩是一個很好用的去背、合成工具；今天試做一張外國下雨過後的街坊，與海龜的合成圖
步驟略述：
1.將兩圖以上下圖層呈現
2.在海龜圖層中新增遮色片、負片
3.筆刷或漸層塗刷
4.濾鏡和畫面調色（符合顏色設定）
 

照片素材取自“pexels”免費圖庫相片網站

運用以上步驟，完成如下圖：

會遮罩/遮色片這門工夫，就可以天馬行空的合成、合成再合成，超好玩又欲罷不能，還可合到假以亂真，就真的是太強大了。但我們不要拿這個本事，去行為非作歹的事，要做正向可取的事喔！

---

我是智圖美學行創家｜劉欣如 Sharon
想要圖謀大業，先要圖謀大視！
擁有17年設計經驗，專門解決圖面視覺的疑難雜症，讓您擁有高專業、強信任的個人、公司的品牌形象。掃我輸入888，即可免費獲得『美圖優化懶人包』

為什麼『在家線上』陪你排版？
在上課前一晚
得知助教老師正在學堂製做一張
正反兩面『夏令營課程簡章』排版設計
我當下就連線至Canva與助教老師們同時在版面進行施工
這真是一個很特別的經驗
甚至彼此很快就有一種分工合作、互相效力的默契
比如：我協助指導排版時
也邊講解要領（一定要把握這個機會教授）
甚至覺得需要什麼插畫或圖面時
助教老師主動協助找圖出來
且每張都找得很符合內容的圖
所以第一面很快就完成90%的進度了
這個特別的體驗讓我覺得好興奮

在家裡協助老師製作簡章版面，感到太神奇太興奮了，趕緊拍一張留念

今天來到學堂上課
助教老師第二面也已完成50%的內容
而發現到新手排版時比較無法掌控『統一風格』這件事
這是一個很重要的步驟
因此請老師先回頭把第一頁標頭、尾先複製搬移到第二面
好讓風格有延續
但元素上都可以調整其大小位置
僅風格延續就可以了

由於第二面的每週課程內容很多
需要表格區塊來分類整理
因此又剛好抓到機會指導老師在編排內容多時
可以怎麼規劃
首先主次重點先抓出來
表格區塊大小位置也設定出來
將其課程內容的佈局編排設計出來
完整完成一週的內容後確認
其他六週就可以複製後微調即可

這次上課前一天在家先線上陪同實作
這真是我『智圖美學行創的初衷』
希望透過任何需要協助的時候
我都可以很快的幫到大家
將圖面優化
圖片優化好處很多
改天再分析優點給大家
很開心也很幸運
經歷這樣一次的過程、經驗

---

我是智圖美學行創家｜劉欣如 Sharon
想要圖謀大業，先要圖謀大視！
擁有17年設計經驗，專門解決圖面視覺的疑難雜症，讓您擁有高專業、強信任的個人、公司的品牌形象。掃我輸入888，即可免費獲得『美圖優化懶人包』

來到郭老師語文學堂進行美編指導已邁入三個多月了
完全是走在『個性化教學』模式進行
剛好學堂近期要出一系列春夏活動與夏令營活動的簡章
所以今原本要上的課就先暫停
以指導協助助教老師來完成一面橫式A2尺寸的
『2023郭老師語文春夏活動』課程簡章為主

助教老師拿到資料後說：『好多的字』
我說：沒有關係！因為是語文教學，總是要透過專業的詞彙來表現出學堂的文學內涵，所以文字是不可少的。

我也說過：文字排版就像我們口語的表達能力
可將文字照著我們說話的輕、重、緩、急或情感來做呈現
可以透過以上的梳理後就能有條不紊
我們先區分主、副標題
其次課程活動說明這幾大類
還有學堂主識別(如：Logo、標語、頁尾資訊)
讀過初稿內容後
感受所要表達的意境後
開始定位風格與圖片元素

今天仍舊以日漸熟悉的Canva設計大師來製作版面
首先在免費圖庫網站中找到了春夏花語又有蝴蝶
相當符合情境的背景素材
因與版面尺寸不符
套用前仍須到Ai軟體調整了一下花邊和版面的寬度
並預留中間區塊放置學堂文字內容的部分
再回頭將整張圖面上傳到Canva版面上

接下來的文字排版 請助教老師先試著編排
目的是  想知道老師目前排版上的技巧為何

隨後 我再依其排版部份做解析與補充說明
更換其他排版方式
邊調整、邊指導我所做每項調整的目的為何
為什麼放這張圖
這邊的空間可以補上什麼讓畫面更有感覺
給予一個色塊增加版面的平衡和層次感等等

排版設計靠多欣賞作品與多次的實作來累積
相信在這樣引導下的學習
更能加深其獲得經驗值的學習效果

📍總結以上學習重點：
1.  受眾對象/版面尺寸確認
2. 內容風格定位/素材搜尋
3. 閱讀文章內容，找出文字表達定位
4. 文字排版/美編
5. 全版面的檢視/細修

我是智圖美學行創家
讓你製圖不求人的欣如
我從事排版設計17年，曾是資訊公司設計主管。
無論您是社會人士、學生
我能提供個性化諮詢與個性化教學，手把手帶你作美圖的『陪跑教練』
掃我加好友，送你『製圖秘笈』

排版邊界設定的用意與範例操作+色彩學（色相環使用與搭配）＋排版前置作業引導＋母親卡作業

學習目的：
排版前置動作，是免去發現缺失在花更多時間去彌補的痛苦，因此，前置作業做得好，提高效率又能兼顧質感，色彩搭配與使用也是一門很深的功課，但沒關係，初階段的搭配也能讓你的版面設計擁有高CP的質感喔！

PS教學：
1. 版面先做好邊界後，再將元素依序排版，四週適當留白，亦可平穩畫面
2. 圖片優化調整-明暗度、飽和度（曲線、飽和度、明暗對比）時間不夠用下次再說⤵

色彩學：

色彩給人的感受-『抽象』的感受也就是讓人產生『聯想』的效果，如：
紅色給人的感受：具體-蘋果、太陽、火；抽象-生氣、危險、熱情、活潑

綠色給人的感受：具體-樹林、小草；抽象-環保、自然、舒服

藍色給人的感受：具體-天空、海洋；抽象-平靜、憂鬱、理智

所以在配色的時候，除了具體實物上的顏色之外，還有抽象的色彩也可以作色彩的運用。


色相環的使用與搭配技巧：
中心是三原色；內中圈是二次色；外圈是原色和二次色的混色

『相似色』是最安全的配色方式。
若一時還無法搭配顏色，最簡單的搭配方法就是，淺色系搭深色；深色系搭淺色

作業：
我會提供素材，依今天所學的邊界設定和色彩搭配製作一張母親卡。

今天學堂出了一個新任務
需輔導助教老師製作一張『文辭性格分析的錨圖卡』
圖卡會延續學堂原有的錨圖風格進行製作

文辭性格分析的錨圖卡有六個主題
便以『顏色』做區分成六大板塊
哇！照個配色就很有挑戰了
要做單色、漸層、顏色組合、明亮顏色、淺粉色系還是？？
最後
顏色定為淺色系
因此借此機會教助教老師在
『不同色相中，如何抓出相同色域的顏色』
抓住這個原則
顏色很快就規劃好了

#作中學是最好最快的學習方式
#輸入後馬上輸出立即入腦

接下來是找出六大主題的圖示
這個部分最花精神和時間
因此開始到免費圖庫中大量搜尋
去哪裡找？怎麼找？
分享一個小撇步：
直接去問Google
比如：我要『勇氣』的圖示。
可以在google搜尋『勇氣』
再點選『圖片』的類別
看看大家都用什麼圖來呈現『勇氣』的感覺
這樣我們搜尋圖庫的時候會比較有方向
目前顯示的圖片我們就可以輸入：
跳躍、力量的關鍵字去免費圖庫網站搜尋圖片

有了圖示上去，版面完成度感覺就已達60%以上
接下來就是文字排版的工作了

綜合以上的實作經驗中學到了什麼？
1.版面配置
2.配色(六大主題/色塊)
3.找出符合主題的圖示(ICON)
4.主副標題文字格式的區隔設定
5.機會教育：物件都居中了，但怎麼感覺是歪的，這個部分的現場調整與感受，相信會學得更扎實。

常常上課都忘記拍照
做課程紀錄
導致發文時沒照片～
下次若有記得再補拍上來
 

作品補拍

今天開始使用Canva來準備上課講義
發現Canva超好使用
製作一份文件後
按轉換鍵後就自動轉成PPT模板(多組選擇)
超棒的！

上週說到四色印刷(CMYK)
今天要補充一個色票：特別色（Pantone）
一般印刷是以四色（CMYK）的色墨，以網點的形式套色疊印出來；特別色則是單一顏色以平塗的方式直接印刷，也可以說他是單色...

藝術家和設計師的差異
我覺得這個部分必須再投入設計師工作領域時
必須要知道有所界定
才能扮演好製作的每一份作品
都是符合客戶所期待並解決其需求的目的

排版設計主要由圖文資訊構成一張文宣或海報
在設計師精確的佈局底下
製作出一份明確傳達訊息的文宣
是最為重要的一項工作
也是達到宣傳最主要的目的

所以
今天主要講到的是『排版』與『色彩』的模式
一、排版
排版是設計師最基本的技術
好的排版讓人看得賞心悅目
不好的排版讓人看得渾身不舒服
所以今天帶助教老師探討排版的好壞
也講解黃金比例的訣竅
善用黃金比例
除了讓畫面平穩外
還可以在配置版面時有適當的留白
達到視覺舒適的感官享受

二、色彩
色彩模式主要分為RGB和CMYK。

☞RGB-為色光顏色。
主要是紅、綠、藍三色組成，這三色調和在一起時，會顯示白光。此模式主要在於螢幕設備上，如：電視、手機螢幕等
☞CMYK-為印刷色。
主要是洋紅、黃、青、黑四色(油墨)，這四色調和疊加的方式在一起會顯示為黑色。

PS秘招：
照片拍歪了，要怎麼用PS來修正與補滿畫面？
今天要教助教老師圖面修正的技巧。
☞使用尺規工具平行拉出直線在需導正的角度
PS會自動將校正的數值
帶入影像旋轉/任意裡面
完成設定後，照片就會被導正。

此時，在用填滿工具將背景延伸補滿
即完成照片修正的工作囉！