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

    Illustratorでクリッピングマスクをする方法

    みなさんクリッピングマスクはご存知ですか?クリッピングマスクとはある部…

  2. Illustrator

    【左右対称・上下対称】鏡面描画が便利です

    左右または上下対称のイラストなどを作成する時、半分だけ作ってコピー+反…

  3. 夜空に光る星をつくってみよう

    Illustrator

    夜空に光る星を作ってみよう

    Illustratorで光を放つ星を作ってみましょう!①長方形…

  4. Illustrator

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

    ワールドカップ2018が始まりましたね!今回の開催国はロシ…

  5. Illustrator

    図形ツールを使って、積み木感覚で簡単イラスト作成!

    絵を描く事に苦手意識を持っている方にお勧めしたい、イラストの作成方法が…

  6. Illustrator

    Illustratorのライブトレース機能で写真をモノクロイラスト化!

    Illustratorのライブトレース機能を使って写真をモノクロイラス…

人気の記事

CodeCamp
  1. Photoshop

    光のエフェクトを作ろう
  2. Photoshop

    Creating a Cartoon Effect with “Cu…
  3. Photoshop

    Photoshopで雪を降らせてみよう
  4. パペットワープで犬を笑顔にしてみる

    Photoshop

    犬を笑顔にしてみる
  5. Illustrator

    ワープを使って球体に模様をつける
PAGE TOP