検索
ホームページウェブフロントエンドPS チュートリアルPhotoshop绘制逼真的苹果手机详细教程

Photoshop绘制逼真的苹果手机详细教程

Jun 01, 2016 pm 02:31 PM
携帯電話りんご

本教程Photoshop主要使用图层样式和圆角矩形绘制逼真的苹果手机教程,教程不算太难,喜欢的朋友可以一起来学习

Photoshop绘制逼真的苹果手机详细教程

  第1步:
  打开Photoshop,Ctrl+N新建文件。

Photoshop绘制逼真的苹果手机详细教程

  第2步:
  利用圆角矩形工具创建出iPhone的轮廓。这里我使用的圆角为50px。

Photoshop绘制逼真的苹果手机详细教程

  第3步:
  为iPhone添加图层样式如下。先添加外发光,然后进行描边。

Photoshop绘制逼真的苹果手机详细教程
Photoshop绘制逼真的苹果手机详细教程

  第4步:
  在iPhone的顶部及左右两侧创建颜色为#52524e的矩形。

Photoshop绘制逼真的苹果手机详细教程

  第5步:
  继续利用圆角矩形工具在iPhone中创建半径为50px的圆角矩形。填充为黑色。

Photoshop绘制逼真的苹果手机详细教程

  然后为其添加图层样式。

Photoshop绘制逼真的苹果手机详细教程

  第6步:
  利用圆角矩形工具在手机左侧创建按钮,半径选择2px。并双击图层,为其添加渐变及描边样式。将此按钮图层置于手机图层下方。

Photoshop绘制逼真的苹果手机详细教程

  渐变色值如下。

Photoshop绘制逼真的苹果手机详细教程

  添加描边。

Photoshop绘制逼真的苹果手机详细教程

  第7步:
  在按钮下方再创建一个小按钮,并添加渐变及描边样式。

Photoshop绘制逼真的苹果手机详细教程
Photoshop绘制逼真的苹果手机详细教程

  
第8步:
  继续在顶部创建开机按钮,并添加图层样式。这次注意渐变的角度为0度。

Photoshop绘制逼真的苹果手机详细教程
Photoshop绘制逼真的苹果手机详细教程

  第9步:
  将左侧的按钮按住Alt键向下拖动复制出另一个,摆放到合适位置。然后按Ctrl键点击第5步创建的圆角矩形图层的缩略图,建立选区。

Photoshop绘制逼真的苹果手机详细教程

  执行菜单选择>修改>收缩,将选区收缩3px。

Photoshop绘制逼真的苹果手机详细教程

  第10步:
  利用多边形套索工具,按住Alt键将左半部分选区减去,剩下如下图所示的类三角区域。

Photoshop绘制逼真的苹果手机详细教程

  第11步:
  在最上方新建图层,填充成白色。然后将其填充度设置为0,双击图层为其添加渐变叠加。此时屏幕的高光便制作出来了。

Photoshop绘制逼真的苹果手机详细教程

  第12步:
  Ctrl+N新建一个100×100px的画布。建立水平、垂直的居中参考线。用矩形工具按住Shift键在左上角与右下角创建出黑色方块。按住Alt键双击背景图层,删除掉。然后执行菜单编辑>自定义图案,将我们做好的图案保存起来。

Photoshop绘制逼真的苹果手机详细教程

  第13步:
  接下来我们开始摄像头的创建。在手机上部利用椭圆工具按住Shift键创建出一个正圆形。并添加渐变叠加样式。

Photoshop绘制逼真的苹果手机详细教程

  继续用椭圆工具创建一个更小的圆形,为其添加径向渐变。

Photoshop绘制逼真的苹果手机详细教程

  第14步:
  下面来创建听筒。利用圆角矩形工具,圆角半径选择30px,创建如下图形状。

Photoshop绘制逼真的苹果手机详细教程

  继续为其添加图层样式。

Photoshop绘制逼真的苹果手机详细教程

  此时我们保存的图案该上场了。

Photoshop绘制逼真的苹果手机详细教程

  再添加个描边。

Photoshop绘制逼真的苹果手机详细教程

  第15步:
  接下来创建Home键。利用椭圆工具按住Shift键创建出正圆形,并为其添加渐变叠加。

Photoshop绘制逼真的苹果手机详细教程

  利用圆角矩形创建出Home键上的图标。将填充度设置为0,并添加描边样式。

Photoshop绘制逼真的苹果手机详细教程

  第16步:
  将屏幕素材 文件拖入文档中,调整好大小与位置。

Photoshop绘制逼真的苹果手机详细教程

  第17步:
  再为手机创建倒影与背景即可。屌丝神器便创建完成了。你做出来了吗?艾特给你心目中的女神吧~

Photoshop绘制逼真的苹果手机详细教程
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Photoshopは無料ですか?サブスクリプションプランの理解Photoshopは無料ですか?サブスクリプションプランの理解Apr 12, 2025 am 12:11 AM

