初心者もIllustratorでLINEスタンプを作ってみよぉ!

2014.08.01

アメトークの「絵心ない芸人」を見たときは、もう突っ込みところ満載でこの上なく爆笑してました!
LINEスタンプはカワイイだけじゃ売れなくて、「画伯」的なシュールなスタンプが人気になることもあります。
っということで、「絵心ない絵」をスタンプにしてみましょう!
 

ここで問題なのが、イラスト制作ツールです。
どーせなら「絵心ないスタンプ」を、プロが使用している「Adobe Illustrator」を使って作ってみよぉ!
通常使用料がかかるAdobe製品ですが、30日間の無償体験版も用意していますのでDLしてみてください。
 

今回は知人が書いたひつじのイラストをLINEスタンプにします。
これを
unnamed
こうします
名称未設定-1

ぶっブサイクっっ
イラレも簡単な機能しか使わないので、チャレンジしてみてください!
 

LINEスタンプの作り方 メニュー
1.イラレで画像 オープンっっ
2.イラレの表示率を変更
3.楕円形ツールで目と口を書く
4.カラーピッカーで色変更
5.パスで線をかく
6.色を塗って重ね順を変更
7.仕様に沿ってスタンプ保存
 

イラレで画像 オープンっっ

30日間の無償体験版をDLしたら、用意した画像を開きます。
開き方パターン1:「ファイル」→「開く」
開き方パターン2: 開きたいファイルをドラッグ
01

イラレの表示率を変更

表示100%だと作業しづらいので、拡大しましょう!
拡大パターン1:ナビゲーターの上矢印をクリックする
拡大パターン2:「alt」押しながらマウスホイールか矢印キーで操作
縮小も同じ作業です。
02
ナビゲーターの赤枠が現在の表示領域で、赤枠をドラッグして表示エリアの移動もできます。

楕円形ツールで目と口を書く

長方形ツールを長押しで表示されるメニューの「楕円形ツール」を選択すると、
カーソルが十字キーに変わります。
03

そのままshiftキーを押しながら斜め下にドラッグすると、正円形ができます。
04
これで画像の目と口をかきましょう。
05

カラーピッカーで色変更

塗りと線の色を変更します。
06
塗りボックスをダブルクリックするとカラーピッカーが表示されますので、任意の色を選択します。
07
これで塗り完了。
08

パスで線をかく

他のパーツはパスを使って書きます。
ペンツールをクリックするとカーソルが万年筆に変わります。
09
線をかきましょう!
慣れないと難しいですが、書き直しはいつでも可能なので、一発OKを狙わず修正する前提でやってみましょう!
10
線が気に入らなくても、ダイレクト選択ツールを使えばいつでも修正できるので、残りの線もどんどん書いていきます。
11

色を塗って重ね順を変更

先に説明した塗りをすべてに施していきます。
その後に、重ね順を画像に従って変更していきます。
(パワポにも重ね順があるので、利用者にはわかりやすいかと思います。)
12
っで、できたのですが・・・・・ちょっとカスタマイズ
14
目の上に白丸を作って重ね、線幅を2pxに変更してます。

仕様に沿って保存

スタンプの仕様は下記の通りです。
●画像の指定サイズ:W 370×H 320 pixel
●指定フォーマット:PNG
 

サイズ変更方法
今回は長方形ツールを使って作ったスタンプのサイズを指定サイズに変更します。
15

保存方法
PNGは背景なし(透過)で使用できるフォーマットです。
16
これでひととおりの作業は完了です!

今回はイラレ初心者用に作っています!みなさんもイラストレーターでLINEスタンプ作ってみてください!
Webサイトテンプレート
WEBサイトホームページ制作
Webサイトテンプレート

Contact

About us

ご要望に沿いながら、効果を最大限に引き出すデザインや柔軟な企画アイディアを創造することをモットーに、東京を拠点として活動を広げています。

About us

Contact

WEBサイト制作などのご質問やご依頼は、メールフォームにて承っております。
ご送付いただいてから、7営業日以内に返信いたします。
 
サイトリニューアルやキャラクター制作などをお考えでしたら、ぜひお問合せください。

Contact