ホームページ ウェブフロントエンド PS チュートリアル Photoshop 非常精致的红色邮件图标

Photoshop 非常精致的红色邮件图标

Jun 01, 2016 pm 02:36 PM
アイコン

一个看似非常简单的邮件图标。不过作者加上了一个质感圆角矩形装饰。效果就大不一样。感觉清爽,精致很多。制作的方法也不难。只需要用选区工具做好选区,填色后加上图层样式,局部再添加一些高光即可。 最终效果
Photoshop 非常精致的红色邮件图标
1、新建一个文档200×200px,背景色:白,分辨率:72dpi。现在给按钮做辅助线,Ctrl+R显示辅助线,在尺寸区域里面按住鼠标左键,把拽辅助线 拉下来如下图:
Photoshop 非常精致的红色邮件图标
2、按快捷键:Ctrl+Alt+C,打开调整画布大小的窗口。设置如下。(画布扩大区域颜色的选则,窗口最下面的那个选项)
Photoshop 非常精致的红色邮件图标
下面是效果图:
Photoshop 非常精致的红色邮件图标
 3、制作背景:作者使用的是灰白色的渐变:#f2f2f2—#c5c5c5。
Photoshop 非常精致的红色邮件图标
4、新建一层空白图层命名为“backlight”,使用小笔刷在背景中间和顶部分别画一个小光圈。
Photoshop 非常精致的红色邮件图标
5、调整这层大 小如下图:
Photoshop 非常精致的红色邮件图标
6、新建一层重命名为“button bg”,按U,选择圆角矩形工具,羽化值:10。如下图画:
Photoshop 非常精致的红色邮件图标
 7、图层样式的设置及效果图:
Photoshop 非常精致的红色邮件图标
<投影>
Photoshop 非常精致的红色邮件图标
<渐变叠加>
Photoshop 非常精致的红色邮件图标
<描边>
Photoshop 非常精致的红色邮件图标

8、高光和阴影的制作:在按钮下面添加一层,命名为:“shadow”,使用矩形选取工具画个阴影:
Photoshop 非常精致的红色邮件图标
 9、滤镜—模糊--高斯模糊—13。
Photoshop 非常精致的红色邮件图标
10、按快捷键Ctrl+T 调整阴影大小,位置。不透明度30%。
Photoshop 非常精致的红色邮件图标
11、在按钮图层上面,新添加一层并命名“Highlight”(高光),设置图层混合模式为: 叠加。选择白色笔 刷,在按钮上部单击一下。如下图。
Photoshop 非常精致的红色邮件图标
12、效果还不是很满意,复制一层,混合模式改回 “正常”。按Ctrl+T改变大小和位置如下图:
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
13、新建图层命名为“envelope”,画“信封”图标了,选择矩形选取工具, 画出如下图矩形。
Photoshop 非常精致的红色邮件图标
 14、图层样式的设置。
Photoshop 非常精致的红色邮件图标
<投影>
Photoshop 非常精致的红色邮件图标
<外发光>
Photoshop 非常精致的红色邮件图标
<描边>
Photoshop 非常精致的红色邮件图标

15、新建一层,继续制作信封的图标。按U选择多边形工具。
Photoshop 非常精致的红色邮件图标  设置如下:
Photoshop 非常精致的红色邮件图标
16、画出一个三角形如下图。使用自由变换工具调整位置,大小。
Photoshop 非常精致的红色邮件图标
17、图层样式设置及效果图:
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
 18、复制一层,Ctrl+T自由变换,选择垂直翻转,并调节大小如下图:
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
19、记得把这复制的小三角形的图层选项:描边去掉!在大三角和小 三角形中间新建一层做一个小圆选区。我们使用笔刷画一下大三角形投影到小三角形上的阴影。
Photoshop 非常精致的红色邮件图标
20、记得使用模糊和调整图层透明度来使阴影柔和效果:
Photoshop 非常精致的红色邮件图标
21、添加文字:
Photoshop 非常精致的红色邮件图标
 22、加上图层样式:
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
Photoshop 非常精致的红色邮件图标
最终效果图:
Photoshop 非常精致的红色邮件图标

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

