こんにちは!漫画家の亀山大河です!
僕は現在「史上最最強の魔法剣士、Fランク冒険者に転生する(原作:柑橘ゆすら)」を連載しています。
↓ 1話から無料で読む ↓
最強の称号である《剣聖》、そして《魔帝》。
そのどちらにも…
↑↑↑↑↑↑↑↑↑↑↑↑
ここに一枚のイラストがあります。
![](https://t-kameyama.com/wp-content/uploads/231020_before-1024x576.jpg)
これにちょっと手を加えて、レア度をアップさせると…。
![](https://t-kameyama.com/wp-content/uploads/231020_after-1024x576.jpg)
まるでアプリゲームのSSRのような、まるでカードゲームのキラカードのようなイラストに変身しました!
今回はクリスタで自分のイラストをこのように加工する方法を紹介します。
クリスタ(クリップスタジオペイント)とは、プロも愛用する人気No.1のイラスト・マンガ制作ソフトです。
→ イラストソフトはクリスタが一択な5つの理由
→【CPIP STUDIO PAINT 公式サイト】
先ほどの例では背景付きのイラストとなっていますが、無地の背景にもあてることも可能です!
![キラカード風背景](https://t-kameyama.com/wp-content/uploads/231016_others-1024x576.jpg)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
それでは、早速やっていきましょう!
メインイラストと背景のレイヤーを分ける
メインとなるイラスト(人物など)と背景レイヤーとの間にレイヤーを作成し手を加えていくので、まずはレイヤーを分けておきます。
すでに大量のレイヤーで分かれている場合は、メインイラストと背景の分岐となる場所を見つけておきましょう。
![](https://t-kameyama.com/wp-content/uploads/231020_step01-1024x550.png)
![](https://t-kameyama.com/wp-content/uploads/231020_step01-1024x550.png)
それでは加工に取り掛かっていきます!
背景レイヤーの上に虹を作る
まずは背景レイヤーの上にレイヤーを新規作成し、グラデーションツールを使って虹色の背景を作ります。
![](https://t-kameyama.com/wp-content/uploads/231020_step02-1024x400.jpg)
![](https://t-kameyama.com/wp-content/uploads/231020_step02-1024x400.jpg)
そしてこの虹レイヤーを、合成モードや不透明度を調整してふんわりとイラストになじませます。
合成モードは特に指定はなく、元のイラストにうっすら虹がかかっているような状態になればそれでOK
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
![](https://t-kameyama.com/wp-content/uploads/231020_step02_02-1024x379.jpg)
![](https://t-kameyama.com/wp-content/uploads/231020_step02_02-1024x379.jpg)
あとからじっくり調整できるので、あまり悩まず次に進みましょう!
背景レイヤーの上に虹を作る工程まとめ
- 背景レイヤーの上に新規レイヤーを作成
- 作成したレイヤーに虹のグラデーションを作成
- 合成モードや不透明度を調整してふんわりとイラストになじませる
ホログラムシートを虹の上に乗せる
ホログラムシートをダウンロードして、虹レイヤーの上にセットします。
手軽に作れるようダウンロードできる画像を用意しましたが、記事の後半ではこのホログラムシートを1から作る方法も紹介します!
ホログラムシート
自分のイラストのサイズにあった画像をダウンロードしてください。
ダウンロードした画像は何枚も繋げて使う事ができるので、これより大きなキャンバスサイズのイラストでも対応できます。
※ リンクをクリックすると自動でダウンロードが始まります。
この画像は僕が作ったものなので、自由に使ってください。
見るからにキラキラさせてくれそうな画像がダウンロードできたらOK
![](https://t-kameyama.com/wp-content/uploads/231020_samplelayer-1024x576.jpg)
![](https://t-kameyama.com/wp-content/uploads/231020_samplelayer-1024x576.jpg)
これを虹レイヤーの上に挿入します。
![](https://t-kameyama.com/wp-content/uploads/231020_step03-1024x374.jpg)
![](https://t-kameyama.com/wp-content/uploads/231020_step03-1024x374.jpg)
そしてこのホログラムシートを合成モード[オーバーレイ]で、不透明度を70〜100に設定します。
![](https://t-kameyama.com/wp-content/uploads/231020_step03_02-1024x373.jpg)
![](https://t-kameyama.com/wp-content/uploads/231020_step03_02-1024x373.jpg)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
最後に「光の反射」を入れていきます。
光の反射を入れる
ホログラムシートの上に新規レイヤーを作成し、光が反射しているようにします。
![](https://t-kameyama.com/wp-content/uploads/step04-1024x576.jpg)
![](https://t-kameyama.com/wp-content/uploads/step04-1024x576.jpg)
光の反射は、グラデーションツールを使うことで入れていくことができます。
光の反射の入れ方
- ホログラムシートの上に新規レイヤーを作成する
- [グラデーション]ツールの[描画色から透明色]を選択する
- 描画色を白に変更する
- 端の処理を[描画しない]にする
- 左上から右下にかけてドラッグ&ドロップ
![](https://t-kameyama.com/wp-content/uploads/step04_02-1024x569.jpg)
![](https://t-kameyama.com/wp-content/uploads/step04_02-1024x569.jpg)
最後にレイヤーの合成モードを[オーバーレイ]に変更したら完成です!
![](https://t-kameyama.com/wp-content/uploads/231020_after-1024x576.jpg)
![](https://t-kameyama.com/wp-content/uploads/231020_after-1024x576.jpg)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
最後にホログラムシートからこだわりたい方のために、ホログラムシートを1から作る方法を紹介します。
【おまけ】ホログラムシートの作り方
ホログラムシートの作り方はむずかしくありません。
大きさや形、濃淡までとことんこだわって自分だけのホログラムシートを作ってください!
※ 細かな説明は端折らせていただきますのでご了承ください
① 薄いグレーのキャンバスを作成する
まずは 100px × 100px のキャンバスを作成します。
このサイズはホログラムシートの1マスの大きさになります。
![](https://t-kameyama.com/wp-content/uploads/h-step01-1024x504.png)
![](https://t-kameyama.com/wp-content/uploads/h-step01-1024x504.png)
マスをより大きくしたい場合はより大きいサイズで、小さくしたい場合はより小さいサイズでキャンバスを作成してください。
また用紙の色は薄いグレーにしておきます。
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
② 1/4を作成する
描画色は真っ黒(#000000)で縦横中心にガイドを引き、グラデーションと自由変形を駆使して下の画像のようなものを1/4のエリアに作ります。
![](https://t-kameyama.com/wp-content/uploads/h-step02-1024x548.png)
![](https://t-kameyama.com/wp-content/uploads/h-step02-1024x548.png)
③ 描いたものを複製して180°回転させ結合する
②で作成したものを複製し、キャンバスの中心を基準に180°回転させ複製元のレイヤーと結合させます。
![](https://t-kameyama.com/wp-content/uploads/h-step03-1024x546.png)
![](https://t-kameyama.com/wp-content/uploads/h-step03-1024x546.png)
④ もう一度レイヤーを複製し、90°回転させる
③で作成したものを複製し、キャンバスの中心を基準に90°回転させます。
※ ④とは違い今回は結合させません
![](https://t-kameyama.com/wp-content/uploads/h-step04-1024x544.png)
![](https://t-kameyama.com/wp-content/uploads/h-step04-1024x544.png)
⑤ 一方の色を白くする
④で作成したものの階調を反転させ白くします。
![](https://t-kameyama.com/wp-content/uploads/h-step05-1024x452.jpg)
![](https://t-kameyama.com/wp-content/uploads/h-step05-1024x452.jpg)
⑥ 黒い方の不透明度を下げる
③で作成したもの(黒い方)の不透明度を任意の数値に下げます。
![](https://t-kameyama.com/wp-content/uploads/h-step06-1024x539.png)
![](https://t-kameyama.com/wp-content/uploads/h-step06-1024x539.png)
これでホログラムシートの1マスが完成しました!
⑦ パターン化する
最後にレイヤーをすべて結合し、パターン化することでホログラムシートの完成です。
![](https://t-kameyama.com/wp-content/uploads/h-step07-1024x580.jpg)
![](https://t-kameyama.com/wp-content/uploads/h-step07-1024x580.jpg)
パターン化の方法は下の記事で紹介しています。
![](https://t-kameyama.com/wp-content/uploads/231016_main-300x169.jpg)
![](https://t-kameyama.com/wp-content/uploads/231016_main-300x169.jpg)
以上、ホログラムシート作成手順でした!
色や形などいろいろ調整してみて、こだわり抜いた自分だけのオリジナルホログラムシートを作っちゃいましょう!
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
![](http://t-kameyama.com/wp-content/uploads/cropped-favicon-150x150.png)
↓ 1話から無料で読む ↓
「史上最最強の魔法剣士、Fランク冒険者に転生する(原作:柑橘ゆすら)」
最強の称号である《剣聖》、そして《魔帝》。
そのどちらにも…
↑↑↑↑↑↑↑↑↑↑↑↑