Rumah hujung hadapan web Tutorial PS UI设计师的photoshop配置技巧图文介绍教程

UI设计师的photoshop配置技巧图文介绍教程

Jun 01, 2016 pm 02:29 PM
pereka ui Petua konfigurasi

  Photoshop新建文档设置

  操作:菜单 → 文件 → 新建

  宽度:640像素

  高度:1136像素(4英寸iPhone设备)

  分辨率:72像素/英寸(ppi)

  颜色模式:RGB颜色

  背景内容:白色(可选)

  颜色配置文件:不要色彩管理此文件(更多颜色设置后)

  像素长宽比:方形像素

  配置如下图:

UI设计师的photoshop配置技巧图文介绍教程

  对齐设置

  这个处就是当你使用图层、形状等操作时自动对齐网格,画矢量图不怕模糊边缘,确保每个像素保持清晰。

  设置:

  菜单 → 视图 → 对齐

  菜单 → 视图 → 对齐到 → 全部

UI设计师的photoshop配置技巧图文介绍教程

  首选项设置

  操作:菜单 → 编辑 → 首选项 → 常规,建议按下图设置

  启用轻击平移

  仅仅是一个滑移效果,占内存又不能提高操作效率,建议关掉。

  根据HUD垂直移动来改变圆形画笔硬度

  功能挺好用的,按Alt+右键左右/上下移动可以分别改变画笔的大小和硬度。

  将矢量工具与变换与像素网格对齐

  强烈建议开启这个功能,这个让你不会产生半像素虚边,十分好用。但在需要微调整时可暂时关闭它。

UI设计师的photoshop配置技巧图文介绍教程

  文本设置

  字体我一般把字体设置为犀利,如果你是Photoshop CC版本,它有一个Windows LCD/Mac LCD抗锯齿功能,文字可以为网页一样效果了,所以建议升级到Photoshop CC吧。

  操作:首先选定文本 → 字符工具(AA)选择Windows LCD/Mac LCD

UI设计师的photoshop配置技巧图文介绍教程

  全局光

  继苹果iOS人机界面指南,你应该把灯光设置为90°。

  操作:图层 → 图层样式 → 全局光 → 90°

UI设计师的photoshop配置技巧图文介绍教程

  网格设置

  现在设计iOS界面都要兼容视网膜(Retina),所以我把每个网格设置为2像素,这样我就不怕图像在视网膜设备下变得模糊了。

  操作:菜单 → 编辑 → 首选项 → 参考线、网格和切片,网格线间隔:4像素;子网格2。或者网格线间隔:2像素;子网格1。我喜欢前者^_^

UI设计师的photoshop配置技巧图文介绍教程

  导出设置

  不管我们是做网页不审设计iOS APP应用程序时,导出图像最好是使用”存储为Web所用格式”来导出。

  这里通过”存储为Web格式…”导出PNG-24为例,其中默认设置比较重要,如下图:

  操作:菜单 → 文件 → 存储为Web格式所用格式

  预设:PNG-24

  透明:勾选

  交错:未勾选

  嵌入颜色配置文件:未勾选 (Photoshop CC版本才有)

  转换为 sRGB:未勾选

  质量:两次立方

UI设计师的photoshop配置技巧图文介绍教程

  Retina显示器设置

  如果你是使用带Retina视网膜的MacBook Pro,你应该确保你是使用2800×1800像素(1440×900点)

  操作:Apple菜单 → 系统偏好设置 → 显示 → 最适合显示器

UI设计师的photoshop配置技巧图文介绍教程

  颜色配置

  颜色配置是极为复杂的一个操作,如果你不是这领域的大神,那么还是老老实实的用推荐的配置吧,这里我选择了Marc Edwards(http://bjango.com/articles/photoshop)的颜色配置选项。

UI设计师的photoshop配置技巧图文介绍教程

  总结

  本指南针是针对UI设计的Phtoshop基本设置介绍,除了以上这些,大多数设计师都会有自己使用的自定义设置,所以如果你有一些技巧设置,欢迎在下方留言处分享给我们。


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

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

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.

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!

Artikel Panas

Panduan pemula ' s ke Rimworld: Odyssey
1 bulan yang lalu By Jack chen
Skop pembolehubah PHP dijelaskan
4 minggu yang lalu By 百草
Petua untuk menulis komen php
3 minggu yang lalu By 百草
Mengulas kod dalam php
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)

