關(guān)于手機photoshop怎么改像素的信息

021yin.com

對象顏色

設置形狀圖層和文本時(shí)，最好用對象本身的設置來(lái)改變顏色，而不是用顏色疊加。這樣做的好處：一是改顏色時(shí)候不需要加載圖層樣式窗口，二是在圖層工具欄里也更容易找到對象。如下圖。

對象漸變

漸變效果也是一樣的道理。用漸變填充圖層，盡量不要用圖層效果。

對象漸變（仿色）

不管用什么方法做漸變，Dither（仿色）選項都要選。這樣顏色漸變會(huì )看起來(lái)更自然，不會(huì )有拼接的感覺(jué)。PS CS* 一個(gè)圖層只能做一次漸變仿色，CS* 及以上版本，可以做兩次。

圖層樣式簡(jiǎn)潔

不要把一個(gè)對象的圖層效果分成多層做。要做在一個(gè)圖層里，看起來(lái)整齊，復制粘貼的時(shí)候也方便。

縮放圖層效果

可以通過(guò)Image size（圖像大?。﹣?lái)縮放整個(gè)文件大小，但是有時(shí)可能需要單獨縮放某些圖層看效果。如果縮放其中一個(gè)對象，樣式不會(huì )自動(dòng)調整，但是能通過(guò)Scale Effects（縮放效果）來(lái)改變。（需要知道原始圖形的增加或者減少比例才能使兩個(gè)匹配）這個(gè)選項可以通過(guò)右擊當前圖層的fx找到。

圖層效果（描邊）

乍一看好像只有通過(guò)“描邊”選項才能實(shí)現描邊效果。其實(shí)還有很多其他方法，比如，使用內、外發(fā)光或陰影，設置阻塞值為100%，就OK啦！描邊是在對象外緣，內陰影和內發(fā)光在內側，外發(fā)光和投影在外側。不過(guò)圓角或者弧形的阻塞值不要太寬，會(huì )導致邊緣粗糙。

圖層效果vs矢量描邊

如果想畫(huà)出來(lái)的圖看著(zhù)舒服，得在形狀圖層上加一個(gè)矢量描邊（CS* 才可以哦），這樣畫(huà)出來(lái)的邊緣更細膩（寬度越寬效果越明顯），而且還可以選擇各種款式：圓、方、斜邊、虛線(xiàn)!如果是給iOS做設計的話(huà)，這就太實(shí)用了，可以把non-Retina描邊設置成0.* px，直接縮放到0.* px；如果是Retina的話(huà)，可以直接縮放到1px。

復合矢量圖形

如果要畫(huà)復合矢量圖形，直接用illustrator要比在PS里面復制粘貼形狀方便得多。在illustrator里面把原始邊描好直接粘貼到PS里面就好了。如果矢量對象不止一個(gè)形狀，比如說(shuō)一個(gè)多顏色的圖標，那就需要粘貼成智能對象了。

從Illustrator粘貼

從Illustrator粘貼形狀圖層可能會(huì )把對象從原位置移動(dòng)個(gè)0.* px，這樣邊緣就比較模糊（CS* 及以上版本不存在這個(gè)問(wèn)題），需要手動(dòng)微調。

圖層混合模式

做效果時(shí)候，不要把圖層混合模式用在之后要合并的圖層上。下面例子中“強光”被輸出成了一個(gè)單獨的圖層，所以單獨顯示的時(shí)候，就不能顯示混合效果，變成了一個(gè)白色到黑色的漸變。

圖層混合模式

要重做效果，最好的解決辦法就是用的圖層跟下方的圖層獨立開(kāi)來(lái)。

文本對齊

段落

如果有一個(gè)整段文字，那就把它放進(jìn)一個(gè)整個(gè)的段落文本框里，而不要人工換行（點(diǎn)文本）。如果文字和字體改變的話(huà)，這個(gè)就要重新設置了，但是如果段落文本框畫(huà)得大小合適，文本就會(huì )自動(dòng)變形。

轉換成段落文字

在文本命令下能把點(diǎn)文字轉化成段落文字，也能反轉。在PS CS* 里面，這個(gè)在圖層-文字-菜單命令里。

連字符

大部分設備不支持連字符，所以設計里最好就不要用了。

間距

默認的間距有點(diǎn)太擠了，所以要挪點(diǎn)空出來(lái)。上面的例子中把自動(dòng)設置改成了20pt，是不是看起來(lái)舒服多了~

文本修邊

PS里面文本修邊有很多種方法?？梢悦糠N都試試看看哪個(gè)渲染出的效果最好?！跋忼X-犀利”的效果不錯。

文本修邊（系統）

PS CC里面有修邊選項，能夠復制操作系統的次像素渲染，這樣就能看出，假設把文本放在瀏覽器里是什么樣子。PS里面的次像素是灰度，不是RGB。

列表

創(chuàng )建列表，特別是旁邊有圖的列表，把所有的描述放在一個(gè)文本框里比每行字都單獨用一個(gè)圖層要好，這樣對齊起來(lái)也方便，以后更新也好用。

