Rumah hujung hadapan web Tutorial PS Photoshop设计打造简洁大气的写作图标

Photoshop设计打造简洁大气的写作图标

Jun 01, 2016 pm 02:30 PM
ikon

然是一个简单的图标,制作起来还是要非常细心的。尤其是层次感及投影部分,需要控制好阴影的透明度,做出过渡自然的效果 虽然是一个简单的图标,制作起来还是要非常细心的。尤其是层次感及投影部分,需要控制好阴影的透明度,做出过渡自然的效果。
最终效果

Photoshop设计打造简洁大气的写作图标


1、Cttrl + N 创建画布,大小为1024px * 1024px , 填充背景色为#fcf2da。然后 → 编辑 → 首选项 → 参考线、网格和切片,设置如下。

Photoshop设计打造简洁大气的写作图标

2、先创建一个圆角矩形,大小为512px*512px,半径120px,记住左上角是形状哦。 搞定后填充颜色#c47420,命名“icon base”。

Photoshop设计打造简洁大气的写作图标
 
3、添加内阴影,参数如下。

Photoshop设计打造简洁大气的写作图标

4、为它做一个长投影效果,创建一个矩形,填充黑色,大小可以自己调整,我是宽718.22px和高732.74px,Ctrl + T 变换角度。 添加图层样式—— 渐变叠加,参数如图,顺便把不透明度调整为30%,填充0%。


Photoshop设计打造简洁大气的写作图标

5、好了,现在的效果是这样的。

Photoshop设计打造简洁大气的写作图标


6、同样创建圆角矩形,参数如下。

Photoshop设计打造简洁大气的写作图标
 
7、然后复制一层,快捷键“A”来到选择工具,减少16px,调整高度为432px。完成后继续复制一层,依上高度改为416px,填充颜色改为 # f3f3f3,完成后如图。

Photoshop设计打造简洁大气的写作图标

8、笔记本雏形完成了,现在给它划线,用直线工具,粗细的像素调整为2,填充黑色。完成后调整图层不透明度为20%,笔记本就成型咯。

Photoshop设计打造简洁大气的写作图标

9、创建矩形,大小为192 x 96px,颜色改成 #00da67或者任何你喜欢的颜色。继续创建两个矩形,高度改为32px,填充黑色,调整不透明度为25%和10%,整齐列到笔身上,如图。

Photoshop设计打造简洁大气的写作图标

10、现在来创建笔头,你可以用多边形工具,双击画布后,参数设置如下。

Photoshop设计打造简洁大气的写作图标


11、颜色填充为#e39a4d,然后对齐笔身。

Photoshop设计打造简洁大气的写作图标
 
12、现在创建笔尖,如法炮制一个三角形,大小为32x32px,颜色填充为#474f57,移动到笔头处对齐,创建为剪切蒙版,如图。

Photoshop设计打造简洁大气的写作图标

Photoshop设计打造简洁大气的写作图标

13、创建一个圆角矩形,宽高是64x96px,半径是20px,颜色填充# f78879,命名为“Rubber”。然后创建一个矩形,大小32x96px,填充颜色# d5d5d5,如图。

Photoshop设计打造简洁大气的写作图标

14、为它添加点光,创建一个圆角矩形,大小是10* 40px ,填充白色,不透明度改成30%。

Photoshop设计打造简洁大气的写作图标

好了,现在是给它添加长投影的时间了,创建矩形,大小352x160px,其他的按照前边的长投影一样变换角度,添加渐变就大功告成了。

Photoshop设计打造简洁大气的写作图标

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 untuk melumpuhkan pratonton lakaran kecil bar tugas dalam Win11 Matikan teknik lakaran kecil paparan ikon bar tugas dengan menggerakkan tetikus Bagaimana untuk melumpuhkan pratonton lakaran kecil bar tugas dalam Win11 Matikan teknik lakaran kecil paparan ikon bar tugas dengan menggerakkan tetikus Feb 29, 2024 pm 03:20 PM

