ビデオ-チュートリアル:Photoshopで動くバナーを簡単に作成する方法

チュートリアル-フォトショップでモーションバナーを簡単に作成する方法

今日、このビデオチュートリアルでは、プロジェクトを作成して準備する方法を説明します AdobePhotoshopプログラムでバナーを作成するには、次のビデオチュートリアルでは、少し与える方法を教えます animación、およびすぐに使用できるようにエクスポートします。

写真に写っている男性が誰であるかを説明することから始めます。彼はどの画像バンクからも選ばれた匿名の男性ではありません。これは素晴らしい人です。 ミルトングレイザー、のロゴの作成者 私はニューヨークを愛して 前世紀の私たちの社会やボブ・ディランのカバーにどれだけ影響を与えたか。

さて、歴史的なメモはさておき、このビデオチュートリアルを始めましょう: Photoshopで動くバナーを簡単に作成する方法、私の最初のビデオチュートリアル。あなたが気に入ってくれて、とても役立つと思います。 始めましょう。

I)スケッチをします 私たちの作曲で バナーのさまざまな要素の作成と検索を開始しました。

II)バナーに使用することを選択したキャラクター、ミルトン・グレイザーの写真を探してダウンロードします。

III)Adobe Photoshopを開き、新しいドキュメントを作成します。 さまざまなプリセットから選択します PhotoshopがWeb形式で使用できるようにします。 その中から、バナーにぴったりの800×600の帆布を選びました。

IV)良いMilton Glaserの写真を含むJPGファイルを開き、写真をレタッチする準備をします。

V)選択ツールのグループ、ループのXNUMXつ、 磁気ループ この場合。 古き良きミルトンの概要を説明します。

VI)概説したら、ルートに移動します 選択-エッジを洗練する。 このツールを使用して、画像のエッジの輪郭をはっきりさせます。

VII)ツールを使用してミルトンエッジを完全に好みに合わせて残したら エッジを絞り込みます、を押します CNTRL + J そして、選択によって新しいレイヤーが作成されます。

VIII)背景レイヤーを削除するため、ミルトンを使用します。 透明な背景 バナーで使用できます。

IX)それを保存するには、Web用に保存ツールを使用します。 このツールのダイアログボックス内で、GIF、JPG、PNGなどのさまざまなファイルタイプでファイルをエクスポートできる可能性があります。 さて、このファイルでは、透明な背景に保つために、それをエクスポートします。 保存して名前を付けます。 何が起こるかを考えて、PSDを閉じて保存します。

X)Webプロジェクト、バナーに戻ります。 背景レイヤーの色を黒に変更します。 これを行うには、バケツのペイントツールを使用して、前面の色を黒に変更し、背景レイヤーを直接クリックします。

XI)まず、MiltonGlaserの写真をワークスペースまたはキャンバスにインポートします。 これには、 配置ツール、 ファイルオプションにあります。

XII)古き良きGlaserを下隅に配置します 画面の右側。

XIII)漫画から吹き出しを作成します。 Glaserが話しているように見えるように配置します。

XIV)私たちは3つの文を作成します テキストツール、バナー情報を提供するものです。 それらのXNUMXつはサンドイッチの中に入ります。

XV)各文は異なるテキストレイヤーに配置する必要があります。

XVI)そして私たちはすべてを始める準備ができています アニメーションを与える 私たちのバナーに。

次のビデオチュートリアルでは、バナーにアニメーションを付ける方法を説明します。 見逃さず.


記事の内容は、次の原則に準拠しています。 編集倫理。 エラーを報告するには、 ここで.

コメントを最初に

コメントを残す

あなたのメールアドレスが公開されることはありません。

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。