CITY'S TALK

隨筆|浮水印LOGO的設計小技巧,西踢家的浮水印演化史

2017-02-06

其實不只是攝影師,只要大家有習慣把照片上傳到網路這種完全開放的媒體
西踢都真心覺得要壓上「浮水印」

首先最重要的當然就是證明照片是自己的

同時照片被分享時 還可以讓喜歡這張照片的粉絲們搜尋到你做為宣傳

另外 對部分的專業人士來說
圖片販售最基本就有分為有浮水印跟沒浮水印兩種價錢了

雖然你現在或許是普通人
但難說十年半個月後的哪一天 你當時拍的巷口一朵花說不定就會是絕世真跡阿(?)

 

你說:可是現在盜圖者裁切一下就可以把浮水印裁切掉
根本不需要浪費時間做這種東西吧!

 

所以這就是擁有一個 具有設計感的浮水印 重要之處
一個普通的浮水印 就只是傳達上面的效果
當然一個醜的浮水印只會有反效果啦哈哈哈
但一個超美的浮水印 不只能讓質感加分可能連盜圖者都捨不得裁切(咦?)
甚至把它放在圖片中間也不顯得突兀

非常推薦大家去參觀一下食癮,拾影家的浮水印
除了照片本身就拍得很棒之外,超有質感的浮水印完全大加分!
真的是西踢看過最美而且最能跟照片融為一體的浮水印!!!

 

 

就如大猩猩一步一步演化成人猿 最後變成人類一樣
設計這件事也是從不成樣的雛型開始進化XD

身為愚蠢每一天的版主西踢沒這麼有美感
能做出的頂多只是清楚明瞭又不會太礙眼的浮水印而已哈哈哈
這篇就來記錄一下西踢家的浮水印演化史吧!

 

最一開始西踢還不懂浮水印的重要性
就在手機APP上隨便開了一張可以手寫的白紙
毫筆一揮就生出來了 ~好啦實在頗醜我知道(遮臉)

首先提醒大家,如果不是自己架站的話 不要在浮水印上加網址
因為以後換網址的話,所有舊照片的浮水印全部都會失效了!

如果你本身就很會畫圖,字又寫得很漂亮
就放心地恣意揮毫,畫出獨一無二又具有個人特色的浮水印吧!

阿可是西踢沒有這個天分(攤手)
決定不再手寫,就把這個重責大任交給電腦吧XD
接下來的製作都是用免費下載的Photocap完成~
過程非常簡單其實就畫矩形跟線條加上橡皮擦
但西踢沒有截圖,如果真的有需要教學的話就請留言吧!
或許哪天就會有篇從石頭迸出來的文章呢(?)

過了一陣子後西踢也製作了名片
可以看這篇:隨筆∥QR Code generator 大家都在問的DIY可換背景漸層式條碼
覺得中文字體做成直式的觀感很美,所以就設計了新的浮水印!

好啦其實只是把中文+英文網址放上去而已 完全零設計感阿XD
這根本連大猩猩階段都稱不上啊

用電腦製作非常方便,但也要特別注意「浮水印就等於自己的商標」
用在自己家當然沒問題,但以後或許會有照片出售等商業用途的情形
所以,浮水印裡面的字體一定要注意
如果是另外下載的特別字體,ㄧ定要先跟字體所有權人詢問商業用途可否使用
尤其有些使用是免費,但商業用途要另外計價的
這些都要特別注意,務必要記得詢問喔!

關於字體只要上網搜尋就超級多了
這邊推薦一下西踢最愛的英文字體網站
看你喜歡質感款還是卡通款什麼的都可以依分類慢慢試~

 

就像要拍美照就要多看美照一樣,要做出好設計就要多看好設計
搜尋 浮水印設計 LOGO設計 等等關鍵字都會出現很多國內外網站
西踢總共應該看了不下三十個網站
看起來很多但上廁所滑一滑其實很快XD

後來決定要在其中加入一些線條的元素
這是用兩個矩形框,把重疊的地方擦掉所做出來的

放在照片上的浮水印尺寸會小於100
所以西踢製作時是用300*300的大小繪製

但若考慮到之後各式各樣用途的需求,西踢會建議大家再做大一點確保畫質
反正不管做多大都可以縮小嘛XD

 

 

