検索
ホームページウェブフロントエンドPS チュートリアルPhotoshop绘制立体时尚的创意钟表效果

本教程主要使用Photoshop绘制立体时尚的创意钟表效果,整体的立体效果和创意感觉非常的不错,钟表的圆盘特别想一个盘子,教程难度不是很大,转发过来,喜欢的朋友可以过来学习一下 本教程主要使用Photoshop绘制立体时尚的创意钟表效果,整体的立体效果和创意感觉非常的不错,钟表的圆盘特别想一个盘子,教程难度不是很大,转发过来,喜欢的朋友可以过来学习一下!

效果图:

Photoshop绘制立体时尚的创意钟表效果

创建一个新图片,参数参考图中,也可自行变更

Photoshop绘制立体时尚的创意钟表效果

1、首先让我们新建一个图层Ctrl+Alt+Shift+N,接着把前景色换成黑色D,填充新建的图层1ALT+Del,选用画笔工具B,右键硬度为0,大小为500,在中心点一个大大的圆。(每个操作后面的字母对应该步骤的快捷键,以下不再赘述)

Photoshop绘制立体时尚的创意钟表效果

2、为背景添加一点纹理。右键点图层一的缩略图,选择混合选项,选择图案叠加,如上图设置。我选的纹理在图案旁边的小箭头再点小齿轮选择彩色纸,可以找到。你们也可以找自己喜欢的纹理或者省略此步。

Photoshop绘制立体时尚的创意钟表效果

3、一会要画同心圆我们可以先建立个水平竖直50%的参考线,也可以不建立。参考现在菜单栏--视图--新建参考线Alt+V+E

Photoshop绘制立体时尚的创意钟表效果

4、再让我们新建一个图层Ctrl+Alt+Shift+N,用圆形选框工具按住Alt+Shift同时拉出一个选区,填充白色Ctrl+Del。

Photoshop绘制立体时尚的创意钟表效果

5、打造外表盘,在图层2右键点图层一的缩略图,选择混合选项,点斜面和浮雕,参数如图。点击光泽等高线打开等高线编辑器。

Photoshop绘制立体时尚的创意钟表效果

6、打造内表盘,再让我们新建一个图层Ctrl+Alt+Shift+N,用圆形选框工具按住Alt+Shift同时拉出一个比较小的选区,大小参照红圈,填充白色Ctrl+Del。

Photoshop绘制立体时尚的创意钟表效果

7、在图层3右键点图层一的缩略图,选择混合选项,继续添加如上效果

Photoshop绘制立体时尚的创意钟表效果

8、打造表针,再让我们新建一个图层Ctrl+Alt+Shift+N,用矩形选框工具按住拉出一个选区,,景色改为363636,填充Alt+Del

Photoshop绘制立体时尚的创意钟表效果

复制当前选中Ctrl+J,得到图层5

Photoshop绘制立体时尚的创意钟表效果

9、分别对图层4、5变形Ctrl+T右键选择扭曲并把四个角拉到对应的点,变出时针和分针

Photoshop绘制立体时尚的创意钟表效果

10、同步骤9用d85339画出秒针,效果参照下一步的图

Photoshop绘制立体时尚的创意钟表效果


11、选用你喜欢的字体和大小,写上时间,所有文字图层不透明度都用50%

Photoshop绘制立体时尚的创意钟表效果

做到这里基本OK了,让我们先看一下效果

Photoshop绘制立体时尚的创意钟表效果

似乎比照效果图还缺少好看的阴影和中间的金属帽啊。下一步我们就添加阴影

12、继续右键点击要更改的图层缩略图,选择混合选项,点击投影。

Photoshop绘制立体时尚的创意钟表效果

图层2阴影参数

Photoshop绘制立体时尚的创意钟表效果


图层4、图层5参数

Photoshop绘制立体时尚的创意钟表效果

图层6参数

最后打造中间的金属扣

Photoshop绘制立体时尚的创意钟表效果

17、新建一个图层7Ctrl+Alt+Shift+N,用圆形选框工具按住Alt+Shift同时拉出一个很小的选区,填充白色Ctrl+Del。右键点击图层7缩略图,选择混合选项,添加如下效果

Photoshop绘制立体时尚的创意钟表效果

Photoshop绘制立体时尚的创意钟表效果

Photoshop绘制立体时尚的创意钟表效果

Photoshop绘制立体时尚的创意钟表效果

大功告成,最终效果图:

Photoshop绘制立体时尚的创意钟表效果

教程结束,以上就是Photoshop绘制立体时尚的创意钟表效果,希望对大家有所帮助!

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
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

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

PSのレイヤーをマージする方法PSのレイヤーをマージする方法Apr 06, 2025 pm 10:21 PM

レイヤーをマージする方法は?レイヤーを選択してレイヤーパネルにマージすることにより、レイヤーをマージできます。メニューバーのレイヤーを使用してレイヤーをマージするか、Ctrl E(Windows)またはCMD E(MAC)を押して、マージ操作を実行します。元のレイヤーを含む要素を作成します。

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ヘンタイを無料で生成します。

ホットツール

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

MantisBT

MantisBT

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

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

メモ帳++7.3.1

メモ帳++7.3.1

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