cari
Rumahhujung hadapan webTutorial PSPhotoshop设计制作夜蓝转圈进度条教程

Photoshop设计制作夜蓝转圈进度条教程

Jun 01, 2016 pm 02:32 PM
birubar kemajuan

本PS教程将简单介绍如何用Photoshop打造进度条。本PS教程属于初级教程,适合初学者学习。 最终效果图

Photoshop设计制作夜蓝转圈进度条教程

  教程图0
  1、选择“文件/新建”菜单,打开“新建”,宽度:为685像素,高度:为443像素,“分辨率”为72 , “模式”为RGB颜色的文档,如图1所示。

Photoshop设计制作夜蓝转圈进度条教程

  图1
  2、创建新图层按钮,新建一个图层,接着在工作区填充,设置前景为灰色,设置RGB值分别为:55/56/58,接着按键盘快捷键Alt+Delete填充,并按键盘Ctrl+D取消,如图2所示。

Photoshop设计制作夜蓝转圈进度条教程

  图2
  3、执行菜单:“滤镜”/“渲染”/“杂色”/“添加杂色”,设置数量1%,分布勾选平均分布,勾选单色,如图3所示。效果如图4。

Photoshop设计制作夜蓝转圈进度条教程

  图3

Photoshop设计制作夜蓝转圈进度条教程

  图4
  4、在图层控制面板击新建图层按钮,新建图层1,在工具箱中选择椭圆工具 ,在工作区中拖出一个椭圆选区,设置前景色为黑色,并按快捷键Alt+Delete填充图层1,然后Ctrl+D取消选择状态,并调整成圆,如图5所示。

Photoshop设计制作夜蓝转圈进度条教程

  图5
  5、双单击图层1进入到图层样式,分别勾选投影、内阴影选项。如图6所示。

Photoshop设计制作夜蓝转圈进度条教程

  图6
  6、勾选投影,设置阴影混合模式:柔光,点击色标处,阴影颜色设置为白色,不透明度:15%,角度:90,距离:1像素,扩展:0%,大小:0像素,然后点击确定按钮,如图7所示。

Photoshop设计制作夜蓝转圈进度条教程

  图7
  7、勾选内阴影,设置阴影混合模式:正片叠底,点击色标处,阴影颜色设置为黑色,不透明度:25%,角度:90,距离:1像素,扩展:0%,大小:5像素,然后点击确定按钮,如图8所示。

Photoshop设计制作夜蓝转圈进度条教程

  图8
  8、在图层控制面板中,选择图层1,复制1一个图层1副本,改名为图层2,并双单击图层2进入到图层样式,分别勾选内阴影、外发光、斜面和浮雕、渐变叠加选项。如图9所示。

Photoshop设计制作夜蓝转圈进度条教程

  图9
  9、勾选内阴影,设置阴影混合模式:柔光,点击色标处,阴影颜色设置为白色,不透明度:30%,角度:90,距离:1像素,扩展:0%,大小:0像素,然后点击确定按钮,如图9所示。

Photoshop设计制作夜蓝转圈进度条教程

  图10
  10、勾选外发光选项,设置投影混合模式:正常,不透明度:30%,点击点按可编辑渐变,设置前景到透明,颜色为蓝色到白色,方法为柔和,扩展为0%,大小为:5像素,范围为50%,如图11所示。

Photoshop设计制作夜蓝转圈进度条教程

  图11
  11、勾选斜面和浮雕复选项,样式:内斜面,方法:平滑,深度:100%,方向:上,大小:10像素,软化:0像素,阴影:角度:90,高度:20度,高光模式为:滤色,颜色为:白色,不透明度为:17%,阴影模式为:正片叠加,颜色为:黑色,不透明度为:0%,其他设置值参考图12,如图12所示。

Photoshop设计制作夜蓝转圈进度条教程

  图12
  12、勾选渐变叠加选项,弹出渐变叠加对话框,混合模式:叠加,不透明度:22%,渐变颜色为黑色到白色,样式:线性,勾选与图层对齐,角度为90度,缩放为150%,如图13所示。

Photoshop设计制作夜蓝转圈进度条教程

  图13
  13、在工具箱中选择横排文字工具 ,在画面中用鼠标单击后,在光标后输入“75%”,在工具选项栏中设置字体为“Tahoma”,设置字体大小为“18点”,设置消除锯齿为“犀利”,设置字体颜色为白色,如图14所示。经过调整后的效果图,如图15。

Photoshop设计制作夜蓝转圈进度条教程

  图14

Photoshop设计制作夜蓝转圈进度条教程

  图15

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Photoshop untuk Jurugambar: Meningkatkan dan Retouching ImagesPhotoshop untuk Jurugambar: Meningkatkan dan Retouching ImagesApr 25, 2025 am 12:01 AM

Meningkatkan dan menyentuh foto di Photoshop boleh dicapai dengan menyesuaikan kecerahan dan kontras, menggunakan alat berus pembaikan. 1) Laraskan kecerahan dan kontras: Meningkatkan kecerahan dan kontras untuk meningkatkan foto yang kurang jelas melalui imej-> Pelarasan-> Menu Kecerahan/Kontras. 2) Gunakan Alat Berus Pembaikan: Pilih HealingBrushTool dalam bar alat dan memohon untuk mengeluarkan pelbagai mata atau parut dalam imej.

