Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

アコーディオン風の素材を作ろう

Illustrator

立体感のあるアコーディオン素材を作ろう

使用ソフト: Illustrator CC2020  

よくメッセージカードなどで見かけるアコーディオン風の素材。
これを今回Illustratorで作成しましょう!

1.[ファイル]→[新規作成]→から新規アートボードを作成します。

今回は[プロファイル:カスタム][サイズ:A4][方向:縦][カラーモード:CMYK][解像度:300dpi]の設定で作業を進めて行きます。

2.[W:20mm H:28mm]の長方形を作成します

長方形の作成
この時に[塗り]は影の部分光の当たる部分の差が分かるようにします。
濃いめのカラー
[CMYK : 100:70:0:0][線:なし]
今回は、影の部分からの始まりなので少し濃いめの[塗り]に設定するのがオススメです!

3.長方形を[シアー]ツールで変形します

シアーツールで変形
[シアーの角度:-20°][方向:垂直]
パネルの簡単な出し方はオブジェクトを選択したまま[シアー]ツールを選び[option]を押しながら変形の支点とするところ(水色のターゲット)をクリックです。

4.変形した長方形を[リフレクト][移動]します

[変形]→[リフレクト]→[リフレクトの軸:垂直 角度:90°]に設定し、コピーをします。
リフレクト

[変形]→[移動]→[位置:水平方向20mm 垂直方向0mm][角度:0°]に設定をします。
移動

上の2つの作業を行うとこのような結果になります。
リフレクト、移動を適用した結果

5.もう一度移動を行い、複製を繰り返します

先程の2つの長方形を両方選択した状態で[変形]→[移動]→[位置:水平方向40mm 垂直方向0mm][角度:0°]に設定をします。
移動
その結果このような形になります。
移動した結果
この状態でMac[command+D]windows[Ctrl+D]で3回繰り返し複製をします。
繰り返し複製の結果
今回必要な長方形の数は9つなので1つ削除します。
長方形を削除した結果

6.交互に色の変更をします

長方形を交互に選択をします。
長方形を交互に選択
今回は[CMYK : 100:40:0:0]に設定をするとこのような結果になります。
色の変更結果

7.テキストを配置します

テキストを配置
今回は[小塚ゴシックPro:55pt:Bold]を使用しています。
[トラッキング]や[カーニング]を使用してなるべく均等になるように配置していきます。

8.アウトライン化をして調整をします

テキストを選択したまま、[書式]→[アウトラインを作成]を選択します。
アウトライン化したのち、再び交互にテキストを選択します。
アウトライン化の結果
[変形]→[シアー]→[角度:-20° 方向:垂直]に設定します。
シアーの設定
シアーの結果
そのまま整列パネルから[垂直方向中央に整列]を適用します。
整列した結果
同じ手順でもう一方も調整をします。
[変形]→[シアー]→[角度:20° 方向:垂直]に設定します。
シアーの設定
シアーの結果2
完了

9.仕上げ

テキストの[塗り]を今回は白にします。
塗りを変更
背面に長方形の影を入れて完成です!
[W:173mm H:23mm][塗り:黒]
長方形
配置のポイントとしては少しだけ本体の下がはみ出るようにすることです。
長方形の配置
長方形を背面に移動して完成です!
完成

背景に色を入れてみたり・・・
作品例
もっと立体的に見せてみたり・・・
立体的
使用できる場面も多いと思いますので、お好みの形でアレンジしてみてください!

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Illustrator

    巻三つ折り用ガイドの作り方

    ガイドはオブジェクトや文字などを配置する時に目安になる目安線のことです…

  2. Illustrator

    【挑戦】ペンツールの練習 1分間であなたはできる?

    ペンツールを使って、完成できますか?挑戦してみてください!3つ…

  3. Illustrator

    ブレンドツールの基本的な使い方 

    ブレンドツールは図形と図形をブレンドして中間のオブジェクトを生成してく…

  4. 棒グラフ

    Illustrator

    試験に出ても慌てない!サクッと棒グラフを描くためのポイント4点

    試験に出てもサクッとグラフが描けるように、その手順を理解しておきましょ…

  5. 便利かも?チェック柄を作ろう

    Illustrator

    便利かも?チェック柄を作ろう

    「Illustratorでチェック柄を作りたいけど何かと面倒・・」…

  6. 印鑑風

    Illustrator

    使い方自由!!Illustratorで作るオリジナルスタンプ

    今回は様々な場面に使用できる簡単オリジナルスタンプについて解説します!…

人気の記事

  1. Illustrator

    ぴったり並んだ「キャビア」(円)を描いてみよう!(W杯開催国ロシアの名産品)
  2. Illustrator

    手書き風イラストを作ろう
  3. Illustrator

    文字をオブジェクトの上下中央に揃える+目感
  4. Illustrator

    【挑戦】ペンツールの練習 1分間であなたはできる?
  5. Photoshop

    ドット絵をボケないように大きくする方法
PAGE TOP