LoginSignup
33
18

More than 5 years have passed since last update.

SlackのemojiはSketchで作るのが最強(たぶん)

Posted at

Custom Emojiのサイズ

カスタム絵文字のアップロード画面にはこんなこと↓が書いてあって,

スクリーンショット 2017-04-11 18.51.08.png

  • 正方形が一番いいぞ
  • 縦も横も128px超えちゃダメだぞ
  • ファイルサイズは64KB以下にしろよ

と教えてくれます.
実際のところ, 正方形でない画像をアップロードすると表示したときにイマイチ綺麗に見えないし,
20x20pxのすごく小さい画像をアップロードしても小さすぎて何がなんだかわからないので,
128x128pxキッチリの画像を用意するのがベストです.

Sketchは絵文字作成にて最強

Sketchはこういういい感じのデザインツールです.
http://qiita.com/takish/items/5c94327ec8d6c2294665

Sketchのアートボード使えば簡単に128x128pxの画像をバカスカ量産できて楽しいのでみんなもこれで絵文字作ろう!

128x128pxでアートボードをいっぱい作る

  1. 左上の+アイコンの「Insert」から「Artboard」を選択して適当な大きさでアートボードを作る
  2. 右上の「Size」欄で大きさを128x128にする
  3. 一応「Background Color」と「Include in Export」にはチェックを付けておいて色は真っ白にする
  4. 一応「Export」欄の「Size」が1xになってるのを確認

Untitled.png

ができたら, 作ったアートボードを死ぬほどコピペして画像量産体制は準備完了です.

アートボードの上に絵文字をいっぱい作る

あとはこのアートボードの上に好きな絵文字を載せていくだけです.
文字系絵文字だろうが画像絵文字だろうが何でも作れます.

赤い丸とMask機能を使ってハンコ風絵文字を作るのが個人的に好きです.

絵文字を作ったらわかりやすい名前をアートボードにつけておくといいです. 同名アートボードがあるとエクスポート時にぶつかっちゃいますし.

Untitled.png

これで128x128pxの画像がまとめて作れました!
あとはこれをslackにアップロードするだけです.

簡単でしょ?

この方法で死ぬほど絵文字を作って死ぬほど使って職場の人にウザがられよう!

33
18
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
33
18