在設(shè)計(jì)中，我們常常需要旋轉(zhuǎn)圖片，10°，15°，90°，130°等等。說到這里，你一定想的是：旋轉(zhuǎn)圖片這么簡單的操作，恐怕不需要你說吧。但是，你細(xì)想想，你真的轉(zhuǎn)對(duì)了嗎？就沒有什么時(shí)候，發(fā)現(xiàn)旋轉(zhuǎn)過來的圖片與原圖有些不一樣。這究竟是怎么回事呢？我們一起來看看吧。

在Photoshop 中旋轉(zhuǎn)圖像時(shí)（這邊指順時(shí)鐘或逆時(shí)鐘旋轉(zhuǎn)90 度的情況），如果你的圖像的長跟寬都是奇數(shù)，或者都是偶數(shù)時(shí)，并不會(huì)發(fā)生什么問題。但是當(dāng)你的圖像只有一邊為奇數(shù)時(shí)，你會(huì)得到預(yù)期之外的結(jié)果，如下圖：

為了更清楚的了解發(fā)生什么事情，我們?nèi)∫粡?X4 像素的圖形，可以發(fā)現(xiàn)由于旋轉(zhuǎn)中心在兩像素的鄰邊，當(dāng)我們對(duì)此圖形做90度旋轉(zhuǎn)后、原本的圖形并沒有完整落在像素范圍（灰色格線）內(nèi)，因此系統(tǒng)就必須重新計(jì)算格線內(nèi)像素的色彩（我們稱之為重新取樣），這么一來你原本的圖形就會(huì)遭受破壞：

解決方法：

一個(gè)快速的解決方式是，不要直接旋轉(zhuǎn)你的圖像，而是使用Photoshop 的旋轉(zhuǎn)工具做一個(gè)方型范圍的選取，并且旋轉(zhuǎn)這個(gè)方型范圍，如此一來由于旋轉(zhuǎn)中心在像素交匯處，可以得到確實(shí)填滿像素的結(jié)果：

在執(zhí)行變形工具的時(shí)候，將旋轉(zhuǎn)中心選擇在左上方（或者任何一個(gè)角落都可以），如此一來即可解決這個(gè)問題：

對(duì)于網(wǎng)頁以及UI 界面設(shè)計(jì)師而言，一邊考慮設(shè)計(jì)之余還得小心處理像素實(shí)在令人覺得枯燥乏味，要不斷的檢查每個(gè)像素的位置、紋理是否準(zhǔn)確，是否被重新取樣造成模糊邊緣等等。但是如果在工作習(xí)慣上開始做一點(diǎn)點(diǎn)的小改變，就可以確保你辛苦繪制的圖形不會(huì)化為烏有。

＊＊＊＊部落窩教育－ps旋轉(zhuǎn)操作技巧＊＊＊＊

譯者：waynexie*作者：Marc Edward*來源：優(yōu)設(shè)（轉(zhuǎn)自網(wǎng)絡(luò)，侵刪）

更多教程：部落窩教育（www.itblw.com）

微信公眾號(hào)：itblwbbs