Rumah hujung hadapan web Tutorial PS ps设计打造个性水晶纽扣或徽章效果

ps设计打造个性水晶纽扣或徽章效果

Jun 01, 2016 pm 02:29 PM
lencana

这篇文章主要使用图层样式工具设计打造个性水晶纽扣或徽章效果,步骤很简单,喜欢的朋友可以一起来学习 先上效果图:

ps设计打造个性水晶纽扣或徽章效果

  1、新建文件夹,填充黑色背景,再画一个圆,我用绿色填充。

ps设计打造个性水晶纽扣或徽章效果

  2、下一步,我们要应用一些图层样式。我们分别使用投影、内阴影和内发光。此外还一个微妙的渐变叠加,这样使它看起来更有立体感,虽然网上有很多类似的素材,但还是自己动手做事最好的了。

ps设计打造个性水晶纽扣或徽章效果

  3、内阴影参数

ps设计打造个性水晶纽扣或徽章效果

  内发光参数

ps设计打造个性水晶纽扣或徽章效果

  光泽参数

ps设计打造个性水晶纽扣或徽章效果

  渐变叠加参数

ps设计打造个性水晶纽扣或徽章效果
ps设计打造个性水晶纽扣或徽章效果

  4、下一步用圆形选区工具,画一个椭圆(如图所示),创建一个新层,画一个从白到透明的径向渐变。注意要拖动渐变。当你完成后,旋转约30度的椭圆。这是我们主要的亮点。

ps设计打造个性水晶纽扣或徽章效果
ps设计打造个性水晶纽扣或徽章效果

  5、现在复制亮点层,然后按住ctrl键并单击以选中它的像素上的第二个亮点层。然后按下和向左箭头几次,然后按删除。(如图所示)

ps设计打造个性水晶纽扣或徽章效果

  6、切换回你的第一亮点层。然后重复第二个亮点和旋转左下方所示。现在,你有你的按钮样式!

ps设计打造个性水晶纽扣或徽章效果

  7、接下来这一步很重要,设置填充为0%,这样就只有光泽没有颜色了,便于下一步操作填充设置。

ps设计打造个性水晶纽扣或徽章效果
ps设计打造个性水晶纽扣或徽章效果

  8、随便选一张图片,做徽章的背景。

ps设计打造个性水晶纽扣或徽章效果

  9、按住ctrl键并点击圆圈层得到选区,然后按shift+i反选,去掉多余的

ps设计打造个性水晶纽扣或徽章效果

  10、然后你可以选择一些你自己喜欢的图片,制作一些你自己的个性徽章。

ps设计打造个性水晶纽扣或徽章效果
Kenyataan Laman Web ini
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

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

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana saya menggunakan Photoshop untuk mencipta grafik media sosial? Bagaimana saya menggunakan Photoshop untuk mencipta grafik media sosial? Mar 18, 2025 pm 01:41 PM

Butiran artikel menggunakan Photoshop untuk grafik media sosial, meliputi persediaan, alat reka bentuk, dan teknik pengoptimuman. Ia menekankan kecekapan dan kualiti dalam penciptaan grafik.

Bagaimanakah saya menyediakan imej untuk kegunaan web di Photoshop (saiz fail, resolusi, ruang warna)? Bagaimanakah saya menyediakan imej untuk kegunaan web di Photoshop (saiz fail, resolusi, ruang warna)? Mar 13, 2025 pm 07:28 PM

Artikel membincangkan penyediaan imej untuk kegunaan web di Photoshop, memberi tumpuan kepada mengoptimumkan saiz fail, resolusi, dan ruang warna. Isu utama adalah mengimbangi kualiti imej dengan masa pemuatan cepat.

Bagaimana saya menentukur monitor saya untuk warna yang tepat di Photoshop? Bagaimana saya menentukur monitor saya untuk warna yang tepat di Photoshop? Mar 13, 2025 pm 07:31 PM

Artikel membincangkan pemantauan menentukur untuk warna yang tepat dalam Photoshop, alat untuk penentukuran, kesan penentukuran yang tidak wajar, dan kekerapan semula. Isu utama adalah memastikan ketepatan warna.

Bagaimanakah saya menggunakan alat pemindahan kandungan dan kandungan yang menyedari kandungan Photoshop dengan berkesan? Bagaimanakah saya menggunakan alat pemindahan kandungan dan kandungan yang menyedari kandungan Photoshop dengan berkesan? Mar 13, 2025 pm 07:35 PM

Artikel membincangkan menggunakan alat pengisian kandungan dan memindahkan kandungan Photoshop dengan berkesan, menawarkan petua untuk memilih kawasan sumber, mengelakkan kesilapan, dan menyesuaikan tetapan untuk hasil yang optimum.

Bagaimana saya menggunakan keupayaan penyuntingan video Photoshop? Bagaimana saya menggunakan keupayaan penyuntingan video Photoshop? Mar 18, 2025 pm 01:37 PM

Artikel ini menerangkan cara menggunakan Photoshop untuk penyuntingan video, memperincikan langkah -langkah untuk mengimport, mengedit, dan mengeksport video, dan menonjolkan ciri -ciri utama seperti panel garis masa, lapisan video, dan kesan.

Bagaimana saya membuat gif animasi di photoshop? Bagaimana saya membuat gif animasi di photoshop? Mar 18, 2025 pm 01:38 PM

Artikel membincangkan membuat dan mengoptimumkan GIF animasi di Photoshop, termasuk menambah bingkai kepada GIF yang sedia ada. Fokus utama adalah untuk mengimbangi kualiti dan saiz fail.

Bagaimanakah saya menyediakan imej untuk web menggunakan Photoshop (mengoptimumkan saiz fail, resolusi)? Bagaimanakah saya menyediakan imej untuk web menggunakan Photoshop (mengoptimumkan saiz fail, resolusi)? Mar 18, 2025 pm 01:35 PM

Artikel membincangkan mengoptimumkan imej untuk web menggunakan Photoshop, memberi tumpuan kepada saiz fail dan resolusi. Isu utama adalah mengimbangi kualiti dan masa beban.

Bagaimanakah saya menyediakan imej untuk cetak menggunakan Photoshop (resolusi, profil warna)? Bagaimanakah saya menyediakan imej untuk cetak menggunakan Photoshop (resolusi, profil warna)? Mar 18, 2025 pm 01:36 PM

Artikel ini membimbing untuk menyediakan imej untuk dicetak di Photoshop, memberi tumpuan kepada resolusi, profil warna, dan ketajaman. Ia berpendapat bahawa profil 300 ppi dan CMYK adalah penting untuk cetakan yang berkualiti.

See all articles