Adobe Illustrator、目下勉強中。
映画「オリエント急行殺人事件」のプロローグをお手本に。

「オリエント急行殺人事件」のプロローグがお手本

右がお手本
左が模倣して作ったもの

  • 背景:サテンの布(検索にて拝借)
  • パスファインダの分割、合体
  • 新規塗りを追加
  • オブジェクトのみ変形、パターンのみ変形
  • 背面に貼り付け
  • クリッピングマスク
  • パスのオフセット
  • レイヤーの新規作成、移動、ロック

 ***

お手本のサイトから、19ファイルをダウンロードしてきました。

■ memo-5 の趣旨

  • お手本と似たものを、なるべくレイヤーやアピアランスなどを触らずに
  • お手本を参考に、違うもの、もしくは異なる手法でく

下から上に積み上げていきます。

虹色のステンドグラス

虹色のステンドグラスブレンドツールよりも、もっといい方法を発見。
グラデーションメッシュです。
効果を加えることもできます。

左がステンドグラス。右がガラスの効果を加えた、虹色グラデーション左の効果は、テクスチャ→ステンドグラス。
右の効果は、変形→ガラス。

虹色のステンドグラス

虹色のステンドグラスIllustratorの効果で、お手本と同じものを発見できなかった(?)。
似たような雰囲気を作るので精一杯。

  • 下左:お手本
  • 下中:完成
  • その他:製作途中

■ 作り方

  1. グラデーションを作成
    1. 正方形でブレンドを作成
      • 正方形を4つ作成。塗り:黄→緑→青→ピンク、線:なし
      • 配置ではなく、 作った順番に?ブレンドされるようで、適当にブレンドすると順序が狂う
      • ブレンドする対象が2つなら、メニューから配置を変えることができる
    2. ブレンド軸を作成
      1. 正円を描く
      2. はさみツールで下のアンカーポイントを切る(必須)
      3. [ブレンド軸を置き換え]
  2. 光を作成
    1. 正円を描く
    2. 不透明度の異なる白色のグラデーションを設定
  3. 光を作成
    1. 楕円を描く
    2. 不透明度の異なる白色のグラデーションを設定
テレビ

televisionいかにシンプルに。
いかに美しく。
いかにそれらしく。
(さすが、デザイナーさん)

ストロー

ストロー

  • 左:お手本
  • 中央:作成過程
  • 右:完成(色は未設定)

■ 作り方

  1. ペンツールでストローの線を描く
  2. 線を太くする
  3. 線をアウトライン化する
  4. 飲み口側を、アンカーポイントの切り替えツールでまるくする
  5. 反対側は、アンカーポイントを追加した上で、アンカーポイントを削除(斜めの切り口を作る)
  6. 縮小コピーし、ダイレクト選択ツールで引き伸ばす
オレンジジュース

オレンジジュース

  • 上の左:お手本
  • 上の右:完成
  • 下:パーツ(合計6つ)

■ 作り方

  1. コップ底を作る
  2. コップ底陰影を作る
  3. コップ内側を作る
    • 効果→3D→回転体
  4. コップ外側を作る
  5. コップ上、光沢を作る
  6. 順番に重ねる
イメージマップ

せっかくですから、復習がてらボタンでイメージマップを作成
リンク先は、いずれもちらうら蚤の市のトップページです。

ボタン2

ボタン

  • 左上:お手本
  • 左下:完成
  • 右:パーツ(4種、8個)

■ 作り方

  1. パネルの影を作成
    1. 長方形を描く(塗り:濃い灰色、線:なし)
    2. お手本と同じ影の効果が見つからないので、2mmのぼかしで作成
  2. パネルを作成
    1. 長方形を描く
    2. グラデーションを設定
    3. グラデーションは、板にしたいか丸みをつけたいかによって、工夫する
  3. ボタンの影を作成(塗り:薄い灰色、線:なし)
    • マイナス
      1. 長方形を描く
    • 四角
      1. 正方形を描く
      2. 描いた正方形を拡大・縮小ツールで、縮小コピー(複製)
      3. 2つの正方形を選択
      4. 前面オブジェクトで型抜き
    • バツ
      1. 長方形を描く
      2. 回転ツールで90度でコピー(複製)
      3. 両方の長方形を選択し、[合体]
      4. 45度、回転させる
  4. ボタンを作成
    1. ボタンの影すべて選択し、コピー
    2. 塗りを灰色に変更
  5. 順番に重ねる
ボタン