Artikel ini akan memperkenalkan cara untuk mematikan fungsi lakaran kenit yang dipaparkan apabila tetikus menggerakkan ikon bar tugas dalam sistem Win11. Ciri ini dihidupkan secara lalai dan memaparkan lakaran kecil tetingkap semasa aplikasi apabila pengguna menuding tetikus pada ikon aplikasi pada bar tugas. Walau bagaimanapun, sesetengah pengguna mungkin mendapati ciri ini kurang berguna atau mengganggu pengalaman mereka dan ingin mematikannya. Lakaran kecil bar tugas boleh menjadi menyeronokkan, tetapi ia juga boleh mengganggu atau menjengkelkan. Memandangkan kekerapan anda menuding di atas kawasan ini, anda mungkin telah menutup tetingkap penting secara tidak sengaja beberapa kali. Kelemahan lain ialah ia menggunakan lebih banyak sumber sistem, jadi jika anda telah mencari cara untuk menjadi lebih cekap sumber, kami akan menunjukkan kepada anda cara untuk melumpuhkannya. tetapi

Muat turun ikon tetapan telefon ke desktop 'Ketahui dalam beberapa saat: Langkah untuk menukar ikon untuk apl pada telefon Android' Muat turun ikon tetapan telefon ke desktop 'Ketahui dalam beberapa saat: Langkah untuk menukar ikon untuk apl pada telefon Android' Feb 06, 2024 pm 04:27 PM

Untuk mencantikkan desktop mereka, ramai pengguna suka menukar tema desktop mereka dengan kerap untuk memastikan mereka sentiasa segar. Walau bagaimanapun, menukar tema tidak akan mengubah ikon APP pihak ketiga dan pengindahan diperibadikan tidak cukup teliti. Jika anda bosan dengan ikon apl yang sama, gantikannya. Secara teorinya, jika anda ingin menukar ikon untuk aplikasi mudah alih, anda biasanya memerlukan sistem ROOT dan beberapa alat untuk membongkar dan menggantikan ikon. Tetapi memandangkan sebahagian besar telefon bimbit tidak lagi menyokong sistem ROOT, kita perlu mencari kaedah lain untuk mencapainya. Contohnya, beberapa aplikasi tertentu mungkin menawarkan pilihan untuk menyesuaikan ikon atau memperibadikan ikon melalui pelancar pihak ketiga. Selain itu, beberapa jenama telefon bimbit juga telah melancarkan kedai tema dan ikon khas untuk pengguna memilih dan menukar ikon. Di kedai aplikasi utama,

Apakah yang dimaksudkan dengan ikon UC 5G dan 5G UW pada telefon pintar mudah alih T anda? Apakah yang dimaksudkan dengan ikon UC 5G dan 5G UW pada telefon pintar mudah alih T anda? Feb 24, 2024 pm 06:10 PM

Pengguna T-Mobile telah mula menyedari bahawa ikon rangkaian pada skrin telefon mereka kadangkala membaca 5GUC, manakala pembawa lain membaca 5GUW. Ini bukan kesilapan menaip, tetapi mewakili jenis rangkaian 5G yang berbeza. Malah, pengendali sentiasa mengembangkan liputan rangkaian 5G mereka. Dalam topik ini, kita akan melihat maksud ikon 5GUC dan 5GUW yang dipaparkan pada telefon pintar T-Mobile. Kedua-dua logo mewakili teknologi 5G yang berbeza, masing-masing mempunyai ciri dan kelebihan tersendiri. Dengan memahami maksud tanda ini, pengguna boleh memahami dengan lebih baik jenis rangkaian 5G yang mereka sambungkan supaya mereka boleh memilih perkhidmatan rangkaian yang paling sesuai dengan keperluan mereka. Ikon 5GUCVS5GUW dalam T

Bagaimana untuk mengalih keluar ikon dalam menu mula Ubuntu? Bagaimana untuk mengalih keluar ikon dalam menu mula Ubuntu? Jan 13, 2024 am 10:45 AM

Terdapat banyak ikon perisian yang disenaraikan dalam menu mula sistem Ubuntu Terdapat banyak ikon yang tidak biasa Jika anda ingin memadamkannya, bagaimanakah anda harus memadamkannya. Mari kita lihat tutorial terperinci di bawah. 1. Mula-mula masukkan desktop ubuntu dan klik pada menu mula di bawah panel kiri. 2. Anda boleh mencari ikon editor teks di dalam, kami perlu memadamkannya. 3. Sekarang kita kembali ke desktop dan klik kanan tetikus untuk membuka terminal. 4. Gunakan arahan untuk membuka direktori senarai aplikasi. sudonautilus/usr/share/applicationssudonautilus~/.local/share/applications5 Cari ikon editor teks yang sepadan di dalam. 6. Kemudian pergi terus