Photoshopは無料ではありませんが、低コストまたは無料で使用する方法がいくつかあります。1。無料の試用期間は7日で、この期間中にすべての機能を体験できます。 2。学生と教師の割引はコストを半分に削減でき、学校の証明が必要です。 3. CreativeCloudパッケージは、プロのユーザーに適しており、さまざまなAdobeツールが含まれています。 4。フォトショーペルメントとLightroomは低コストの代替品であり、機能は少なくなりますが、価格は低くなっています。

Photoshopの価値:その機能に対するコストを計量しますPhotoshopの価値:その機能に対するコストを計量しますApr 11, 2025 am 12:02 AM

Photoshopは、強力な機能と幅広いアプリケーションシナリオを提供するため、投資する価値があります。 1)コア関数には、画像編集、レイヤー管理、特殊効果の生産、色の調整が含まれます。 2)プロのデザイナーや写真家に適していますが、アマチュアはGIMPなどの代替案を考慮する場合があります。 3)AdobeCreativeCloudを購読することは、必要に応じて、1回限りの支出を避けるために使用できます。

Photoshopの中核目的:クリエイティブな画像デザインPhotoshopの中核目的:クリエイティブな画像デザインApr 10, 2025 am 09:29 AM

Photoshopのクリエイティブな画像デザインでのコアの使用は、その強力な機能と柔軟性です。 1)設計者は、レイヤー、マスク、フィルターを介して創造性を視覚的現実に変換することができます。 2)基本的な使用には、トリミング、サイズ変更、色補正が含まれます。 3)レイヤースタイル、ブレンドモード、スマートオブジェクトなどの高度な使用法は、複雑な効果を生み出すことができます。 4)一般的な間違いには、不適切な層管理とフィルターの過度の使用が含まれます。これは、レイヤーを整理し、フィルターを合理的に使用することで解決できます。 5)パフォーマンスの最適化とベストプラクティスには、レイヤーの合理的な使用、ファイルの定期的な保存、ショートカットキーの使用が含まれます。

WebデザインのPhotoshop:UI/UXの高度なテクニックWebデザインのPhotoshop:UI/UXの高度なテクニックApr 08, 2025 am 12:19 AM

Photoshopは、Webデザインで使用して、高忠実度のプロトタイプを作成し、UI要素を設計し、ユーザーインタラクションをシミュレートできます。 1.基本設計のためにレイヤー、マスク、スマートオブジェクトを使用します。 2。アニメーションおよびタイムライン関数を介してユーザーの相互作用をシミュレートします。 3.スクリプトを使用して、設計プロセスを自動化し、効率を向上させます。

初心者の記事:PSブラシを使用してフォントに亀裂効果を追加します(共有)初心者の記事:PSブラシを使用してフォントに亀裂効果を追加します(共有)Apr 07, 2025 am 06:21 AM

前の記事「PS(お気に入り)を使用してプレート画像に印刷効果を追加するためのステップバイステップを教える」では、PSを使用してPSを使用してプレート画像に印刷効果を追加するための小さなトリックを紹介しました。次の記事では、PSブラシを使用してフォントに亀裂効果を追加する方法を紹介します。それを行う方法を見てみましょう。

Photoshop Advanced Typography:見事なテキスト効果の作成Photoshop Advanced Typography:見事なテキスト効果の作成Apr 07, 2025 am 12:15 AM

Photoshopでは、レイヤースタイルとフィルターを介してテキストエフェクトを作成できます。 1.新しいドキュメントを作成し、テキストを追加します。 2.影や外側の輝きなどのレイヤースタイルを適用します。 3.波効果などのフィルターを使用し、ベベルとリリーフ効果を追加します。 4.マスクを使用して、効果範囲と強度を調整して、テキスト効果の視覚的影響を最適化します。

写真をカットする方法写真をカットする方法Apr 06, 2025 pm 10:27 PM

切断は、画像の背景部分を削除し、被写体を置き去りにするプロセスです。一般的なカットアウト方法は次のとおりです。マニュアルカットアウト:画像編集ソフトウェアを使用して、サブジェクトのエッジを手動で概説します。自動カットアウト:ソフトウェアを使用して、サブジェクトを自動的に識別し、背景から分離します。サードパーティの切り抜きツールを使用します。特別なツールを使用して画像を切り取ります。チャネルカットアウト:画像のチャネルを使用して、操作のために主題の色と明らかな違いを持つチャネルをセグメント化し、選択します。

PSから透かしを取得する方法PSから透かしを取得する方法Apr 06, 2025 pm 10:24 PM

オンラインツール、画像編集ソフトウェア、ビデオ編集ソフトウェア、透かし削除アプリケーションを使用できます。特定の方法には、オンラインツールの使用、クローニングスタンプツールの使用、スタンプツールのコピーとブラシツールの修理、ぼやけツールの使用、トリミングツールとコンテンツ認識充填ツール、および透かし除去アプリケーションの使用が含まれます。透かしを削除する前に、そうする権利があることを確認してください。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター