張新御
2 years ago @Edit 2 years ago
[聊 / mockup]
https://images.plurk.com/1xONoD1kNH1jRzOiz8MSre.png https://images.plurk.com/w7RjpcSQfYPuw1cmjD7sb.png
我是個喜歡實體大過於電子的人XD 所以模擬實際成品的mock up對我的吸引力真的很大……!
latest #30
張新御
2 years ago @Edit 2 years ago
因為在噗浪接的委託大部分最後都會印成實體書,所以通常我完稿後都還是會丟進去感覺一下。
https://images.plurk.com/249KzT6VoQvH8oJm6U4ozY.png https://images.plurk.com/3ib87Te0aU2abKDPYKhxHN.png
因為封面是一整張包含封底折口書背做的,在ai裡看大概是這樣的感覺。對想像力不夠的我來說很難直接想像印出來會是什麼樣子,只截圖封面 & 放到mock up上還是會有神奇的落差感……!
涘晰
2 years ago
我也喜歡實體大過電子,也滿喜歡套樣機的XD
這樣子可以知道自己做出來的成品是什麼模樣
好佩服可以一整張做出來啊~我都是分開來哈哈
但很想挑戰一整張
張新御
2 years ago
Rien325: 真的套上去快樂就會加倍XDDD 之前都是用截圖或縮小畫面看,但總是會在套mock up之後發現還是哪裡怪怪的……!
立即下載
張新御
2 years ago @Edit 2 years ago
印象之前也有被問過我ㄉmock up是哪裡找的,但其實只是我自己做的陽春模板XDD 主要是因為做個人誌時,很常遇到這樣的配置:

(1) 書背<1cm,甚至只有0.5cm (2) 右翻平裝

因為每一本都不一樣,有些還有折口。偏偏很多mock up又是一般書背厚度 + 左翻精裝,用在個人誌上並不適合。想要統一的話只好捨棄精緻模板
張新御
2 years ago @Edit 2 years ago
對ㄌ說到精裝這件事,剛開始看的時候真的覺得靠也太炫砲了ㄅ我全都想套 但久了之後就會意識到我做的書基本上都不會是精裝啊這件事XDDD

轉換成實體的印刷跟裝訂也都是成品的一部份,會多花錢印成精裝也是因為會加分(讓書看起來更高級&堅固)才這麼做。但當成品不會是那樣的時候就會有點包裝不實的感覺XD (?)

書背厚度也是類似ㄉ感覺,因為改別人的模板真的很費工,所以儘管自己做ㄉ比較陽春但還是.......就先這樣XDDD 可以任意改左翻右翻/折口寬度/書背厚度真的很快樂!

希望日後可以把mock up點數用力點起來,加油啊我
張新御
2 years ago
https://images.plurk.com/3X93e88RFgYjmsHyF4WLgK.png
最後放一個快樂郵票形狀mock up收尾!
張新御
2 years ago
//
你的設計都好美呀!
秋思化刃⚡
2 years ago
新御的設計都好美唷
套上mock up都好好看!喜歡封面折口展示的樣子(←還在研究到底怎麼做的傢伙)不會很陽春呀,看起很棒的!
話說郵票的mock up好可愛!
張新御
2 years ago
whitesong2020: 哇謝謝時起雲!(突然ㄉ受寵若驚XD)
rita74153: 謝謝秋思!郵票真的好可愛!好想開一個郵票刀模!XD
張新御
2 years ago @Edit 2 years ago
[我流個人誌mockup參考]
.
因為個人誌的書背跟尺寸都比較浮動,我覺得比起提供mockup,針對每一本下去簡單做會比較方便一些XD 雖然光影很爛但請大家不要嫌棄XD

