GIMPとIllustratorで漫画風デザイン!②

こんにちは〜アドベントカレンダー9日目です(^_-)-☆鈴木です!

今日はいよいよ完成させます!!!!!!!!

まだまだ使いこなせていないのでめちゃめちゃ初心者向けでお送りしています……………

もう少しお遊びにお付き合いください〜〜!


クリッピングマスク[Illustrator]

画像がコマよりでかい…こういうときはクリッピングマスク!

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-08-1-22-18

画像をコマの下に置きます。command + [ を連打!

([右クリック]→[重ね順]→[背面へ])

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-08-1-22-22


そして[Shift]を押して二つを選択し、[右クリック]→[クリッピングマスクを生成]

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-08-1-22-33

できた!けど線がなくなっちゃいました…

今四角っぽいアイコンに選択された状態になってるとおもうので、

丸の方を押してもう一回四角押すと線のptが選択できる様になりますのでもう一回線を作りましょう。

(仕様がまだちゃんとわかってない)

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-08-1-23-36

そんなこんなで貼り付けして……はいッ!

できました素材が貼り終わりました!!!!

イエ〜〜〜〜〜〜イめっちゃカオスだ〜〜〜〜〜〜〜〜

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-08-1-23-47

 


クリッピングマスクまとめ

  1. 埋め込みたい画像を下・コマを上にする
  2. command+[連打
  3. [右クリック]→[クリッピングマスクを生成]

ふきだしを作る[Illustrator]

最後はふきだしです!!

ふつうのふきだし

楕円ツールで丸をかきます。

スクリーンショット 2016-12-09 0.01.01

直線ツールでコレをかきます。

スクリーンショット 2016-12-09 0.02.18

アンカーポイントの追加で、消したい線の上にアンカーポイントを追加します。

スクリーンショット 2016-12-09 0.02.36

そしてそれを[delete]すれば….消えます!!!

地道な作業!!!!!!!!!!!!!!

スクリーンショット 2016-12-09 0.02.51

 


全部消し終わるとこんなかんじで吹き出しができますねやったー。

[右クリック]→[グループ化]で適当にグループにしてあげましょう!

他にもっといいやり方あるかもしれません……….シュン;_;

スクリーンショット 2016-12-09 0.03.00

均等にコマを並べる

並べたい楕円を書き(大きさを揃えたいときはコピペして)だいたいこの辺に置きたいな〜って

ところに円を置いていきます。そのあと、3つ同時に選択します。

スクリーンショット 2016-12-09 0.03.27

上の方にある整列を押すとオブジェクトの整列方法がいっぱいでてくるので

自分の並べたいやつを選択します。綺麗に揃うやったーーーーーー!!

スクリーンショット 2016-12-09 0.03.38

びっくりしている吹き出しを作る

まず普通に円を書き、[オブジェクト]→[パス]→[アンカーポイントの追加]でぽちぽちを増やしていきます。

これがびっくりの波々の数になります。2回くらいがちょうどいいかな

スクリーンショット 2016-12-09 0.03.53

[効果]→[パスの変形]→[パンク・膨張]で、マイナスの方に持ってきます!

スクリーンショット 2016-12-09 0.04.23

ふわふわしてる吹き出し

びっくり吹き出しと同じ様にアンカーポイントを追加していき、[パンク・膨張]の方でプラスに持ってくとふわふわします!

スクリーンショット 2016-12-09 0.04.43

そのあと、[効果]→[パスの変形]→[ラフ]をすると、ちょっと不規則な感じの吹き出しになりますね。

元気のない吹き出しですね。

ギザギザ

スクリーンショット 2016-12-09 0.19.20

丸く

スクリーンショット 2016-12-09 0.19.38

 


そして文字を入れれば完成です!

文字の幅大きくあいてるな〜〜てときは[文字]から行送りを小さくすればかっこ内におさまります!!

スクリーンショット 2016-12-09 0.06.16

あとは色をつけて微調整すれば….完成!!!!

スクリーンショット 2016-12-09 0.25.53

吹き出しまとめ

  1. 普通のやつ
    1. 楕円と吹き出しマークを書く
    2. いらない線の部分にアンカーポイントを追加し、そこをデリートする
  2. びっくりしてるやつ
    1. 楕円を書き、[オブジェクト]→[パス]→[アンカーポイントの追加]
    2. [効果]→[パスの変形]→[パンク・膨張]でマイナスにもってく
  3. ふわふわしてるやつ
    1. びっくりしてるやつと同じ
    2. [パンク・膨張]でプラスにもってく
  4. 均等にコマを並べる
    1. 並べたいコマたちを選択し、[整列]!

応用例

これはサークルのパンフレット用に作ったものです。

おきたい画像の色を3値化して(Illustrator)なんか…まんがっぽくやったやつです。

6_album

 

これは表紙みたいな感じにしたやつですね。

画像を2値化して、いい感じに配置すればこんなのも作れます。

1_hyosi

 


 

Illustratorまだまだお子ちゃまなのでもっともっと技術を高めて

すんげぇ技術扱えるようになりたいです〜〜〜〜〜〜〜〜!

それではこれで終わります!!お付き合いありがとうございますた(^--^)_