快速預覽

手機的分辨率比電腦更高，意味著(zhù)設計的尺寸要小一點(diǎn)。把文件縮放成手機屏幕大小，然后看看是不是有些東西尺寸要調調。

圖層面板(選項)

PS默認會(huì )把每個(gè)復制圖層的名字都會(huì )加一個(gè)"copy"（副本）。神煩?？梢栽趫D層面板選項里把上面藍框框里的三項都點(diǎn)掉，這樣就好了。

命名圖層

命名要合理，很系統的命名別人看起來(lái)方便，客戶(hù)也覺(jué)得你很專(zhuān)業(yè)。建議：建一個(gè)命名一個(gè)，不要到最后再一起改。

整組圖層重命名

整組圖層重命名腳本。貌似很有實(shí)用的樣子。

圖層排序

命名要合理，排序也很重要。從上到下，從左至右，就跟看書(shū)一樣。

搜索

PS強大的搜索功能，你值得擁有。比如，命名圖層用前綴btn，icn之類(lèi)，可以迅速過(guò)濾它們的內容，如果需要更新許多按鈕的風(fēng)格，這招就方便多了。當然還有許多搜索類(lèi)型，比如說(shuō)“類(lèi)別”，“效果”，“圖層顏色”等等。都可以一試。

顏色編碼

這就是一個(gè)圖層顏色編碼的例子，一般核心設計沒(méi)有顏色標簽，右擊任一圖層前面的小眼睛選擇顏色。

展開(kāi)圖層效果

圖層效果都展開(kāi)來(lái)有點(diǎn)亂亂的，所以還是疊在一起看比較方便。

清除所有空圖層

“文件 - 腳本”菜單里有一個(gè)刪除所有空圖層的命令，可好用了！

移除沒(méi)有使用的FX

做完設計以后，很可能還有很多沒(méi)有上的效果。通常需要一個(gè)一個(gè)刪除，但是用了Remove Unused FX這個(gè)插件，一鍵清除，一步到位。

鎖定圖層

鎖定圖層能保護對象。但是如果你要修改或者刪什么東西，又不知道哪個(gè)圖層被鎖定了就比較頭疼了。

圖層復合

圖層復合可以在一個(gè)文件里存儲設計的不同變形版本。

生成器

PS CC里面最好用的一個(gè)功能，只要加個(gè)文件擴展名就能輸出圖層或者整個(gè)組。在“文件 - 生成菜單”里面操作。

輸出腳本

不用PS CC也能輸出，可以用我們ustwo的CropExport腳本。

另存為Web格式

看看兩個(gè)不同的PNG文件有啥不一樣？“另存為”存出來(lái)的文件比“另存為web格式”的要大* 2kb，當然選后者比較合算。

減小文件大小

如果輸出的文件不需要透明度，那可以轉成* bit的PNG文件。下面的例子里，文件質(zhì)量沒(méi)有損耗，但是文件大小縮小了一半多。

ImageOptim

一款適用與mac操作系統的軟件（前端開(kāi)發(fā)中必備的圖片壓縮軟件）。

減少PSD文件大小

減少PSD大小的一個(gè)快速的方法就是隱藏所有的圖層。如果設計要求顯示某些元素，那可能就不方便了。當然還可以用ZIP壓縮PSD文件，這樣能縮成原始大小的10%。

RGB（* * * 格式）

有些設備不像電腦屏幕一樣顏色多，漸變和過(guò)渡可能就看不大出，為了避免這個(gè)，可以用 Ximagic ColorDither 插件把圖轉成* * * 格式。

* * * （批量處理）

很多文件一起做* * * 過(guò)濾很費勁，所以可以用“動(dòng)作和批處理工具”把這個(gè)過(guò)程自動(dòng)化。

照常輸出文件，然后把用* * * 的動(dòng)作“記錄”保存，輸出結果用“另存為web格式”（省空間），不保存，關(guān)閉文件。然后，在這樣的設置環(huán)境下，運行批處理工具里的“動(dòng)作”。所有過(guò)濾處理過(guò)的文件就都會(huì )輸出到原先的另存為Web文件夾里。

描邊

有時(shí)弧形的1px描邊看起來(lái)會(huì )比較單薄，為了增強存在感，又不實(shí)際增加px值，就增加一個(gè)“發(fā)光”的效果。差別很小，但是多少有點(diǎn)效果。

圓圈淡出

圓圈淡出用“描邊”功能很容易就能做出來(lái)。填充類(lèi)型：漸變色填充，樣式：角度。

快閃

讓一個(gè)對象快閃，可以用“內陰影”效果，“低透明度”。注意一點(diǎn)，因為這個(gè)形狀是以母圖層的上沿為基礎的，所以任何不直的地方都會(huì )直接被快閃代替。

內發(fā)光加入雜色

用內發(fā)光效果能夠給一個(gè)對象添加簡(jiǎn)單的雜色文理。設置“來(lái)源”為“中心”，“大小”為0，然后可以通過(guò)雜色設置來(lái)調節數量。