Mengakses Photoshop: Kaedah dan KetersediaanMengakses Photoshop: Kaedah dan KetersediaanApr 24, 2025 am 12:07 AM

Photoshop boleh didapati dengan membeli lesen tetap atau melanggan CreativeCloud. 1. Beli lesen tetap untuk kegunaan jangka panjang, tiada pembayaran bulanan, tetapi tiada kemas kini terkini tersedia. 2. Langgan CreativeCloud untuk mengakses versi terkini dan perisian Adobe yang lain, dan anda perlu membayar yuran bulanan atau tahunan. Pilihan harus berdasarkan kekerapan penggunaan dan keperluan.

Apa yang paling baik Photoshop: Tugas dan Projek BiasaApa yang paling baik Photoshop: Tugas dan Projek BiasaApr 23, 2025 am 12:06 AM

Photoshop khusus dalam pengeditan imej, lapisan dan pelekat, lukisan digital dan pelbagai aplikasi reka bentuk. 1) Pengeditan dan pembaikan imej: Keluarkan kecacatan dan laraskan warna dan kecerahan. 2) Lapisan dan topeng: Penyuntingan dan penciptaan yang tidak merosakkan. 3) Lukisan dan ilustrasi digital: Buat karya seni. 4) Aplikasi Praktikal: Reka Bentuk Grafik, Reka Bentuk Web dan Penciptaan Seni Digital.

Menggunakan Photoshop: Kemungkinan kreatif dan kegunaan praktikalMenggunakan Photoshop: Kemungkinan kreatif dan kegunaan praktikalApr 22, 2025 am 12:09 AM

Photoshop sangat praktikal dan kreatif dalam aplikasi praktikal. 1) Ia menyediakan penyuntingan asas, pembaikan dan fungsi sintesis, sesuai untuk pemula dan profesional. 2) Ciri -ciri canggih seperti pengiktirafan kandungan pengisian dan gaya lapisan dapat meningkatkan kesan imej. 3) Menguasai kekunci pintasan dan mengoptimumkan struktur lapisan dapat meningkatkan kecekapan kerja.

Photoshop: Teknik Lanjutan dan AlatPhotoshop: Teknik Lanjutan dan AlatApr 21, 2025 am 12:08 AM

Ciri -ciri lanjutan Adobe Photoshop termasuk alat pemilihan lanjutan, mod pengadunan lapisan, dan tindakan dan skrip. 1) Alat pemilihan lanjutan seperti alat pemilihan cepat dan alat pemilihan pelbagai warna boleh memilih kawasan imej dengan tepat. 2) Mod pengadunan lapisan seperti mod "bertindih" boleh membuat kesan visual yang unik. 3) Tindakan dan skrip boleh mengautomasikan pengulangan tugas dan meningkatkan kecekapan kerja.

Ciri Utama Photoshop: Retouching dan PeningkatanCiri Utama Photoshop: Retouching dan PeningkatanApr 20, 2025 am 12:07 AM

Fungsi kuat Photoshop dalam penyuntingan dan peningkatan foto termasuk: 1. Gunakan "Alat Berus Pembaikan" untuk menghilangkan jerawat, 2. Gunakan "alat pencairan" untuk muka yang tipis, 3. Gunakan teknologi "pemisahan frekuensi" untuk mengulangi imej dengan tepat. Fungsi ini dilaksanakan melalui algoritma dan teknologi pemprosesan imej untuk mengoptimumkan kesan pemprosesan imej.

Ciri Utama Photoshop: menyelam yang mendalamCiri Utama Photoshop: menyelam yang mendalamApr 19, 2025 am 12:08 AM

Ciri -ciri utama Photoshop termasuk lapisan dan topeng, alat pelarasan, penapis dan kesan. 1. Lapisan dan topeng membenarkan penyuntingan bebas bahagian imej. 2. Laraskan alat seperti kecerahan/kontras boleh mengubah suai nada imej dan kecerahan. 3. Penapis dan kesan dapat dengan cepat menambah kesan visual. Menguasai ciri -ciri ini dapat membantu para profesional kreatif mencapai visi kreatif mereka.

Photoshop dan Seni Digital: Lukisan, Ilustrasi, dan KomposisiPhotoshop dan Seni Digital: Lukisan, Ilustrasi, dan KomposisiApr 18, 2025 am 12:01 AM

Aplikasi Photoshop dalam seni digital termasuk lukisan, ilustrasi dan sintesis imej. 1) Lukisan: Menggunakan berus, pensil dan alat pencampuran, artis boleh membuat kesan yang realistik. 2) Ilustrasi: Dengan alat vektor dan bentuk, artis boleh menarik grafik yang kompleks dan menambah kesan. 3) Sintesis: Menggunakan mod topeng dan lapisan penggabungan, artis boleh menggabungkan elemen imej yang berbeza.

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

EditPlus versi Cina retak

EditPlus versi Cina retak

Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

MantisBT

MantisBT

Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual