Affinity Photo 練習,來製作 Telegram 貼圖吧!

日常分享
sharkHead

前陣子 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 則留言
sharkHead sharkHead 2023 年 01 月 24 日 (已編輯)

說得太好了 🤣

fn main() {
    println!("撫子超讚的!");
}
秋末預言 秋末預言 2023 年 01 月 23 日 (已編輯)

目前已知版主的老婆:

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

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

class Girlfriend {
    private $name;
    private $hairColor;

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

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