https://images.plurk.com/JJRInBB8EAYNeVXeVlLWX.png
1 -
先準備一個背景。因為我自己有很多封面是白ㄉ所以不喜歡全白背景XD 會選偏灰的顏色
張新御
2 years ago
https://images.plurk.com/7MezqYMF3OJDNk6OOPSSrd.png
2 -
然後準備一張封面。
選了有書腰跟燙珍珠箔的巴黎篇,如果像這樣有其他工藝的都會分層處理(封面/燙金/書腰共三層)。
張新御
2 years ago
https://images.plurk.com/1dPYQQeUZBFZQ1ZWZZVqkl.png https://images.plurk.com/6O5CbKmKMdjz5IyLxGp2YB.png
3 -
我會用參考線抓出封面/摺口的位置,再選取每個區塊個別做陰影。
陰影就是暴力的色彩增值,再調整透明度到想要的光線強度XD

※ 在使用選取工具的時候會建議加一點點羽化,因為紙張有厚度,不會完全折死成一條線,所以留一點羽化比較剛好。

※照理說有餘力的話應該要做書跟桌面中間的起伏陰影,才不會封面有起伏但底下陰影卻是平的。可是我比較懶惰
張新御
2 years ago
https://images.plurk.com/4maXyhoo4jXdIN9zW1vnHh.png
4 - 一些紙張厚度跟亮部的小細節(看不出來)
張新御
2 years ago
https://images.plurk.com/4fxvPghzTOCpFPmnLh8pcE.png
5-
加入珍珠箔圖層。
這部分會建議先了解自己想做的燙金是什麼形式,以珍珠箔來說就會有點透明 & 熱燙的凹陷感。
金箔因為是透過加熱壓在書上的,所以也會有點材質透上來,不會是單純漸層。漸層的部分考慮到環境光也不建議做得太密集,看得出有大面積深淺即可。
張新御
2 years ago
https://images.plurk.com/4UhUOMknEjjJVMEmAecasP.jpg https://images.plurk.com/4XCOvtqR8rqyNTly8AFGvL.jpg
珍珠箔本人的參考,至於珍珠光澤我就會先忽略(ㄍ
張新御
2 years ago
https://images.plurk.com/XETpV5oy0HVfdjR9eWNW9.png
6 -
調整不透明度 & 增加內陰影,珍珠箔fin
張新御
2 years ago
https://images.plurk.com/7pcvlJWx6VC5uvcRO9xNWi.png
7 -
加入書腰圖層。
因為書腰有折口穿上去,所以左右兩側會稍微留得比封面本人寬一點點。
張新御
2 years ago @Edit 2 years ago
https://images.plurk.com/3nishPVsgsUAbPZ1HeguHO.png
8 -
跟封面一樣加上陰影,fin!
書腰的陰影有多做一點小細節,如果今天封面本人沒有折口,我可能就不會把左右折進去的兩側做出來,會收到跟封面齊的位置。總之就是見機行事XD
張新御
2 years ago @Edit 2 years ago
只是簡單ㄉ我流做法XD 提供給需要ㄉ人參考
張新御
2 years ago
//
感謝你的分享!!
你的設計真的都好有質感,是讓人會想收實體的設計QQ
張新御
2 years ago @Edit 2 years ago
morzen: 哇謝謝禾子! 真的很喜歡實體拿在手上的手感!
翼遙澄
2 years ago
挖想要
翼遙澄
2 years ago
Cinwi: 太強
張新御
2 years ago
YiYaochAng: 想要什麼XDDDDDD
翼遙澄
2 years ago
你厲害的設計能力
張新御
2 years ago
YiYaochAng: 太誇張ㄌXDDD 我只是個圓夢小精靈(?)
烤生
2 years ago @Edit 2 years ago
感謝新御分享做法!! 之前也有做過我流mockup(和新御一樣的理由XD)但只暴力做陰影沒有這麼多細節......下次嘗試一下添一些細節來做
好喜歡看步驟過程!感覺偷學到ㄌ什麼!大感謝!
張新御
2 years ago
painleaa: 不會~~有幫上忙就太好了XD 有時候我覺得加點紙張材質也會看起來更真實一點……!
back to top