PHOTOSHOP中改進IOS設計流程的30個訣竅_網(wǎng)頁設計教程
推薦:Photoshop制作棕色時尚復古網(wǎng)站教程Photoshop制作棕色時尚復古網(wǎng)站教程: 打開photoshop,新建空白文檔,文檔大小為800*1200;打開素材圖片1,按Ctrl+Alt+T調整大小為800*1200;
在本文中我(英文原作者)總結了在photoshop中設計ios軟件時所遵守的方法。許多的技巧適用于一般的UI設計。注意:文中所提到的快捷鍵針對于Windows;Mac 用戶可,Cmd對應Crtl鍵,Opt對應Alt鍵。
1.保持尺寸為偶數(shù)
你是首先針對Retina屏幕設計然后再對標準分辨率的進行縮小是吧?為了在標準分辨率下像素仍然保持完美的呈現(xiàn),你需要保證大小和距離為偶數(shù)。具體的做法便是:基于2ps的網(wǎng)格設計。在編輯(Edit)〉首選項(Preference)〉參考線、網(wǎng)格和切片(Cuides,Grids&Slices)。更改網(wǎng)格線間隔(Gridline)和子網(wǎng)格(Subdivisions)來是使得網(wǎng)格間隔線為2px。例如:設置網(wǎng)格線間隔為64px,子網(wǎng)格為32。

2.混合模式只使用正常模式
在設置直接處于其他元素上面的圖層效果時,混合模式只使用正常(例如:在混合選項中投影和外發(fā)光)。使用其他的混合模式或許在Photoshop中看起來很好,但是也可能會在在保存為PNG格式之后出現(xiàn)不良的效果。

3.更方便的改變漸變顏色
想要更改漸變按鈕的色調(色相),而不必每次都去改變漸變的起始顏色值?下面介紹兩個方法,均可達到完全一樣的效果。
方法1:在漸變圖層混合選項中使用顏色疊加
方法2:在純色圖層使用漸變疊加
譯者注:上述使用了矢量蒙版,其實使用剪切蒙版也可達到相應的效果,個人認為還簡單點。
4.更多的使用徑向漸變
在導航條上疊加徑向漸變層,讓導航欄變得更為有趣。
方法1:徑向漸變工具
方法2:斜面和浮雕
同樣也可以使用圖層混合選項中的斜面和浮雕。可以按下圖所示來設置。通過調整設置來達到你想要的效果。通常調整的越為精妙效果也越為好看。

分享:Photoshop制作個性的透明玻璃網(wǎng)頁用戶信息展示教程玻璃網(wǎng)頁其實跟玻璃的制作一樣。重點是把邊緣及中間的高光渲染出來,比較規(guī)則的圖形直接用圖層樣式做出初步的質感,再增手工增加一些高光等即可。其它部分可以按自己需要添
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉ORACLE數(shù)據(jù)庫分享
- CDN.net免費CDN申請使用教程:100GB流量香港日本新加坡節(jié)點
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關鏈接:
- 教程說明:
網(wǎng)頁設計教程-PHOTOSHOP中改進IOS設計流程的30個訣竅
。


