在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ 切圖
書(shū)單
JavaScript 動(dòng)畫(huà)
HTML
CSS Reset
屬性操作
DOM 事件
閉包
Photoshop
Atom 文本編輯器
表單操作
布局解決方案
類型系統(tǒng)
開(kāi)發(fā)實(shí)踐
數(shù)據(jù)通信
變量作用域
BOM
JavaScript 程序設(shè)計(jì)
前端工程師概述
CSS
響應(yīng)式布局
表達(dá)式與運(yùn)算符
基本語(yǔ)法
JavaScript 介紹
版本控制
布局
調(diào)試器
背景
圖片保存
多媒體
文檔樹(shù)
列表操作
Sublime 編輯器
盒模型
常見(jiàn)布局樣例
類型識(shí)別
變形
數(shù)據(jù)存儲(chǔ)
選擇器
頁(yè)面架構(gòu)
開(kāi)發(fā)及調(diào)試工具
頁(yè)面模塊化
節(jié)點(diǎn)操作
測(cè)量及取色
瀏覽器兼容
HTML 簡(jiǎn)介
內(nèi)置對(duì)象
實(shí)體字符
產(chǎn)品前端架構(gòu)
協(xié)作流程
切圖
工具, 面板, 視圖
正則表達(dá)式
動(dòng)畫(huà)
語(yǔ)句
面向?qū)ο?/span>
HTML 語(yǔ)法
HTML 標(biāo)簽
技術(shù)選擇
樣式操作
圖片優(yōu)化與合并
語(yǔ)法
DOM 編程藝術(shù)
Canvas
接口設(shè)計(jì)
頁(yè)面優(yōu)化
文本

切圖

切圖

  • 內(nèi)容性圖片 指的是圖片在頁(yè)面是作為內(nèi)容存在,如頁(yè)面中的海報(bào)。
  • 修飾性圖片 指的是圖片在頁(yè)面中起修飾作用,如頁(yè)面中的背景和圖標(biāo)。

修飾性圖標(biāo)和內(nèi)容性圖片需要(在 HTML 的 <img> 之中,只需站位不需切圖)切出。切出的內(nèi)容性圖片應(yīng)保存為 *.jpg 格式,而修飾性圖片因保存為 png24(IE6 不支持半透明,Alpha 透明) 或 png8 它們均支持全透明。

隱藏文字,方法一,直接在圖層中隱藏文字圖層。方法二(兩種,分別應(yīng)對(duì)于純色和有背景需要隱藏文本的情況)如下圖所示,使用自由變換。

http://wiki.jikexueyuan.com/project/fend_note/images/B/btn-remove-text.gif" alt="" />

PNG24切圖方法

  • 移動(dòng)工具選中所需圖層(Ctrl 多選)
  • 右鍵合并圖層(Ctrl + E
  • 復(fù)制到新圖層

PNG8帶背景切圖方法

  • 合并可見(jiàn)圖層(Shift + Ctrl + E
  • 矩形選框選擇內(nèi)容
  • 魔棒工具去除多余部分(Alt + 選?。?/li>

可平鋪背景的切圖方法

  • 用矩形選擇一個(gè)區(qū)域
  • 復(fù)制至新圖層

NOTE: X 軸平鋪需要占滿圖片的寬,Y 軸平鋪需要占滿圖片的高。

切片工具(大圖化小的方法,將一大圖分為多小圖)

  • 拉參考線
  • 選擇切片工具
  • 點(diǎn)擊 “基于參考線的切片” 按鈕
  • 選擇切片選擇工具
  • 保存于新圖層

如何開(kāi)始切圖

第一步:去掉所有文字,只留背景

打開(kāi)視覺(jué)稿后,用上面說(shuō)過(guò)的方法去掉所有的文字,只留背景和圖片(記得備份一下PSD文件)。

http://wiki.jikexueyuan.com/project/fend_note/images/P/photoshop-without-image.png" alt="" />

第二步:保存圖片

將去掉文字的圖片保存起來(lái)。一般情況下內(nèi)容性圖片保存為jpg格式,圖標(biāo)類型的保存為png格式。

http://wiki.jikexueyuan.com/project/fend_note/images/P/photoshop-cut-image.png" alt="" />

第三步:構(gòu)思頁(yè)面的具體實(shí)現(xiàn)

劃分頁(yè)面的結(jié)構(gòu),具體的實(shí)現(xiàn)方式。

第四步:一邊編寫HTML代碼,一邊測(cè)量、取色

根據(jù)構(gòu)思號(hào)的頁(yè)面結(jié)構(gòu),開(kāi)始編寫HTML代碼,并且開(kāi)始進(jìn)行測(cè)量和取色。

上一篇:CSS下一篇:正則表達(dá)式