▶ ︎ こんにちは、ウェブデザイナーとして働いているギャギャーです

2D デザイン & フォトショップ

色々な作業に取り組んでいるうちに、2D作業に区別がないと感じました。プロジェクトの規模や方向性について理解していれば、何でも作成して使用することができました。 印刷物やイラストの仕事に イラストレーターまた、ウェブデザインにはGIFを使用し、ビデオなどにはAfter EffectsやPremiere Proを一緒に使用しました。 大きな広告を作成する以外は、普段はPhotoshopを使用していましたが、これは私にとって最も使いやすいものです。子供の頃からいじっていたPhotoshopが一番身近だったからです！

デザインに慣れていない方にとっては、おそらく最も簡単なプログラムでしょう。 たぶんフォトショップだと思います。 他のプログラムを扱うのが得意だったら良いのですが、最初から複数のプログラムを覚えるのは簡単ではないので、この授業ではPhotoshopだけで色んな画像を作ってみようと思います。

イントロ

デザインするときは、最初に目にするイントロが最も重要です。これは、最初に目を引かなければ、ユーザーが下方向にスクロールしなくなるためです。 イントロとして 詳細を見なくても一目で内容が把握できるように ページ全体のコアコンテンツをタイトルと暗黙のイメージで伝える役割を果たします。 イントロデザインによって詳細ページの雰囲気も決まるため、最も時間と労力がかかる部分です。

タイトル

イントロの最も重要な部分はタイトルです。デザインによって異なる 場所は異なりますが、中心を占めています 重要な内容を伝えるテキストの一部として、希望する雰囲気に合わせてさまざまなフォントやツールを使用できる必要があります。

さまざまなフォントを使用し、図形を組み合わせてタイトルを作成してみてください。

タイトルに含まれるフォントのダウンロードリンクをお送りします。有料のフォントを購入して使用しない限り、著作権の問題のないフリーフォントを使用する必要があることを知っておく必要があります:)

イメージ

さまざまな画像がさまざまなワークピースに挿入されます。簡単なキャラクターのレタッチや核ピックによる影の作成など、さまざまなシチュエーションに合わせた編集を一緒に進めましょう。

仕事に必要な画像は、無料の画像ダウンロードルートです お送りする予定です。フォントと同様に、画像を使用する場合は著作権に注意する必要があります。

イラスト付き

Photoshop では、ピクセルベースのビットマップ方式（基本的にはピクセルベースの方法）を使用してサイズを変更すると、画像が壊れます。このようなフォトショップの唯一の図形（形状) これは、画質を損なうことなくサイズを拡大または縮小できるベクター画像です。

ペンと図形を使ってアイコンやイラストを描くと、ベクター画像を使って個別にaiプログラムを開かなくても直接編集できるので、ペンツールや図形をたくさん使う予定です。 最初は難しいかもしれませんが、たくさん練習して練習すれば、使い方には慣れるでしょう！

コンテンツ

作成したイントロページの雰囲気に合わせて、以下のコンテンツを作成してみましょう。まず、テキストと図形を使用してページをレイアウトし、次に画像を挿入し、配置と間隔を確認して終了します。

バナーと SNS カード

作成したイントロページを変換してさまざまな目的のバナーを作成し、コンテンツごとに分割してソーシャルメディアカードとして使用できるようにします。

このクラスで作成するタスクについては、完成したPSDファイルをクラスノートからダウンロードできます。

作業に困ったときは元のファイルを参照でき、授業で使ったデザインはどこでも使える