創作內容

26 GP

【PS】進板圖製作練習 - 小巷時光

作者:小紅帽│2019-06-21 17:11:15│巴幣:70│人氣:299
最近在等畢業,很閒。
除了打文章、整理配方外,還想找點事情鑽研一下
Photoshop我之前就有在用,不過都只是拿來做一堆惡搞圖而已
最近一次是做金髮小灰狼後援會的公會旗幟,有興趣的話歡迎大家加入公會套用

碎碎念結束,以下正文
=======================================================================
本人渣技術,大觸們敬請見諒QQ
昨晚突然心血來潮,打算來做個小巷時光的進板圖
也是因為看到推薦欄,那位一直默默在推文的孩子幾乎每天都不厭其煩得在推廣他XD
所以就開始找素材,準備幫小巷做一個進板圖,裝飾一下門面
以下將分成各個小段落來記錄
.....................................................................................................................................
*找素材
這部分我覺得滿有難度的,因為小巷目前我好像沒有看到有大圖
所以只能去找板上分享的漫畫圖來使用QQ

而我這次選用的圖片就決定是這六張,打算應景做個夏日風格的
(因為文章版面問題,所以我把圖片都縮小丟上來)
圖源: 小巷時光 http://www.comico.com.tw/679/
選用素材

.....................................................................................................................................
*草案
首先是做出草案,來決定圖片哪裡該要修改,要怎麼做
我的預想是把五張圖片都並排,並在右下角放上小巷時光的字樣

進板圖的詳細格式如下
*檔案格式: gif、jpg、png
*解析度: 寬1250 pixel、高375 pixel ;大小上限為 300 KB

所以需要開新一個1250*375大小的檔案,並將這五張圖片擺上去找相對位置
預設位置大約如下,這樣也大概能知道自己要進行處理的部分是哪裡

.....................................................................................................................................
*前處理 - 去對話框
而因為是漫畫原圖,所以都會有對話框存在
我原本想要保留,然後只把文字去掉,但是考慮之後還是決定把框框全部去掉
除對話框外,我還想將這五張圖片盡可能不要出現重複的人物
所以我要處理的就是對話框重複的人物

這邊我用到大量的仿製印章工具來消除,而首先先將要要消除的地方的底色單一化
就是這樣用旁邊的顏色,一點一點的把顏色延伸過去
補的時候我有不小心把那個十字線壓過去,但是沒差,待會還可以跟其他地方借來用XD
我承認我因為放大而近距離盯了整晚的胸部,但是這都是純學術用途
---------------------------------------------------------------------------------------------------
簡單處理完之後,其實破綻還滿大的,顏色有點不均勻
而且原本的十字線條也消失了QQ 所以得要用修復筆刷工具補個
使用後,顏色比較沒那麼突兀了
---------------------------------------------------------------------------------------------------
接下來就要把剛剛被塗掉的十字補回來惹
這邊就得再用仿製印章工具,跟別的地方借完整的線條來用
哪邊缺就用相對方向的十字去補
補完大概是長這樣
縮小看一樣破綻很多,放大就還可以接受QQ
而且待會還要做裁剪,其實問題不大
處理後 原圖

.....................................................................................................................................
*前處理 - 去人物

如同前面提到的,我想讓並排的五張圖片盡可能不要出現重複的人物
但是並不是整張圖都要修,把工作前後順序規劃一下就能達到事倍功半的效果
這邊用到的是裁剪功能與萬能的仿製印章工具

首先是裁剪功能,把需要的區塊選擇好後即可
圖片的左右,就取主要人物的邊界;圖片的上下,就看你放在進板圖上的位置多少來決定
雖然很對不起花店姊姊,因為其他張已經有她的特寫了
所以我這張只打算留下小真白QQ
---------------------------------------------------------------------------------------------------
裁剪完後就是大家最喜歡的環節,仿製印章工具時間惹
基本概念也是一樣,把旁邊的背景延伸過去即可
也因為有裁剪過,所以需要處理的空間相較於原圖,會小很多
成品如下
處理後 原圖



.....................................................................................................................................
*組合
經過一連串的裁剪、印章工具、調整位置
結果如下

不過因為圖片間沒有什麼修飾,看起來有點單調
所以這邊我想採用漫畫分鏡那種感覺,所以在圖片間都追加了一條白色的細長矩形方塊
矩形是利用矩形工具拉出來的,拉出一個再複製4個即可
成果如下

