# 10 使用圖片，文字，emoji，邊框 & 圓角製作漂亮卡片/梗圖
Published in
Nov 26, 2023
用程式來試著製作卡片，真的是一個非常有趣的過程，這過程也讓自己慢慢習慣寫著從來都沒看過的語言。
首先找圖片素材
這次一樣使用Stable Diffusion XL來製作圖片（透過描述就能生成圖片真的會玩上癮），很快地就找到了2張喜歡的圖片，星門 跟 星河。
圖片去背
直接使用預覽程式將 星河圖片 去背
設定圖片大小、位置及邊框
接下來將圖片拖曳至playground的Resources裡，就可以開始著手製作
首先將2張圖片載入後，各自設定大小及位置，並且針對去背的星河圖片做透明度處理，也調整照片邊框的寬度、顏色及圓角設定，最後再將2張圖組合在一起。
組合後如下圖
加入文字並調整
在調整文字時比較會忘記的就是顏色需要除255
組合後如下圖
使用迴圈加入emoji圖片
最後加了點圖片進去，但迴圈不太曉得該如何寫，後來看到Jason Hung分享的參考資料中，看到之前就有人分享過了，就試著跟著寫寫看囉！！
- ***期間一直沒能搞懂CGFloat的用意，詢問情歌小王子後才曉得是轉換成浮點數用的啊！又學會了一點。***
完成圖如下
嗯～不是非常精美，但現階段重點在於練習，透過練習才能曉得自己不懂在哪，也只有練習才能慢慢進步，勉勵自己。
