2013年8月19日 星期一

【教學】快速自製FaceBook貼圖


下載本篇文章:https://files.acrobat.com/preview/603aadea-6274-4369-9155-985a913d0514
鏡像網頁:http://highker.clarify-it.com/d/ddg9dd

前言:本方法僅適用chrome瀏覽器

首先,先安裝Muphin插件

media_1376850858369.png
media_1376850943019.png
安裝網址
或是直接參考網頁說明

再來,開始製作貼圖

media_1376851152937.png
上網找到想要的貼圖
1.搜尋目標貼圖
2.選擇搜尋工具
3.選擇大型圖片
4.可以找到整合的貼圖
media_1376851403704.png
或者參考此站
內有大量的line貼圖

下載原始圖片

media_1376851458365.png
查看原始圖片,並下載之
media_1376851528417.png

分割圖片

media_1376851769383.png
這裡以photoshop示範
media_1376851888614.png
剛開啟的時候通常是背景圖,
要把她轉換成圖層才方便編輯
media_1376851952427.png
media_1376851999268.png
並且直接隱藏背景
把眼睛按掉

去背

media_1376852065842.png
media_1376852090354.png
選擇魔術棒工具
點選背景後
把背景刪掉
media_1376852190085.png
背景刪掉後剩下來的各個圖案

開始分割圖片

media_1376852286473.png
接著選擇「切片選取工具」
media_1376852349940.png
1.選擇「分割」
2.按照圖案決定水平與垂直分割
3.確定
media_1376852497529.png
確定後就完成分割了
有需要還可以調整分割線
media_1376852574618.png
檔案,儲存為網頁用
media_1376852652940.png
選擇儲存為PNG-24格式
media_1376852763025.png
儲存到想存的資料夾
命名後,確定是png格式
並選擇儲存全部切片
media_1376852860621.png
儲存後就會出現各個貼圖了

匯入至Muphin

media_1376852971265.png
按照官網的教學,
可以直接使用存在電腦本身的圖檔(教學
也可以上傳到dropbox使用(教學

例如dropbox

media_1376853151605.png
media_1376853221835.png
1.對剛剛上傳的資料夾按右鍵
2.按Share Link
media_1376853331750.png
此時會跳到另外一個網頁
按「加入到Muphin」就完成了
media_1376853424522.png
在Dropbox頁面可以看到剛剛做好的貼圖
沒有出現的話可以先按一下左方的重新整理按扭
完成了!

photoshop指引

media_1376853568975.png
如果圖檔本身非背景,又無法直接編輯的時候
media_1376853650320.png
1.一樣先選擇魔術棒工具
2.點選背景
3.選取
4.反轉
5.剪下(ctrl+x或command+x)
media_1376853776482.png
直接新增一個檔案
預設為剪貼簿
背景選擇透明
media_1376853909877.png
直接貼上後,就可以使用切片選取工具分割圖檔了
最後一樣事檔案,儲存圍網頁用

沒有留言:

張貼留言

【教學】親愛的,我把框框變大了!

前言 在即將上路的新病歷系統下, 閱讀的介面被受限在小小的框架中 在資訊系統進一步改善介面之前, 身為讀者的我們有沒有辦法自行調整呢?