ホームページ » フォトショップ » リアルなiPad 2を描く - Photoshopチュートリアル

    リアルなiPad 2を描く - Photoshopチュートリアル

    iPad 2!多くの人がそれを愛し、多くの人がそれを望んでいますが、多くの人がそれを描くことはできません。驚くべきことに、それとそのスマートカバーを描くことはまったく難しいことではありません!このチュートリアルでは、スマートカバー付きの完全なiPad 2を作成する方法を説明します。以下の結果とまったく同じです。

    私たちはたくさんのレイヤースタイルとベクトル描画を使います、そしてこの洗練された製品を完成させることへのいくらかの情熱かもしれません。始めましょう!

    ステップ1:iPadの基本形状

    サイズ1500×800 pxの新しいファイルを作成することから始めます。角丸長方形ツールを有効にします。モードを半径15ピクセルと色でshapeに設定します。#f5f5f5.

    レイヤースタイルを追加 内側の輝き そして ストローク.

    ステップ2:スクリーン

    iPadの内側に長方形を描く.

    レイヤースタイルを追加 ストローク.

    ステップ3

    画面コンテンツの簡単な画像を作成しましょう。新しいレイヤーを作成し、それがスクリーンレイヤーの上にあることを確認してください。柔らかいブラシを使用していくつかの色を塗ります。 Ctrl / Cmd + Alt + Gを押して、レイヤーをクリッピングマスクに変換します。ペイントしたものはすべて画面内に表示されます。.

    ステップ4:ホームボタン

    iPadの下部に楕円を描きます。塗りつぶしを0%に設定.

    レイヤースタイルを追加 内側の影, ベベルとエンボス, そして グラデーションオーバーレイ.

    ステップ5

    ボタンの中央に、角丸四角形を描きます。塗りつぶしを0%に設定します。レイヤーを追加 スタイルストローク.

    ステップ6:カメラ

    そのカメラのためにiPadの上部に小さな黒を描く.

    ステップ7:ドック

    画面の下部を覆う長方形を描きます。その色を#b1a9a9に設定します。レイヤースタイルを追加.

    ステップ8

    Ctrl / Cmd + Tを押して変換を実行します。右クリックしてPerspectiveを選択.

    ステップ9

    ドック形状になるまで上隅を内側に引きます.

    ステップ10

    下図のように白い形を描きます。 Ctrl / Cmd + Alt + Gを押してクリッピングマスクに変換します。不透明度を50%に下げます.

    この形状はドックの反射になります.

    ステップ11

    素敵なiPhoneのアイコンセット、marcelomarfilのAquaticusをつかみましょう。それらのうち4つを画面に配置します.

    ステップ12

    という名前のグループにアイコンを配置します。 アイコン. 最初のアイコンをクリックしてすべてのアイコンレイヤーを選択し、Shiftキーを押しながら最後のアイコンをクリックします。移動ツールを起動します。オプションバーからアイコンをクリック 水平方向の中央揃え そして 垂直方向の中央揃え. あなたは画面上に素敵な配置と分散アイコンを持つことになります.

    ステップ13

    画面およびドックにアイコンを追加するには、前の手順を繰り返します.

    ステップ14

    ドック上のアイコンレイヤーを選択します。 Ctrl / Cmd + Eを押してそれらを1つのレイヤーにマージします。 Ctrl / Cmd + Tを押して変換を実行します。右クリックして選択 上下反転.

    ステップ15

    レイヤーマスクを追加します。反射が消えるまで白から黒への線形グラデーションの描画.

    ステップ16:画面の反射

    なげなわポリゴンツールを使用して、画面の右上隅に三角形の選択範囲を作成します。選択範囲を白で塗りつぶす.

    ステップ17

    レイヤーマスクを追加します。画面の反射がなくなるまで、白から黒への直線的なグラデーションを描きます。反射層をグループにまとめて名前を付ける 画面の反射.

    ステップ18

    iPadレイヤーをCtrl / Cmd +クリックして、その形状に基づいて選択範囲を作成します。グループにレイヤーマスクを追加します。このように、スクリーンの反射はスクリーンの内側にあります.

    ステップ19:スマートカバー

    次のような形を描きます。その色に#6ebcedを使用.

    レイヤースタイルを追加する グラデーションオーバーレイ.

    ステップ20

    スマートカバーの上に丸みを帯びた長方形の図形を描き、その塗りつぶしを0%に設定します.

    追加する ベベルとエンボス.

    ステップ21

    形を複製する.

    ステップ22

    Ctrl / Cmd + Tを押して変換を実行します。右クリックして[遠近法]を選択します。形状がスマートカバーの視点に一致するまで右上隅を引きます.

    ステップ23

    色付きの丸みを帯びた四角形を描画します。#82858a。スマートカバーの外側になるまで、もう一度透視変換を実行します.

    ステップ24

    レイヤースタイルを追加する ベベルとエンボス そして グラデーションオーバーレイ.

    ステップ26

    別の丸みを帯びた長方形を描き、作成したばかりの形状の内側に配置します.

    ステップ27

    レイヤースタイルを追加 ベベルとエンボス Fillを0%に設定します.

    ステップ28

    Ctrl / Cmd + Alt + Gを押して形状をクリッピングマスクに変換し、効果をカバーの内側に配置します。.

    ステップ29:ヒンジ

    カバーの左側に長方形を描きます。色を#6ebcedに設定します.

    追加する グラデーションオーバーレイ.

    ステップ30

    色で前の図形の後ろに小さい長方形を描画します。#e6e6e6.

    レイヤースタイルを追加 グラデーションオーバーレイ 形状に立体的な外観を追加する.

    ステップ31:影

    Ctrl / Cmdを押しながらiPadの基本シェイプレイヤーをクリックして、その形状に基づいて選択範囲を作成します。新しいレイヤーを作成してスマートカバーの下に置きます。大きな柔らかいブラシを使用してスクリーン表面に柔らかい影を塗る.

    ステップ32

    選択を削除しないでください。次に、iPadの下側に、不透明度の低いブラシで柔らかい影を描きます。これは床からのソフトキャストの影になります.

    ステップ33

    新しいレイヤーを作成し、それをすべてのレイヤーの下に配置します。大きな柔らかいブラシを使用してiPadの下に暗い影を塗ります。不透明度を50%に下げる.

    ステップ34

    大きくて柔らかい影を描きます。不透明度を5%に下げます.

    ステップ35

    今、あなたのブラシを小さいサイズに設定しますが、その柔らかさを維持するためにその硬さを0%に保ってください。 iPadの真下に暗い影を描きます。不透明度を50%に設定.

    ステップ36

    スマートカバーを拡大するにはズームインしてください。スマートカバーの真下に暗い影を描く.

    ステップ37

    スマートカバーの後ろの床に影を描く.

    スマートカバーを隠すと、これが影のようになります。.

    ステップ38:最終結果

    これは私たちのチュートリアルの結果です。私はあなたが新しいテクニックを学び、このチュートリアルに従っていくらかの楽しみを持っていることを願っています。読んでくれてありがとう。何か質問があれば遠慮なく聞いてください.

    PSDをダウンロード

    特定のステップを達成することはできませんか?これはテストして遊ぶための結果のPSDファイルです。.

    • iPad 2チュートリアルPSDファイル