ps解析網(wǎng)頁(yè)圖中的GIF圖片應(yīng)用與處理
相信大家都見過有些gif圖片用PS打開以后背景是透明的,里面包含的文字或者圖片在網(wǎng)頁(yè)上顯示的時(shí)候依然很清晰,如果你單純的覺得那就是直接保存的時(shí)候去掉背景圖層直接保存的那你就錯(cuò)了,本教程就是教你怎樣做這樣的GIF,先放張對(duì)比圖。
(大家可以把對(duì)比圖保存到自己的電腦,用瀏覽器打開來看)對(duì)比圖的左下是沒有處理的圖片,右下是處理過的圖片,同樣是GIF的背景全透明圖片,但是顯示的效果確實(shí)完全不同的,下面我就教大家怎么做:
首頁(yè)先說一下為什么要這樣做,假設(shè)在背景有顏色的情況下你制作GIF,為了使GIF融入背景,你肯定要使用一樣的背景色,如此說來要么你做一張背景色相同的圖片,要么你用png,但是事實(shí)告訴我,你想用QQ的截圖工具截了背景色再用PS取色那么肯定顏色不一樣,背景要調(diào)整到你崩潰才會(huì)一樣,你用PNG文件不一定比GIF小,就算你有了正確的背景那么你做出來的GIF也會(huì)比同效果的GIF大,就算只大幾KB,那么上百人人瀏覽呢?上萬人呢?就大了幾萬倍,所以我們做GIF一定要盡量的小,這就是本次教程的目的,下面開始了。
1.以上圖為例,我們要做一個(gè)在灰色背景上顯示的GIF圖片,首先用QQ截圖,再在PS取色(這里可以忽略QQ缺色造成的不精確問題),打上你要打的字和圖片。
2.把你的這些文字(圖片)放到一個(gè)層里保存并復(fù)制一份。
3.先建一個(gè)空白層在復(fù)制的組上面:
4.按住CTRL同時(shí)選中“圖層3”和“組1副本”,然后按ctrl+e把這兩個(gè)東西合并
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- wongvio
- GIF圖片應(yīng)用 網(wǎng)頁(yè)圖
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop初級(jí)教程-命令的技巧
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理