03_draw-screen3

Adobe Photoshop のスマート オブジェクトを使用して応答性の高い画面のモックアップを作成します。

From Create a Responsive Screen Mockup Using Smart Objects in Adobe Photoshop

何あなたがする CreatingSmart オブジェクトは、Photoshop で最も強力な機能の 1 つ。
これでぇ南オリアル、モックアップとコンピューターの画面のグループを準備し、スマート オブジェクトに追加する方法を学習します画面に t 層。
すべての設定は、一度すべての画面イメージを一度に変更できます。
スマート オブジェクトを更新します。
各スマート オブジェクトは複数のレイヤーを含めることができることがスーパー クイック、第 2 回あなたの発表を変更する簡単です。
1I 始めよう 3 つの異なる MockupStep を準備します。
製品。
PhotoDune または GraphicRiver、ショット分離製品を検索できます。
、多くを使用することができます。
あなたのようなあなたの作文。
この特定のファイルは、製品の個別のレイヤーの shadows、および各画面のまぶしさ。
2Prepare 画面ごとに別のレイヤーをステップ実行します。
Rectang を取るル ツール (U) と各画面と同じサイズの四角形を描画します。
Rectangu を使用する代わりに、ラール マーキー ツール (M) とピクセルで選択範囲を塗りつぶし。
どちらの方法を使用すると、「画面」する必要があります。
別のレイヤー上にあります。
画面と同じサイズの四角形を描画します。
これは、カバーする映像、画像画面に、独自の層を占めます。
それが簡単なので図形レイヤーを使用することを好む自由変形 (コマンド + T) コマンドを使用して図形を微調整します。
ジャンプ、ステップ 3Make各他のスクリーンの en 層。
任意の色で図形を塗りつぶすことができます。
これらの「画面」レーrs は、スマート オブジェクトをマスクする後で使用されます。
モックアップは、ima のようなものになりますge の下: ステップ 4It のいくつかの家事をこの時点で行うことをお勧めします。
名前付けとレイヤーを整理時間を節約、長期的に。
下の画像にあるレイヤーのすべてを色分け長い間に各製品。
レイヤーの色を変更するには、それを強調表示するレイヤーをクリックして、クリックしてくださいレイヤーの側面にあるフライアウト メニュー パネルし、選択層 Properties.You レーを作成することも各製品の r グループ。
1 つの製品に属しているすべてのレイヤーを選択し、フライアウトをクリックしてくださいレイヤー パネルでニュースキン。
下の画像のようにレイヤーから新しいグループを選択します。
ことができますし、色、フライアウト menu.2 からグループのプロパティを選択することでグループ全体。
スマート ObjectStep 1I セットアップだ uタッツ + ウェブサイトのスクリーン ショットを歌います。
モックアップ PSD にスクリーン ショットをドラッグします。
そのレイヤー abov を移動します。
e デスクトップ画面の層。
このレイヤーをスマート オブジェクトに変換するには、次の 3 つのいずれかの操作を行います。
スマート オブジェクトのレイヤー メニューに移動 > スマート Object.Click、レーのフライアウト メニューに変換rs パネル、レイヤー パネルのスマート Object.Right クリックに変換するレイヤーを選択してコンをクリックしてスマート オブジェクト メモに vert: 再サイズにそれを変換する前に、画面に合わせてレイヤーを変更しない。
デスクトップ画面の幅に合わせてスマート オブジェクトのサイズを変更することができますスマート Object.Step 2Now。
Press コマンド/コントロール-T とハンドルを使用してイメージのサイズを変更します。
微妙な視覚的な手掛かり whe に気づくでしょうスマート オブジェクトの使用 n: スマート オブジェクトの変形ハンドルは、固体、一方ハンドルs 通常ピクセルのレイヤーには白抜きです。
スマート オブジェクトを画面 f の下部をオフにぶら下がってまたは今すぐ。
場合は、スマート オブジェクトのレイヤーの名前を変更します。
スマート オブジェクトのレイヤーの複製をステップ 3Make[レイヤー] パネルの下部に新規レイヤー アイコンにドラッグ。
スマート オブジェクトを複製します。
新規レイヤー アイコンにドラッグしてレイヤー。
スマート オブジェクトは、上記のノート パソコンの画面コピーのステップ 4Dragレイヤー。
先ほどと同じ、タブレットの画面の幅に合わせてサイズを自由変形を使用します。
Agアイン、あなたは今のところ画面の下部を超えて拡張するそれを残すことができます。
スマート オブジェクトのコピーまたはを移動します。
ノート パソコンの画面の層の n のトップ。
ステップ 5Make スマート オブジェクトの別のコピー上に配置し、タブレットの画面の層。
以前のように、タブレットの画面の幅に合わせてサイズ変更します。
心配しないでください。
余分な長さ。
スマート オブジェクトはすべて適切に行わステップ 6Now、あなたは自分の呼吸にそれらをクリップします。
有効画面。
これは、画面の下を越える画像の一部をマスクn、しかし、それは実際にスクリーン ショットをトリミングされません。
まず、スマート オブジェクトのレイヤーを選択し、[t] をクリックしてくださいレイヤー上の彼のフライアウト メニュー パネル、クリッピング マスクを作成を選択します。
できますも sh を使ってキーボード示すように、ortcut。
または、Option (Alt) キーを押しながらし、2 つの層の間をクリックしてs. あなたは適切な場所を知っているように二重の円へのカーソル変更が表示されます。
押したままオプション/Alt キーとクリッピング マスクを作成するレイヤー間をクリックします。
カーソルに変わります、二重円形のアイコン。
クリッピング マスクを作成すると、スクリーン ショットは、t の寸法を記入ください。
彼の画面します。
レイヤーのサムネールで微妙に右にずれている、小さいかもわかるだろう下方の矢印。
これは下のレイヤーにスマート オブジェクトのレイヤーは、「クリップ」ことを示します。
これは why 前画面レイヤーに作成したしますここでは、すべてのスマート オブジェクト clippe でのモックアップ。
彼らのそれぞれの画面: 3 d。
スマート オブジェクト スマート ObjectStep 1Now とそのコピーを編集します。
いる場所、元のスマート オブジェクトを編集することによってすべての 3 つの画面上のイメージを変更できます。
Double を編集するスマート オブジェクトのサムネールをクリックします。
次のメッセージが表示されます。
Ac になります。
スマート オブジェクトを扱う通関、この警告ダイアログをオフに選択できます。
スマート オブジェクト電気ショック療法は、特別な別のファイルとして開きます。
.Psb:Step 2To 編集スマート オブジェクト、ファイル拡張子は私 '既存の 1 つ上に異なるスクリーン ショットをドラッグするつもりメートル。
平らにする必要はありません。
スマート オブジェクトとして画像、複数のレイヤーを持つことができます。
3Close のステップ、.psb ファイルを保存します。
今新しいスクリーン ショットは、すべての 3 つの画面に表示されます。
他の 2 つのスマート オブジェクト ラを編集する必要はありません。
yers、それぞれ元のコピーであるためです。
追加したり、何倍もよ画像を変更u のような。
層の中のいくつかのスクリーン ショットをすばやくプレゼンテーションをスマート オブジェクトに格納できます。
t 同じ Photoshop ドキュメント内の異なるバージョン。
など、これらの ConclusionProduct のモックアップが grクライアントにさまざまなデザインを提示する方法を食べる。
スマート オブジェクトのレイヤーのコピーであるため、元、すべての 3 つの画面を更新するで。
複数のスクリーン ショットを保存することができますので、私nside スマート オブジェクトのレイヤーを 1 つきちんと整理された psd ファイルのすべてを保つことができます。
Copper%20Foil%20Text%20Effect%20QT%20-%20850