Topik panas

Tutorial PHP
1509
276
Apakah perbezaan utama antara topeng lapisan dan topeng vektor, dan kapan masing -masing harus digunakan? Apakah perbezaan utama antara topeng lapisan dan topeng vektor, dan kapan masing -masing harus digunakan? Jul 16, 2025 am 12:03 AM

Layermasks dan vectormasks digunakan dalam Photoshop dengan kegunaan yang sama tetapi prinsip yang berbeza. Layermasks didasarkan pada piksel dan menggunakan nilai skala kelabu untuk mengawal paparan dan menyembunyikan kawasan lapisan. Ia sesuai untuk penyuntingan terperinci foto, kesan peralihan lembut dan pelarasan berus halus, tetapi zoom boleh membawa kepada jagging; Vectormasks didasarkan pada laluan vektor dan bentuk, dan mempunyai resolusi resolusi yang tidak relevan. Ia sesuai untuk grafik yang memerlukan tepi yang jelas seperti logo, ikon atau bingkai teks, dan boleh berskala tanpa kehilangan; Pemilihan ini berdasarkan jenis kandungan (foto atau grafik), sama ada saiznya perlu diselaraskan dengan sangat, dan kesan kelebihan yang diperlukan (lembut atau tajam), dan kadang -kadang penggunaan gabungan dapat memberikan permainan penuh kepada kelebihan masing -masing.

Bagaimanakah bentuk vektor boleh dibuat dan dimanipulasi di Photoshop? Bagaimanakah bentuk vektor boleh dibuat dan dimanipulasi di Photoshop? Jul 14, 2025 am 12:01 AM

TOCREATEANDMANIPULATEVECTORSHAPESINPHOTOSHOP, USETHESHAPETOOLSTODRAWVECORPORPASONSHAPELAYERS, editanchorpointSwithThedirectSelectionTool, CombineorsubtractShapesusingPatherations, andRasterizeWhennessary

Apa itu papan arto di photoshop Apa itu papan arto di photoshop Jul 14, 2025 am 12:04 AM

AnartboardInphotoshopisamovable, resizableContainerTaTactSasanIndividualCanvaswithinasingledocument.itallowsdesignerstocreatemultipleLayoutSordesignVariationsSideByside, EachwithitsownSizeAndContent.ArtbeblayoStoStoStoStoRoSoRoSoRoSoRoSoRoSareSoSherSoRoSoSoSoSherSoSoSoSoShing.ArtBeblayealSoSoSoSoSoSoSide, BANYATORSORSIRSORSORSORSIRSORSORSORSORSORSIRSORSIRSIRSIRSIRSISSIRIATIONSSISIDSIDSISISID

Apakah tujuan panduan, grid, dan penguasa dalam mencapai susun atur yang tepat? Apakah tujuan panduan, grid, dan penguasa dalam mencapai susun atur yang tepat? Jul 15, 2025 am 12:38 AM

Raja -raja menyediakan rujukan kedudukan, panduan melaksanakan penjajaran elemen, dan grid membina susun atur sistematik. 1. Penguasa memaparkan koordinat kedudukan, dan boleh menyeret garisan rujukan untuk memeriksa penyimpangan elemen dan spesifikasi jarak hakim; 2. Panduan adalah garis maya yang diseret dari penguasa, menyelaraskan unsur -unsur dan membahagikan kawasan, dan mengunci dan tetapan warna; 3. Grid terdiri daripada baris dan lajur untuk mengawal irama susun atur keseluruhan, dan menyesuaikan diri dengan reka bentuk responsif, yang biasa, seperti grid laman web 12-kolumn dan grid mudah alih 8px. Gabungan tiga meningkatkan kecekapan susun atur dan profesionalisme.