ボタン

  • 左:お手本(パーツは7つ)
    お手本は、なぜか円のグラデーションをクリッピングマスクで作成しているため、
    パーツが2個多い。
    (グラデーションの長方形+マスクのための正円)
  • 中:完成
  • 右:完成品のパーツ(パーツは5つ)
    左から二番目と三番目は、塗りを白で設定しているため、
    背景が白だと肉眼で見ることができない。(よって赤い背景色)

■ 作り方

  1. 円を作成
    1. 正円を描く
    2. グラデーションを設定(縦)
    3. 線:なし
  2. 円を作成
    1. 1の円よりひとまわり小さく
    2. グラデーションは横方向
    3. 線:なし
  3. 半円を作成
    1. 塗り:白、線:なし、不透明度:40%で正円を描く
    2. ナイフツールで切り取り
  4. 三日月を作成
    1. 塗り:白、線:なし、不透明度:40%で正円を2つ描く
    2. 重ねる
    3. ふたつの円を選択し、[前面オブジェクトで型抜き]
  5. 矢印を作成
    1. 四角を描く(塗り:白、線:なし)
    2. 三角を描き、回転させる
    3. 四角と三角で矢印の形になるよう、位置を調整
    4. 四角と三角を選択し、パスファインダパレットで[合体]
  6. 1から5を順番に重ねていく
地球儀

地球儀・お手本 地球儀 半円の作り方

  • 左:参考にした図
  • 中央左:完成
  • 中央右:素材の世界地図(ボンヌ図法)
    ・・・画像の形式は、gif、pdf、eps(Illustrator用)があります
  • 右:半円の作り方(参考)

■ 地球儀の作り方

  1. 半円を作る
    1. 正円を描く(塗り:青、線:なし)
    2. ダイレクト選択ツールで、左のアンカーポイントを選択
    3. 削除(Deliteキー)
  2. 世界地図をシンボルに登録
    1. 世界地図をすべて選択→グループ化
    2. シンボルパレットにドラッグし、登録
  3. 球体にし、世界地図をマッピング
    1. 効果→3D→回転体→3D回転体オプションダイアログボックスが表示される
    2. プレビューをクリック
    3. マッピングをクリック
    4. シンボルの中から登録した世界地図を選択
    5. プレビューを見ながら、サイズと位置を調整
    6. OK→OK

花お手本(左)では、はなびらの線が、外側にいくにつれ太くなっている。
どのように?
お手本はこうではない・・・。

  1. ペンツールで花びら一枚の左半分を描く
  2. ブラシ(6dアートブラシ:ライト5pt)に変換
  3. パスのアウトライン
  4. リフレクトツールで反転コピー
  5. 倍々でコピーして、8枚の花びらを作成
  6. [重なり合う形状エリアを除外]
  7. 不必要な線を、ダイレクト選択ツールで選択して削除
ハート

ハートのハート左:お手本
右:

  1. ハートの形の左半分を、ペンツールで描く
  2. リフレクトツールで反転コピー
  3. 左右のアンカーポイントを[合体]
  4. グラフィックスタイルを適用
  5. [オブジェクトを再配色](青系統から桃系統に色を変更)
  6. ブレンド
  7. ハートの形に[ブレンド軸を置き換え]
    ※ ハートの下のアンカーポイントを[はさみツール]で切っておくときれいにできる

花のお手本 花

  • 左:お手本
  • 右:
    1. スターツールで点の数8つの星を描く
    2. ペンツールで星のアンカーポイントに沿って、曲線を描く
    3. リフレクトツールで反転コピー
    4. リフレクトツールでさらに反転コピーし、花のラインを完成させる
    5. 微調整は、変形ツールにて(左上を基準に右へ0.02mm、など)

ひとつの線にしたかったが、できなかった・・・とほほ(リンクの右画像を参照)
お手本の線は左右対称ではない。きれいなラインだ

装飾ライン

装飾ライン

  • 上:お手本
  • 下:ブラシ(鉛筆・斜め)。フリーハンド
エンピツ

エンピツ 書き始めたところ エンピツ 完成

ライブペイントツールで、グラデーションの方向を変えることができず、
お助けサイトでお世話になりました

エンピツ・お手本

エンピツ お手本

非常灯・完成

非常灯 完成

  • ペンツール
  • リフレクトツール
  • ブラシツール
  • グラデーションツール
  • ナイフツール
  • 楕円形ツール
  • レイヤーパレット
  • 変形パレット
  • 透明パレット
  • パスファインダパレット

お手本の非常灯

非常灯・お手本