.9图变形
要實現效果如下:
頭像和昵稱后面有個漸變背景,有如下幾種解決方案:
于是從UI那拿到了預留一像素的原始圖,導入項目,create .9圖,信心滿滿的就開始拉,.9圖制作咱是老司機了,這不分分鐘的事兒嗎,如下:
左上:拉伸區域
右下:內容區域
左側畫不畫無所謂,因為不想讓它產生拉伸效果,上面還是得畫,因為有漸變效果,不能只畫一個地方,右下沒啥疑問。
看效果
這這這。。。
完全是打臉啊,于是乎各種重拉,但是效果還是這般模樣,四周圓角處憑啥會變形呢,搞不明白啊,不拉也不是,拉也不是,效果就是達不到預期,愁的一筆啊,怎么會這樣呢,百思不得騎姐。
于是跟UI小姐姐溝通,我說這玩意會變形啊,我已經盡力了,UI直接說別人的項目咋可以呢?
什么?別人的項目?抄的的毫不掩飾了么!!于是我拿過別人的項目進行研究發現還真的可以,直接偷.9圖,拿過來用還是一樣的毛病,最后終于研究出來了,這tm就是個坑啊,估摸著是跟UI給的圖高度有關系,給的圖小了唄,所以才拉伸,于是果斷讓UI重新切圖,因為這個項目搭建時候就是UI1.6倍,所以讓UI在3倍的基礎上再1.6,看效果:
這誰能想到是跟原圖有關啊,正常我們拿圖都會自動進行縮放,所以尺寸大小一直沒有特別留意過,今天算是總結出來了,.9圖高度起碼得跟UI上一樣,可不能比它小,不然就會發生拉伸效果,導致圖片變形等一切你無從下手的問題。
總結
- 上一篇: 2020.12.22 ps临摹调色
- 下一篇: 兰斯洛特·δ零式·开发计划