ホット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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Win11 でタスクバーのサムネイル プレビューを無効にする方法は? マウスを移動してタスクバー アイコンのサムネイル表示テクニックをオフにする Win11 でタスクバーのサムネイル プレビューを無効にする方法は? マウスを移動してタスクバー アイコンのサムネイル表示テクニックをオフにする Feb 29, 2024 pm 03:20 PM

この記事では、Win11システムでタスクバーアイコンをマウスで移動したときに表示されるサムネイル機能をオフにする方法を紹介します。この機能はデフォルトでオンになっており、ユーザーがタスクバー上のアプリケーション アイコンの上にマウス ポインタを置くと、アプリケーションの現在のウィンドウのサムネイルが表示されます。ただし、一部のユーザーは、この機能があまり役に立たない、またはエクスペリエンスに悪影響を与えると感じ、オフにしたい場合があります。タスクバーのサムネイルは楽しい場合もありますが、気が散ったり煩わしい場合もあります。この領域にマウスを移動する頻度を考えると、重要なウィンドウを誤って閉じてしまったことが何度かある可能性があります。もう 1 つの欠点は、より多くのシステム リソースを使用することです。そのため、リソース効率を高める方法を探している場合は、それを無効にする方法を説明します。しかし

Ubuntuのスタートメニューのアイコンを削除するにはどうすればよいですか? Ubuntuのスタートメニューのアイコンを削除するにはどうすればよいですか? Jan 13, 2024 am 10:45 AM

Ubuntuのスタートメニューにはソフトウェアのアイコンがたくさん並んでいますが、見慣れないアイコンもたくさんありますが、それらを削除したい場合はどうやって削除すればよいのでしょうか?以下の詳細なチュートリアルを見てみましょう。 1. まず、ubuntu デスクトップに入り、左側のパネルの下にある [スタート] メニューをクリックします。 2. 中にテキストエディタアイコンがありますので、削除する必要があります。 3. デスクトップに戻り、マウスを右クリックしてターミナルを開きます。 4. コマンドを使用して、アプリケーション リスト ディレクトリを開きます。 sudonautilus/usr/share/applicationssudonautilus~/.local/share/applications5. 中にある対応するテキスト エディター アイコンを見つけます。 6.そのまま直進します

すべての Windows 11 モニターにシステム トレイ アイコンを表示するにはどうすればよいですか? すべての Windows 11 モニターにシステム トレイ アイコンを表示するにはどうすればよいですか? Sep 22, 2023 pm 03:21 PM

マルチモニター設定を使用している場合、ユーザーは最新の通知を入手したり、特定のアプリケーションにアクセスしたりするために、すべてのモニターにトレイ アイコンを表示したいと考えます。これは非常に便利です。今日のガイドでは、この機能を正しく有効にする方法を説明します。 Windows 11 のすべてのモニターにトレイ アイコンを表示するにはどうすればよいですか? 1. Display Fusion ソフトウェアを使用して、DisplayFusion Web サイトにアクセスし、ソフトウェアをダウンロードします。ソフトウェアをダウンロードした後、セットアップ ファイルを実行してインストールします。ソフトウェアを起動し、必要に応じて設定します。 2 番目の画面でタスクバーを右クリックし、[マルチモニター タスクバー]、[システム トレイ]の順に選択します。最後に、アイコンの表示/非表示をチェックします。これが完了すると、Windows 11 の両方のモニターにシステムが表示されるはずです。

電話設定アイコンをデスクトップにダウンロードします。「数秒でわかる: Android スマートフォンでアプリのアイコンを変更する手順」 電話設定アイコンをデスクトップにダウンロードします。「数秒でわかる: Android スマートフォンでアプリのアイコンを変更する手順」 Feb 06, 2024 pm 04:27 PM

デスクトップを美しくするために、多くのユーザーはデスクトップのテーマを定期的に変更して新鮮さを保ちたいと考えています。ただし、テーマを変更してもサードパーティAPPのアイコンは変更されず、パーソナライズされた美化は十分に徹底されていません。同じアプリアイコンに飽きたら、アイコンを置き換えてください。理論的には、モバイル アプリのアイコンを変更したい場合は、通常、ROOT システムと、アイコンを解凍して置き換えるためのツールが必要です。しかし、大多数の携帯電話はもはや ROOT システムをサポートしていないため、ROOT システムを実現する他の方法を見つける必要があります。たとえば、一部の特定のアプリケーションでは、アイコンをカスタマイズしたり、サードパーティのランチャーを通じてアイコンをカスタマイズしたりするオプションが提供される場合があります。さらに、一部の携帯電話ブランドは、ユーザーがアイコンを選択および変更できるように、特別なテーマおよびアイコン ストアを立ち上げています。大手アプリストアでは、