Adobe Photoshop で銅箔のテキスト効果を作成する方法

From How to Create a Copper Foil Texture Text Effect in Adobe Photoshop

どのようなあなたがするからチュートリアルは箔のテキストを作成する簡単な方法を示す効果があるを使用してフィルター、調整、およびレイヤー スタイル。
始めましょう! このテキストの効果は、男性に触発されました。
y レイヤー スタイルが GraphicRiver、このゴールド テキストの効果のスタイル パックなども承ります。
チュートリアルのお尻ets は、次に掲げる資産は、このチュートリアルの生産の間に使用された: Hensa フォント ブラックAbstraktpattern で Supertuts007 で無料パック 6000 photoshop グラデーション テクスチャを紙 (負荷、CHROMES.grd ファイルです。
) 1. 設定ステップ 1 編集に移動既定パターンを読み込む方法 > プリセット > プレマネージャーの設定、プリセットの種類ドロップ ダウン メニューからパターンを選択します。
小さな矢印をクリックします。
プリセットの種類ドロップ ダウン メニューとクリックの右側に自然のパターンを設定します。
ときダイアログ bその後、牛が表示されます追加をクリックするだけ。
ステップ 2 の作成ドキュメント、およびトリフロー新しい 1000 × 1000 pxケイトの背景レイヤー。
[テクスチャ] をレイヤーのコピーの名前を変更、右クリックし、チュウse スマート オブジェクトに変換します。
2. フィルター ステップ 1 を使用して箔のテクスチャを作成する方法は、前面を設定#f07d6d #5e231b に背景色の色を地面し、フィルターに行く > レンダリング > クラウドs. これらの色は銅のテクスチャを作成するが、g たい場合、他の色を選択できます。
ら別の結果も。
ステップ 2 フィルターに行く > フィルター ギャラリー > 変形 > ガラス、nd は、これらの設定を使用: の歪み: 15 滑らかさ: 3 テクスチャ: スケーリングつや消し: 100 ステップ 3 Click フィルター ギャラリーのウィンドウの右下隅の新しい効果層アイコンです。
ステップ 4 ・ チューse ガラス フィルターを再度、この時間は、これらの設定を使用: の歪み: 20 滑らかさ: 3 テクスチャ: キャンバスの拡大/縮小: 100 3。
Ol を操作する着色手順 1 場合のテクスチャを調節する方法デアのバージョンの Photoshop、作成新しい塗りつぶしをクリックして調整レイヤーを追加する必要がありますか[レイヤー] パネルの下部に調整レイヤーのアイコン。
新しいバージョンは、しかし、ステップ 2 を直接スマート オブジェクトのレイヤーに調整を適用できます。
イメージに行く > 調整 >色相/彩度、および 15 に色相の変更。
ステップ 3 は、画像に移動 > 調整 > レベルと13 の 201 に影にハイライトを変更します。
T のコピーを保つためにこのファイルを保存することができます。
彼の元のテクスチャ。
4. パターン 1 のステップ右、テクスチャにテクスチャを変換する方法e 層とレイヤーのラスタライズ」を選択します。
ステップ 2 選択長方形のマーキー ツール、作成、約 1/3、1/2 のテクスチャの上部をカバーする選択します。
ステップ 3 プレス、Comman新しいレイヤーに選択範囲を切り取って d シフト J キー。
ステップ 4 pl に移動ツールを使用して元下右重複の部分をエースします。
避けるためにそうしながら Shift キーを保持します。
両側に四角形を移動します。
ステップ 5 の画像に移動 >、すべてを明らかにし、ことを確認両方の四角形の間のスペースはありません。
ステップ 6 画像に移動 > トリム、し、選択上ルft ピクセル カラー オプションのタブの下すべて離れてトリム タブ チェック ボックスをオン、[ok] をクリックします. Step 7 両方をマージするコマンド E を押す層が一緒にいます。
5 作成し、シームレスな Pa を定義する方法ttern ステップ 1 治癒ブラシ ツールを選択および近く領域をサンプリングするオプションのキーを押し、行は、両方の四角形が交わる。
サイズと硬さ値の双方を持つ丸いブラシ先端を使用します。
それを取り除くにラインを塗る結果 g。
サンプリング保つ方だとラインは、滑らかな印象の結果を得ることを確認するための小さな部分にペイント。
ステップ 2 することができます。
あなたのような他のヒーリング ツールを使用します。
ちょうどと n ラインの近くに滞在してください。
ot は、ぼやけているポイントやピクセルにテクスチャを変更します。
手順 3 を繰り返して同じ steテクスチャの垂直側の ps。
だからカバー約 1/3、1/2 の選択を作成します右の s を満たすまで重複部分の移動コマンド-Shift-J を押してテクスチャの左側は、ide の端とすべてを明らかにし、トリム、およびマージ。
ステップ 4 では、癒しのツールを使用して、エッジを立てるシームレスです。
ステップ 5 編集に移動 > 定義パターン、および型名前用の箔。
6、Cre にどのように新しい 1000 x 1000 px 文書とし、場所黒紙テクスチャ画像テキストのステップ 1 で作成を食べた背景レイヤーとサイズ変更の上に、必要に応じてください。
ステップ 2 は、フォントを使用してテキストを作成します。
Hensa と 150 pt のサイズを設定します。
必要があります手順 3 があればよりも 1 行のテキスト、等間隔に並べられたテキストを取得する行の各先頭の値を調整します。
ステップ 4 の複製テキスト レイヤーと変更コピーの Fill 値 0。
7. フレームを作成する方法のステップ 1 図形 P嫌な四角形ツール、四角形またはあなたが持っているテキストを囲む四角形を作成します。
ステップ 2 オプション バーでなし、7 線のサイズに塗りつぶしを設定します。
形状 s をクリックします。
物々交換するアイコンを入力し、整列をセンターに変更します。
ステップ 3 は、四角形の図形レイヤーを重複し、無料の変換モードに入るコマンド T キーを押して作成するコピー四角形をスケール アップし、n の外枠。
完了したら、変更を受け入れてからリターンキーを押します。
ステップ 4 元の名前を変更します。
四角形内側、外側へのコピーの層。
ステップ 5、両方の複製、シェイプレイヤーとチャンe コピーの Fill 値を 20。
8. どのようにオリジナル テキスト l をダブルクリックします箔効果のスタイル次のレイヤー スタイルを適用する ayer: ステップ 1 追加ベベルとエンボスこれらの設定: 変身e: エンボス サイズ: 0 チェック アンチ エイリアス ボックスを強調表示モード: 線形光不透明度: 20% シャドウ Mode: 不透明度: 0% ステップ 2 追加これらの設定で輪郭: 輪郭: コーン アンチら確認してくださいiased ボックス。
範囲: 100% ステップ 3 追加これらの設定でテクスチャ: パターン: スパイクのブッシュの深さ。
50% ステップ 4 追加これらの設定とグラデーションオーバーレイ: ディザー チェック ブレンド モード: 複数行文字iply 不透明度: 20% 角度: 22 使用手順 5 を追加アルミ 130 グラデーション オーバーレイのパターン wi 番目のこれらの設定: パターン: 箔規模: 50% ステップ 6 このスタイル箔の主な効果。
Right-[スタイル付きテキスト レイヤー コピーのレイヤー スタイルを選択し、内側と外側の形を選択レイヤーは、それらのいずれかを右クリックし、レイヤー スタイルをペーストを選択します。
9. 微妙なエンボスの作り方ed 効果のステップ 1 は、ベベルを適用し、これらの se とエンボス効果コピー テキストレイヤーをダブルクリックttings: サイズ: 1 チェック アンチ エイリアス ボックスを強調表示モード: オーバーレイ不透明度: 50% 影モード。
不透明度: 30% ステップ 2 コピーとコピー内にレイヤー スタイルおよび外の層を貼り付けます。
おめでとうございます!このチュートリアルで実行している、我々 はフィルターとクリートの調整のカップルを使用e 箔の質感。
その後、我々 は癒しのツールを使用してシームレスなパターンにテクスチャを回すに勤務s. 最後に、テキストとフレームのレイヤーを作成し、箔の効果を達成するためにそれらをスタイルします。
Fe をしてください。
エルはあなたのコメント、提案、および以下の成果を残すこと自由。