イラストレーター Illustrator【リボン ribbon】の作り方【超簡単】作業時間5分

イラストレーターでリボンを作成します。
バナー作成、ランディングページなどに、欠かせないリボンですが、商用可無料サイトで探すより、自分で作生した方が早いので、自分用のテンプレートを作成しましょう。

思ったより使用頻度が高いのでストックしておくと便利です。
また、バナー作成などは、同じデザインでサイズの違いでリサイズすることが多いので、変更可能の状態にしておくことをお勧めします。

イラストレーター Illustrator【リボンの作り方】超！簡単

1：イラストレーターを立ち上げます

1. イラストレーターを立ち上げる
2. メニューからファイル
3. 新規を選択

2：新規ファイル作成

1. プロファイル：Web
2. サイズ：960px×560px
3. カラーモード：RGB
4. ラスタライズ効果：スクリーン
5. プレビューモード：デフォルト
6. OK!をクリック

3：長方形ツールで長方形作成

1. 長方形選択ツールをクリック
2. 塗り：好きな色　 線：なし
3. アートボード画面をクリック
4. 長方形パネル表示 > 幅：400px　高さ：50px 入力

4：リボンのおり返しの部分作成

1. 長方形選択ツールをクリック
2. 塗り：好きな色　 線：なし　(最初は色を変えた方が作りやすいです。)
3. アートボード画面をクリック
4. 長方形パネル表示 > 幅：50px　高さ：30px 入力
5. 任意の位置に移動
6. レイヤーを大きい長方形より下にします。

5：アンカーポイントツールの追加ツールでアンカー追加

1. アンカーポイントツールの追加ツールを選択
2. 50px×30pxの長方形の高さの辺の真ん中にアンカーを追加
3. ダイレクト選択ツールでを選択
4. 50px×30pxの長方形の高さの辺の真ん中のアンカーを選択して、左右どちらかに移動させ変形させます。リボンの「端っこ部分」を作成します。

6：ペンツール で三角形を作成

1. ペンツール選択
2. 「交差」が表示されたらクリック
3. 「アンカー」表示されたらクリック

6：リフレクトツールでコピー

1. 全体を選択
2. リフレクトツール選択（クリック）
3. ALTを押しながらアンカーを中心に移動
4. 垂直方向→選択
5. コピーをクリック

アーチ状のリボン、半円のリボン 作成

基本のリボンパーツをコピーしてバックアップも作成しましょう。

1. リボンパーツコピー
2. リボンパーツを選択
3. オブジェクト→エンベロープ→ワープの設定を選択
4. ワープオプション 円弧  > カーブ：15%〜20%
5. 「OK」をクリック

よく見かけるバナー制作での鉄板ですね！
アーチ状のリボンができあがりました！！！

たなびく旗状のリボン　ゆらゆらしたリボン

基本のリボンパーツをコピーしてバックアップも作成しましょう。

1. リボンパーツコピー
2. リボンパーツを選択
3. オブジェクト→エンベロープ→ワープの設定を選択
4. ワープオプション 旗  > カーブ：15%〜20%
5. 「OK」をクリック

斜めのリボンの作り方

拡大縮小ツールの２番目にシアーツールがあります

1. リボンパーツ全体を選択
2. シアーツールクリック
3. シアーパネル表示
4. シアーの角度　お好みの角度　今回は20°

パス上文字ツールを使って変形に沿って文字を載せる方法

1. リボンパーツをコピー＝コントロール+C して > 前面にペースト＝コントロール+F
2. 一旦下のレイヤーにロックかけてミュートしてく

1. 前面のレイヤーに オブジェクト>分割・拡張 >OK
2. ダイレクト選択ツールでリボンカーブの下の線だけ選択
3. 他の辺は削除
4. 塗りと線を入れ替え
5. パス上文字ツールを選択 パスの上をクリック
6. 文字を差し替える

反対に文字が表示された場合