T-mobile スマートフォンの 5G UC および 5G UW アイコンは何を意味しますか? T-mobile スマートフォンの 5G UC および 5G UW アイコンは何を意味しますか? Feb 24, 2024 pm 06:10 PM

T-Mobile ユーザーは、携帯電話の画面上のネットワーク アイコンが 5GUC と表示されるのに、他の通信事業者では 5GUW と表示される場合があることに気づき始めています。これはタイプミスではなく、異なるタイプの 5G ネットワークを表しています。実際、通信事業者は 5G ネットワークのカバー範囲を継続的に拡大しています。このトピックでは、T-Mobile スマートフォンに表示される 5GUC および 5GUW アイコンの意味を見ていきます。 2 つのロゴは異なる 5G テクノロジーを表しており、それぞれに独自の特徴と利点があります。これらの標識の意味を理解することで、ユーザーは接続している 5G ネットワークの種類をより深く理解し、自分のニーズに最適なネットワーク サービスを選択できるようになります。 T の 5GUCVS5GUW アイコン

Win11でケースプロンプトアイコンをオフにする方法 Win11でケースプロンプトアイコンをオフにする方法 Jun 29, 2023 pm 01:00 PM

Win11で大文字と小文字のアイコンをオフにする方法は?コンピュータの大文字と小文字を切り替えるときに、一部のユーザーのコンピュータ画面にプロンプ​​ト アイコンが表示されます。アイコンをオフにしたいユーザーもいます。実際、方法は非常に簡単です。Win11 で大文字と小文字のアイコンをオフにする方法を以下のエディターで説明します。次のチュートリアルが役立つことを願っています。 Win11 でケース プロンプト アイコンをオフにする方法 解決策は非常に簡単です。タスク マネージャーを開き、Thisutilitycontrolsspecialkeyboard プロセスを終了します。つまり、プロセス内の XXXXXUtility プロセスを閉じるだけです。Lenovo コンピューターの場合は、そのまま終了します。

ExcelアイコンをPPTスライドに挿入する方法 ExcelアイコンをPPTスライドに挿入する方法 Mar 26, 2024 pm 05:40 PM

1. PPT を開き、Excel アイコンを挿入する必要があるページに移動します。 「挿入」タブをクリックします。 2. [オブジェクト]をクリックします。 3. 次のダイアログボックスが表示されます。 4. [ファイルから作成]をクリックし、[参照]をクリックします。 5. 挿入する Excel テーブルを選択します。 6. [OK] をクリックすると、次のページが表示されます。 7. [アイコンで表示]にチェックを入れます。 8. 「OK」をクリックします。

win11の右下隅にあるアイコンをクリックしても反応しない場合はどうすればよいですか? win11の右下隅にあるアイコンをクリックしても反応しない場合はどうすればよいですか? Jun 29, 2023 pm 01:54 PM

win11の右下隅にあるアイコンをクリックしても反応しない場合はどうすればよいですか?パソコンの右下に実行中のタスクのショートカットアイコンが表示され、アイコンをクリックするだけでタスクの実行を続けることができ大変便利です。しかし、多くのユーザーは、Win11 システムの右下隅にあるタスク アイコンのショートカット キーをクリックしても反応しないことに気づきました。本日は、Win11 の右下隅にあるショートカットをクリックできない問題を解決する方法について、エディターがチュートリアルを提供しますので、必要なユーザーはすぐにご覧ください。 win11 の右下のアイコンが反応しない場合はどうすればよいですか? 1. まず、キーボードの「win」ボタンを押して、「設定」をクリックします。 2. 次に、システム設定の下の「バージョン情報」をクリックします。 3. 次に、デバイス仕様の下にある青色のフォント「システムの詳細設定」を見つけます。

See all articles