Bagaimanakah saya boleh mendapatkan ikon dulang sistem muncul pada semua monitor Windows 11 saya? Bagaimanakah saya boleh mendapatkan ikon dulang sistem muncul pada semua monitor Windows 11 saya? Sep 22, 2023 pm 03:21 PM

Apabila menggunakan persediaan berbilang monitor, pengguna ingin memaparkan ikon dulang pada semua monitor untuk mengikuti pemberitahuan terkini atau mengakses aplikasi tertentu. Ini boleh menjadi sangat berguna, dan dalam panduan hari ini kami akan menunjukkan kepada anda cara mendayakan ciri ini dengan betul. Bagaimana untuk menunjukkan ikon dulang pada semua monitor dalam Windows 11? 1. Gunakan perisian gabungan paparan untuk melawati tapak web DisplayFusion dan memuat turun perisian. Selepas memuat turun perisian, jalankan fail persediaan dan pasangkannya. Mulakan perisian dan konfigurasikannya mengikut keperluan. Pada skrin kedua, klik kanan bar tugas, pilih Bar Tugas Berbilang monitor, dan kemudian pilih Dulang Sistem. Akhir sekali, semak Tunjukkan/Sembunyikan Ikon Setelah ini selesai, anda harus mendapatkan sistem anda pada kedua-dua monitor pada Windows 11

Bagaimana untuk mematikan ikon gesaan kes dalam Win11 Bagaimana untuk mematikan ikon gesaan kes dalam Win11 Jun 29, 2023 pm 01:00 PM

Bagaimana untuk mematikan ikon huruf besar dan huruf kecil dalam Win11? Apabila komputer kita bertukar antara huruf besar dan kecil, ikon gesaan akan muncul pada skrin komputer sesetengah pengguna Sesetengah pengguna ingin mematikan ikon, jadi bagaimana mereka harus melakukannya? Sebenarnya, kaedahnya sangat mudah. ​​Editor di bawah akan menunjukkan cara mematikan ikon huruf besar dan huruf kecil dalam Win11. Saya harap tutorial berikut akan membantu anda. Bagaimana untuk mematikan ikon gesaan kes dalam Win11 Penyelesaiannya sangat mudah, iaitu, buka Pengurus Tugas dan tamatkan proses Thisutilitycontrolsspecialkeyboard. Pendek kata, tutup sahaja proses XXXXXUtility dalam proses Jika ia adalah komputer Lenovo, cuma

Bagaimana untuk memasukkan ikon excel ke dalam slaid PPT Bagaimana untuk memasukkan ikon excel ke dalam slaid PPT Mar 26, 2024 pm 05:40 PM

1. Buka PPT dan putar halaman ke halaman di mana anda perlu memasukkan ikon excel. Klik tab Sisipkan. 2. Klik [Objek]. 3. Kotak dialog berikut akan muncul. 4. Klik [Buat daripada fail] dan klik [Semak imbas]. 5. Pilih jadual excel yang hendak disisipkan. 6. Klik OK dan halaman berikut akan muncul. 7. Tandakan [Show as icon]. 8. Klik OK.

Apakah yang perlu saya lakukan jika ikon di sudut kanan bawah win11 tidak bertindak balas apabila saya mengkliknya? Apakah yang perlu saya lakukan jika ikon di sudut kanan bawah win11 tidak bertindak balas apabila saya mengkliknya? Jun 29, 2023 pm 01:54 PM

Apakah yang perlu saya lakukan jika ikon di sudut kanan bawah win11 tidak bertindak balas apabila saya mengkliknya? Ikon pintasan untuk tugas yang sedang dijalankan boleh dipaparkan di sudut kanan bawah komputer Hanya klik pada ikon untuk terus menjalankan tugas, yang sangat mudah. Walau bagaimanapun, ramai pengguna mendapati bahawa kekunci pintasan ikon tugas di sudut kanan bawah sistem win11 tidak bertindak balas selepas mengkliknya. Hari ini, editor akan memberi anda tutorial tentang cara menyelesaikan masalah mengklik pintasan di sudut kanan bawah win11. Pengguna yang memerlukan perlu segera melihat. Apakah yang perlu saya lakukan jika ikon di sudut kanan bawah win11 tidak bertindak balas 1. Pertama, kita tekan butang "menang" pada papan kekunci, dan kemudian klik "Tetapan" di sana? 2. Kemudian klik "Perihal" di bawah tetapan sistem. 3. Kemudian cari "Tetapan sistem lanjutan" dalam fon biru di bawah spesifikasi peranti.

See all articles