【超簡単】リボンの作り方~Adobe Illustrator 2022~

今回は、Illustratorを使って装飾用のリボンの作り方をご紹介します。

文字を囲う際に、長方形ツールでボックスを作ることがあると思いますが、無機質な長方形からリボンに変えるだけで大きく印象が変わります。

目次

3つのパーツを使う

リボンは基本的に3つのパーツから作られます。

3種のパーツ
3種のパーツ

これらのツールは、「長方形ツール」「ペンツール」を使って作成します。

まずはベースとなる長方形から作ります。

ベースとなる長方形
ベースとなる長方形

ベースの長方形を複製します。

複製
複製

複製した長方形の高さを変えずに横幅のみ縮小します。

縮小
縮小

縮小した長方形を複製していい感じの場所に配置し、「水平方向等間隔に分布」します。

複製>分布
複製>分布

ペンツールでリボンの折り目を作り、複製します。複製したものは垂直方向にリフレクトをかけ、もう片方の折り目として使用します。

ペンツールで折り目を作成
ペンツールで折り目を作成

リボンの切れ目の図形をペンツールで作成します。こちらも折り目同様に複製してください。

切れ目の図形を作成
切れ目の図形を作成

長方形ツールとペンツールで作成した切れ目の図形をパスファインダー「分割」でカットする。

分割
分割

これで形の完成です。

形の完成
形の完成

あとは、色をつけましょう。

「リボンの上」>「リボンの下」>「折り目」の順で明度を下げるといい感じになります。

リボンの色をつける
リボンの色をつける

これで完成です。

文字を重ねる場合

文字の装飾として利用する場合は、まず文字をテキストツールで入力してから長方形ツールを利用しましょう。

バランスの良いリボンが作成できるはずです。

リボンをアーチ状にする

ワープのアーチを利用するとリボンをアーチ状にすることができます。

アーチ
アーチ

このようにリボンを使って様々な装飾を施しましょう。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

当サイトへお越しいただきありがとうございます。管理人の田村健太です。仕事は写真撮影、動画撮影・編集、Web制作を行っています。このサイトでは簡単なデザインソフトについて解説しています。「初心者の方にもわかりやすく」をテーマに更新しています。もしわからない点がありましたら気軽にお声掛けください。

目次