ウェブデザインB 第09回

ウェブデザインB 第09回

2026年06月04日 /最終更新:2026年06月04日
読了目安:約2分

オリジナル演習の情ビInstagramバナーのトレースを行いましょう。

ウェブデザインB 第09回

前回の振り返り

前回は演習05のトレースを最後まで行い、以下のIllustratorスキルを習得しました。

  • 線パネルのオプションを使ってデフォルト機能だけで思い通りの破線の形状を作る
  • シンメトリーのデザインでリフレクトを使ってアイテムを反転させる
  • リンクの再設定を使って画像のリンクを差し替える

今回は完全オリジナルの情報ビジネス学科Instagramバナーの制作工程です。
今回はIllustratorではなくPhotoshopを使用してWebバナーを作ってみましょう。

演習Web02 オリジナルデザイントレース「情ビInstagramバナー」前編

トレース・模写の条件

では記事を開きトレース作業を行いましょう。その際の条件は以下。

  1. タイトルの「公式インスタグラム」の「公式」を自分の苗字に変更する。

以上です。
ただ今回のトレース演習は作業工程がとても多く動画が長いため、
以後2〜3回ほどに分けてトレースを行いたいと思います。

では記事を開いてみましょう。

演習Web02 オリジナルデザイントレース「情ビInstagramバナー」