マガジンのカバー画像

Webデザインフリーランスマガジン

Webデザインの方法、フリーランスになること、起業についてなどを配信します。
このマガジンを読むことで、webデザインの知識が得られます。また、質問ができるため、困ったときにサ…
¥500 / 月
運営しているクリエイター

#コミュニティ

Webデザイナーオンラインサロン開講

サロンの目的「Webデザイン制作」「Webサイト構築」「アプリ開発」を少しずつ始めてみませんか…

21

バナー制作で画像編集の基礎を学ぶ(15)書き出し

前回までで、下のバナーの文字列入力が完了しました。 テキストの位置調整仕上げに、「詳しく…

バナー制作で画像編集の基礎を学ぶ(13)

前回までて画面下部の白い長方形、青い台形ができました。 長方形の色を変更する前回に話した…

バナー制作で画像編集の基礎を学ぶ(12)

前回は画面下部の白い長方形を作成しました。 次に、「詳しくはこちら」の台形を描いていきま…

バナー制作で画像編集の基礎を学ぶ(11)

前回までで、背景ができたので、次に、背景に乗っているバーを作っていきます。 今回からは、…

バナー制作で画像編集の基礎を学ぶ(10)

前回までで、メインのテキストの入力が完了しました。 今度は後ろの背景の白ですね、この白い…

バナー制作で画像編集の基礎を学ぶ(9)

前回は、「スモールカー」の文字を見本と同じように作成しました。今回は残りの文字の作成です。 スモールカーの文字ができましたので、「自動ブレーキ」の文字列を作っていきます。 このまま文字ツールで打っていくより、上のスモールカーをコピーして「自動ブレーキ」にして編集して「自動ブレーキ」のところを変えていきます。 コピーする方法はいろいろあるんですが、一つよく使うのは、移動ツールにしてですね、このまま移動するとそのままレイヤーが移動しちゃうんですが、オプションキーを押しながら

バナー制作で画像編集の基礎を学ぶ(8)

前回、テキストを入力し色を整えたので、今回はサイズ、文字間隔を微調整していきます。 この…

バナー制作で画像編集の基礎を学ぶ(7)

前回、車の色調を補正したので、次は2回に分けてテキストを作成していきます。 テキストツー…

バナー制作で画像編集の基礎を学ぶ(6)

前回は、画像を拡大、縮小、移動して位置を合わせる作業まで完了しました。 今回は、色調補正…

バナー制作で画像編集の基礎を学ぶ(5)

前回は、マスクが完了したところでした。 今回は、画像の配置と拡大小をしていきますね。 画…

バナー制作で画像編集の基礎を学ぶ(4)

前回の続きです。 前回は、左のパネルのツールの説明でした。 今回は、右のパネルの説明をして…

バナー制作で画像編集の基礎を学ぶ(3)

前回の続きです。 今は、車にマスクができた状態ですね。 これからマスクを編集していきます…

バナー制作で画像編集の基礎を学ぶ(2)

作業概要今回は、これから「マスク」という操作をします。 前回までで、バナーの見本として用意した画像が開かれた状態になっています。 ツールの説明まず、ツールの説明をします。 これから実際に先ほどこのバナー用に用意した画像を開いてみましょう。 開く方法としては、ひとつは、先ほどのファインダーフォルダから画像を`hotoshopのウィンドウにドラッグすると画像が配置されます。 または、ファイルから開くを操作して先ほどの加工用の画像を選択して開いてもいいです。