提取logo

有時(shí)候logo不是現成的，就只能自己摳了。當然還可以找找公司網(wǎng)站看看有沒(méi)有PDF文件能下載的。用Illustrator打開(kāi)，提取矢量logo。

星場(chǎng)

畫(huà)筆選項可以設置出不同效果，通過(guò)改變“大小”和“透明度”能出不同的效果。

樣式

增加樣式和紋理：畫(huà)幾個(gè)小方格，用正方形選區選中，然后選擇菜單里的“編輯 - 定義圖案”，就可以在圖層樣式 - 圖案里面找到剛剛自定義的圖案了。

Kuler插件

配色什么沒(méi)想法？試試Kuler吧，這個(gè)插件能夠讓你看看別人的配色，自己還能自創(chuàng )配色呢。

字符瀏覽器

鍵盤(pán)瀏覽器

路徑快捷鍵

有很多路徑快捷鍵可以提高工作效率。選擇兩個(gè)形狀圖層，按“Command + E”繪制路徑后，按“+”或者“Shift”添加另一個(gè)路徑。按“-”或者“Option”刪除一個(gè)路徑。繪制好后，就可以通過(guò)選擇再按“+”“-”號來(lái)增添或者刪減新路徑了。

鍵盤(pán)快捷鍵和菜單

用“編輯-鍵盤(pán)快捷鍵”來(lái)設置個(gè)性化的快捷方式。下圖就是“對齊-垂直居中”和“對齊-水平居中”的快捷鍵。另外一個(gè)常用的就是把“Command+Q”這個(gè)快捷命令移除，避免意外退出PS。

介紹

矢量工具不頂用時(shí)就要用Illustrator了。主要用于創(chuàng )建復雜圖形，再輸出到PS樣式里。這樣功能性和效果都更強了。

Illustrator顏色設置

打開(kāi)“編輯-顏色設置”，把“工作空間”的“RGB”設置成“monitor RGB-Display”，同時(shí)，關(guān)掉“色彩管理”下面的“RGB”選項。

預設

在Illustrator里有很多預設可以改動(dòng)。首先，把鍵盤(pán)增量設置為1px，這樣光標的移動(dòng)就按這個(gè)標準量了。然后，打開(kāi)“單位”選項，把“通用”和“描邊”都設置成“像素”，這樣所有的大小都是用像素來(lái)丈量的。字體就不管它了，還是按照“pt”設置。

網(wǎng)格

跟PS一樣，10×10的網(wǎng)格可能比較好用。這些設置可以在“預設 - 參考線(xiàn)和網(wǎng)格”選項里改。

對齊到網(wǎng)格

跟PS一樣，Illustrator也有對齊到網(wǎng)格這個(gè)工具，在“視圖”菜單欄下。

智能參考線(xiàn)

有時(shí)候需要突破像素網(wǎng)格的限制，可以試試智能參考線(xiàn)。比如下面的例子，圓上* * °位置還需要一個(gè)錨點(diǎn)?？梢栽趫D下方放一個(gè)三角形，打開(kāi)智能參考線(xiàn)，鋼筆工具就能在兩個(gè)圖形重疊的地方形成一個(gè)錨點(diǎn)。

精確

變形窗口是設計師的好伙伴！有了這個(gè)窗口，你就可以看看圖形或者哪怕一個(gè)點(diǎn)大小、位置設計得對不對。同時(shí)寬度和高度選項里面一改動(dòng)，其他的尺寸也會(huì )相應變動(dòng)以保持比例。

像素對齊網(wǎng)格

使用時(shí)要確保菜單欄里面的“新對象對齊像素網(wǎng)格”是關(guān)著(zhù)的，對于已有的圖形，像素網(wǎng)格對齊這個(gè)框沒(méi)有勾選。因為一旦勾選了像素網(wǎng)格對齊，可能一不注意，描邊時(shí)對象就開(kāi)始亂飄了。

像素預覽

這里也要謹慎。如果點(diǎn)了“視圖-像素預覽”，可能像素不是很精確的形狀看起來(lái)都像是很精確的似的。

預覽模糊

不必過(guò)度擔心，有時(shí)候即使尺寸以像素來(lái)算的，Illustrator輸出的圖形邊緣還是可能模模糊糊的，看起來(lái)像個(gè)Bug把，但有一點(diǎn)好，如果圖形導進(jìn)PS里面就不模糊了。

結構

如果不是要用來(lái)畫(huà)圖形，Illutstrator里不要每個(gè)圖層都命名，但是要有條理，不能一股腦全鋪開(kāi)來(lái)。

干貨這么多

你的水夠喝么？

《完美像素手冊》

謝謝各位

全·劇·終

版權聲明：早讀課文章均來(lái)自作者投稿或者授權文章，部分文章為轉載均盡量注明作者和來(lái)源，文章版權歸作者所有，若涉及版權問(wèn)題，請添加momo*：吉印通13816211622 j* 211* 1* ，感謝。