Bagaimanakah 'isi generatif' Photoshop (ciri AI baru) mengubah pendekatan penyuntingan dan penciptaan imej? Bagaimanakah 'isi generatif' Photoshop (ciri AI baru) mengubah pendekatan penyuntingan dan penciptaan imej? Jul 24, 2025 am 01:41 AM

Fungsi "Umum" Photoshop telah merevolusikan pengeditan dan penciptaan imej melalui Adobe Firefly dan AI Technologies, yang bukan sahaja meningkatkan kelajuan tetapi juga meningkatkan fleksibiliti kreatif. 1. Penggantian latar belakang diubah dari pengklonan manual yang memakan masa ke prompt input untuk menghasilkan cahaya latar belakang semulajadi, perspektif dan gaya; 2. Dalam reka bentuk konsep, pengguna dapat dengan cepat menjana unsur -unsur seperti rak atau tumbuh -tumbuhan untuk membina adegan dan dengan ketara memendekkan masa konsep awal; 3. Dari segi pengubahsuaian imej, hanya petikan yang tepat boleh digunakan untuk mencapai operasi yang kompleks seperti mengeluarkan objek dan tekstur yang berterusan, tetapi kualiti hasilnya bergantung kepada ketepatan arahan; 4. Fokus kemahiran telah beralih dari alat tradisional untuk menulis kata yang berkesan untuk menjadikan kerjasama AI sebagai kemahiran teras baru. Ciri ini bukan pengganti alat asal tetapi berkesan

Bagaimanakah imej HDR (julat dinamik tinggi) dibuat dan tona dipetakan di Photoshop? Bagaimanakah imej HDR (julat dinamik tinggi) dibuat dan tona dipetakan di Photoshop? Jul 15, 2025 am 01:13 AM

Tocreatehdrimagesinphotoshop, firstcaptrracketedexposures (3-5shotsatdifferentlevels) onatripodinrawformatwithconsistentiso.next, gunakan "mergetohdrpro" di bawahnya>

Cara memperbaiki nada kulit di photoshop Cara memperbaiki nada kulit di photoshop Jul 27, 2025 am 02:08 AM

Melaraskan nada kulit memerlukan empat langkah di Photoshop: Pertama, gunakan lapisan pelarasan "Hue/Saturation" untuk menyesuaikan nada badan, pilih "pewarna" dan sedikit menyesuaikan warna dan ketepuan dan bekerjasama dengan pemprosesan topeng tempatan; kedua, laraskan tahap cahaya dan gelap melalui "lengkung", mencerahkan midtones, menggelapkan bayang -bayang dan melembutkan sorotan; Kemudian gunakan "warna pilihan" untuk membetulkan warna yang halus di saluran merah, kuning dan magenta; Akhirnya, menggabungkan "alat pembaikan", "setem tiruan" dan "Gaussian Blur" untuk pengubahsuaian tempatan dan kesan melembutkan. Seluruh proses harus secara beransur -ansur dan teliti diperhatikan untuk memastikan realiti semula jadi.

Apakah tujuan panel sejarah dan alat berus sejarah? Apakah tujuan panel sejarah dan alat berus sejarah? Jul 18, 2025 am 12:40 AM

Panel Sejarah Photoshop dan Alat HistoryBrush meningkatkan kawalan pengeditan imej dengan merakam langkah penyuntingan dan membolehkan pemulihan selektif. Panel sejarah menyimpan sehingga 20 negara operasi dalam bentuk garis masa (disesuaikan), menyokong melompat ke mana -mana nod bersejarah untuk memulihkan keseluruhan fail, tetapi rekod akan dibersihkan selepas menutup fail; HistoryBrush boleh memulihkan keadaan bersejarah yang ditentukan di kawasan tertentu, dan menggabungkan tetapan berus untuk mencapai pembetulan tempatan, seperti mengekalkan warna wajah watak dalam kesan desaturasi. Beri perhatian apabila menggunakannya: Sapukan seawal mungkin, buat tahap kritikal Backups, tingkatkan fleksibiliti dengan topeng lapisan, dan perhatikan isu -isu penggunaan memori. Walaupun mereka sesuai untuk penyesuaian cepat dan penyuntingan eksperimen, mereka tidak dapat diganti

See all articles