在設計元素的時候,可以先去估狗搜尋關於自己的關鍵字
並且要找出ㄧ定可以找到自己的關鍵字
像我搜尋「CITY」 因為範圍太大完全找不到
搜尋「西踢」 反而會出現「西堤」
但搜尋「CT2CITY」的話,第一個就會是西踢家

畫著畫著發現西踢的「西」跟框框好像有點異曲同工之妙
頭上電燈泡立刻發光,就決定是你了!(指)

但看起來好像有點複雜
所以當時想說要把三層的字縮減成兩層

恩非常怪,那不要 .COM 的部分好了


恩並沒有比較好,那改成刪除下面的「踢」部份好了
而且把斜邊變成直邊
赫然發現長方形的西,看起來有夠像吊掛著的購物袋欸哈哈哈
而且留 .COM 看起來非常空虛...

接著想說把上面那像筷子的兩根,多畫一隻腳
看起來會更像西
但怎麼看比例都還是很怪


所以最後還是回歸本來一開始的樣子
阿,設計就是這樣啊(嘆)
但是保留了那隻西的腳

 

 

設計時常會像西踢這樣變來變去
如果真的一個一個改的話會超級麻煩
所以用Photocap或是Photoshop設計時,記得把元素分開儲存
就可以像玩拼圖一樣隨便抓來抓去放大縮小都沒問題囉

 

但這時候還是回歸到三層看起來很阿雜的情況
於是決定把 .COM 縮小,呈現兩層的感覺

並且更改了踢的字體
POP字體感覺更融合整個圖案

後來又試了一下變形 讓他更傾斜
但深深覺得蠻醜的哈哈哈,再一次放棄

 

畫到這邊腦細胞已死,所以本來是要用下面這款拍板定案

 

但縮小後放到照片做浮水印時,立刻發現看!不!到!啊!
字太小根本看不到中間關鍵字的CT2CITY(燈愣)
於是立刻挽起袖子決定再次修改
一樣用老方法把重疊複雜的部份擦掉


.前面有說到選擇一定找得到自己的關鍵字,所以西踢決定把CT2CITY做為主要字體放大
.再把會重疊到的 .COM縮更小(反正他很雞肋) 
.裡面線條因為還是想跟外框做對稱,但又要顧及簡單度
所以保留橫線,並將直線用橡皮擦擦到只剩直角部分
.最重要的是,西踢發現這個英文字體的C跟I跟T跟Y的中間
會有連接感,縮小之後就糊在一起
所以一樣用橡皮擦把礙眼的部分都擦擦擦

 

 

最後完成檔就是下面這個啦!!
建議大家一開始設計用純黑色製作
完成圖案後,再轉白色及一至兩種的彩色以適應之後的調色需求~

下面的圖其實就能看出有點糊糊的,這就是一開始把尺寸做太小了啊!

 

最後是實際放上照片的應用啦
浮水印置於照片的比例越大越會影響整張照片畫面,
但越小就越看不到浮水印內容(設計這麼久就是要給人家看的阿)
個人建議是不要超過照片短邊的十分之一
例如西踢習慣把照片設為800*600的大小,所以浮水印我就會設為60
如果設這個大小後,發現你的浮水印關鍵字不清楚的話
就要回去重新設計把字體放大囉!

記得越小越好,但同時要看得清楚

順便說一下西踢自己愛用的一個小小撇步
就是把自己的大拇指壓到電腦螢幕上,不要超過大拇指的範圍即可XD
(欸這麼無腦的事情請不要亂教大家好嗎)

最後再把設計浮水印的重點整理一下:

1.浮水印上不要放非自己獨立的網址
2.Google出ㄧ定可以找到自己的關鍵字做為浮水印元素
 簡單扼要一眼就知道要怎麼找到你 才是目的
 再以這個為基本觀念去做美化延伸
3.浮水印未來可能有商業需求,請確保每個元素的使用權
4.多看多想多試多排多畫
5.用純黑色製作
6.浮水印置於照片裡大約是短邊的十分之一

以上
希望大家都能有自己設計的美美浮水印囉
完成後記得來西踢家貼個照片炫耀一下啦哈哈哈

你也許會喜歡

無留言

發表留言

這個網站採用 Google reCAPTCHA 保護機制,這項服務遵循 Google 隱私權政策服務條款