.....................................................................................................................................
*追加風格
做完之後總覺得怪怪的,還是覺得純粹並排很單調XD
但是又不知道怎麼設計,參考別人的半天還是沒有頭緒
最後是靠Powerpoint的版面設計功能,來找出方向的

我是先新開一個PPT,隨便選了一個預設主題
並把圖片一張一張扔上去,看他有什麼花樣能推薦我
不得不說這功能真的超好用的,而且還滿有質感
---------------------------------------------------------------------------------------------------
方向確定之後,就是要對原圖進行潤飾了
因為我放上去的那些圖並不是都是切好好的高度375,所以得要進行一次統一裁切


裁切完後,將五張人物圖片四個矩形分隔線合併成一個檔案

接下來就照著PPT給我的靈感,先把圖片旋轉,做出右下角留白部分
再把標題字放在右下角留白的部分,最後微調下就完成惹
.....................................................................................................................................
*成品
=======================================================================
這次製做時間應該有超過3個小時有,我昨晚做完的時候已經要3點惹
不過大部分時間都是花在試誤與去對話框QQ
要把圖片縮很小,並且一點一點得把不需要的部份去掉,修完眼都花惹3___3
做完的時候還滿有成就感的,畢竟花了自己快3小時的陽壽
最後,別問我為什麼不做烹飪板的進板圖,我已經在趕工惹>"<
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=4434491
Some rights reserved. 姓名標示-非商業性 2.5 台灣

相關創作

同標籤作品搜尋:PS練習紀錄

留言共 11 篇留言

KILGA
超認真香蕉教主[e12]

06-21 17:13

小紅帽
麻煩把香蕉忘惹吧,他不會再回來惹O______Q06-21 17:18
王中
優質教學

06-21 17:14

小紅帽
最近都在練習PS,其實最近一次還有一個委託,是要做中油熊的06-21 17:19
小紅帽
就是這張https://truth.bahamut.com.tw/s01/201906/c9c9ec3387edb05e56d23c9c51601b57.JPG?w=30006-21 17:19
緋渚綾瀨
超棒的><

06-21 17:16

小紅帽
感謝哦QQ 昨晚修圖修到眼花,還沒睡好06-21 17:20
咖哩涼了
好厲害
帽帽怎麼這麼多才多藝 >_<

06-21 17:18

小紅帽
之前就喜歡亂搞朋友的照片,現在是練習出一點興趣惹XD06-21 17:20
一顆茶葉蛋
好麻煩的感覺

06-21 17:20

小紅帽
我覺得做不麻煩,撰文才煩((汗06-21 17:20
KILGA
好啦不鬧w我覺得真的認真,我都有點懶的一步一步截圖:)

06-21 17:22

小紅帽
因為各個階段的psd檔我都有留著,所以整理起來算是快惹[e16]06-21 17:26
神無月 若葉
不錯看呀w

06-21 18:24

小紅帽
是老師的畫工厲害哦,我只是整理而已OwQ06-21 20:19
沁甜花香〃
其實可以省略「合併圖層」這個步驟,直接全部一起旋轉就好。

06-21 19:49

小紅帽
哦哦哦,了解@@
在合併的時候也滿害怕的,那邊我存了很多psd檔備用
我做下一張的時候來試試,感謝OwQ06-21 20:20
也龍
看來是要轉職了

06-21 21:45

小紅帽
鼻要,我好懶
當興趣就好QQ06-23 17:46
雪境
到底是什麼蒙蔽我的雙眼~~

06-23 09:28

小紅帽
小巷應該沒什麼強調部位啦XD06-23 17:48
Zabo
好強@@

在製作這類圖片的時候,背景我就沒辦法了ww

這背景是自己畫的嗎@@?!

07-02 11:15

小紅帽
不是耶,我都是自己東拼西拼,拼起來的@@07-03 20:01
我要留言提醒:您尚未登入,請先登入再留言

26喜歡★shiki527 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:[達人專欄] 【Reci... 後一篇:【0623】附近新開的便...

追蹤私訊切換新版閱覽

作品資料夾

sakata21大家
孑孓:阿嬤么啊!!!看更多我要大聲說昨天22:31


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】