Affinity Photo 練習，來製作 Telegram 貼圖吧！

日常分享
Affinity Photo Telegram

前陣子 Affinity Photo 第二代正式推出，然後不知道我著了什麼魔就買下去了 (明明非專業需求人士…)。

其實 Affinity Photo 一代剛推出沒多久的時候我就有買一套，那是我大學時期，因為要幫忙製作系上活動的宣傳海報，碰巧看到 Affinity Photo 的介紹，感覺功能很強大就買了，但那個功能實在是過於專業且複雜，加上未來我也沒有要走影像編輯這條路，所以也只是很粗淺的去使用它。

既然又買了二代，那當然要來玩玩這個強大的影像編輯軟體。

來製作 Telegram 的貼圖吧！ (又是很粗淺的使用)

找想當貼圖的素材，然後去背

首先找一張想製作成貼圖的素材，我以去年我很喜歡的動畫「僧侶有夠煩」當中的主角卡菈來當作範例。

本篇文章只是單純示範，注意使用動畫截圖當貼圖素材，可能會有版權問題。

2023_01_14_18_02_52_cf3d13c2af6d.jpg
卡菈講話既好笑又很毒舌

在 Affinity Photo 中可以點擊右上角的 File → Open 將圖片載入。

2023_01_14_18_13_22_502732bc0fbb.png

圖片載入後開始進行去背，選擇左邊工具列表的 Selection Brush Tool。

2023_01_14_18_17_15_eb536f2a05ec.png

接下來你的鼠標就會變成一個圓圈，在圖上點擊你想選取的範圍，工具會根據你點擊的地方，將點擊周邊同色系的範圍都選取起來，我們可以使用這個功能將卡菈給選取起來。

  • 這個圓圈可以使用 [ 與 ] 調整大小。
  • 可以使用 Ctrl + 滑鼠滾輪 放大與縮小圖片，方便你進行更細微的選取。
  • 有時候工具會幫你選出你不想選取的部分，這時候可以按住 Alt 用滑鼠點擊，將選取的地方取消。
2023_01_14_18_31_33_777ed36b6884.png
可以搭配放大圖片與縮小圓圈進行細微的選取

選取好之後，我們可以點選上方功能列的 Select → Grow / Shrink 或是直接使用快捷鍵 Ctrl + B，來稍微等比例調大選取的範圍。

我們稍微調大一點選取範圍，並勾選 Circular，讓有點鋸齒的選取線稍微圓潤一些。

2023_01_14_18_43_40_d40854cdc806.png

接下來點選右邊的 Mask Layer，並選擇 Mask，在照片的圖層上新增一個遮罩將卡菈的背景給遮起來。

2023_01_14_18_45_56_f7cfdce04f43.png

滑鼠右鍵圖層，選擇 Merge Visible，額外新增一個遮罩與圖片合併的圖層。

2023_01_14_19_05_33_cf6a056a1a00.png

到這一個步驟，我們成功的將卡菈的背景給去掉。

2023_01_14_19_07_27_b6ae11b17a37.png

調整畫布

因為卡菈的位置有點偏向圖片左側，而且如果想放一些搞笑文字的話，卡菈的上下其實是沒有空間的，所以接下來我們要把畫布調大並改為正方形。

我們可以點選上方的 Document → Resize Canvas，或是使用快捷鍵 Ctrl + Alt + C，來調整畫布 (Canvas)。

原本圖片的比例是 1920x1080，我們這裡將 Size 調整比例至 1920x1920，因為寬度沒有調整，所以 Anchor 選擇中間一列即可，不會有差別。

2023_01_14_19_31_55_fb55546a8a0f.png

畫布變大之後，就有更多空間可以操作了。

2023_01_14_19_44_36_854683179e96.png

幫圖片加入 Outline 效果

先選擇合併後的圖層，然後點選下方的 Layers Effect。

2023_01_14_19_55_35_198b1936cba5.png

勾選 Outline 效果，並調整相關參數，幫卡菈的圖片加上白色邊。

2023_01_14_20_02_38_b0174469621c.png

加上去之後的效果如下 (我暫時將畫布改為黑色)。

2023_01_14_20_11_25_cb22e5ab5ea6.png

加入搞笑文字

原圖的劇情中，男主角像卡菈尋求能夠增強能力的魔法，但因為男主角能力實在太弱，所以卡菈很嘴砲的回了一句

「零乘以多少，結果都是零喔」

我們將這個台詞加入圖片中，點選右邊工具列的 Artistic Text Tool。

2023_01_14_20_19_44_0d53d018a0fe.png

在圖片中點擊插入文字區塊，並輸入我們想要呈現的文字，我們可以在左上角，調整文字的顏色。

2023_01_14_20_25_06_7d2dc01b286e.png

使用剛剛的方式，幫文字加上 Outline 的效果。

2023_01_14_20_29_15_41e13f76df63.png

接下來調整一下卡菈的大小與位置，貼圖就製作完成啦！

2023_01_14_20_32_13_55190eeb08b1.png

最後，點選上方的 File → Export，將圖片產出，因為 Telegram 貼圖最大只能接受 512x512 的圖片，所以我們需要調整一下產出的圖片尺寸。

2023_01_14_20_35_47_ae5c4c0255f8.png

我們的第一張貼圖就完成了！

上傳貼圖到 Telegram

首先到 Telegram 中使用 @Stickers 搜尋官方的貼圖機器人 (注意名字旁邊有勾勾才是官方的)。

2023_01_15_10_56_44_bae042a9eccf.png

輸入指令 /newpack，開始製作新的貼圖包。

2023_01_15_10_58_04_0ec1a2c752ae.png

輸入貼圖包的名稱。

2023_01_15_10_59_04_878db188340b.png

上傳我們剛剛製作的貼圖。

2023_01_15_10_59_53_ba208398c6fa.png

選擇貼圖要連結的 emoji，最少一個，建議最多兩個。

2023_01_15_11_00_35_9f498420aae6.png

輸入指令 /publish 就可以發布貼圖，可以幫貼圖設定一個 icon，如果跳過的話，Telegram 會自動用第一張貼圖當作 icon。

最後在 Telegram 會再請你給它一段英文字串 (不能與別人相同)，當作分享貼圖時用的連結，點擊該連結就可以把我們製作的貼圖加入貼圖列表開始使用。

2023_01_15_11_01_51_02bd5b25c764.png
英文字串不能與別人重複

大功告成，我們可以使用自己製作的貼圖來聊天拉！

2023_01_14_21_00_35_c51aab3f2fe1.png
這句話拿來吐槽自己的工作能力好像不錯

參考資料

sharkHead
written by
sharkHead

持續努力中的後端打工仔，在下班後喜歡研究各種不同的技術。稍微擅長 PHP，並偶爾涉獵前端開發。個性就像動態語言般隨興，但渴望做事能像囉嗦的靜態語言那樣嚴謹。

2 則留言
秋末預言 秋末預言 (已編輯)

目前已知版主的老婆：

  • 芙拉蒂蕾娜
  • 卡拉
  • 各務原撫子
  • 後藤一里

更新： 版主說他最喜歡撫子 撫子

class Girlfriend {
    private $name;
    private $hairColor;

    public function __construct(string $name, string $hairColor) {
        $this->name = $name;
        $this->hairColor = $hairColor;
    }
}

$girlfriend = new Girlfriend('各務原撫子', '粉色');
sharkHead sharkHead (已編輯)

說得太好了 🤣

fn main() {
    println!("撫子超讚的!");
}
新增留言
編輯留言