新媒體技術(shù)應用 課件 4.3.1 秀米圖片的處理

秀米圖片的處理王烽杰山東傳媒職業(yè)學院目錄一、鎖定圖片比例二、裁剪圖片三、SVG圖集四、壓縮圖片五、圖片的取色功能鎖定圖片比例

在秀米提供的圖片模板，或是自己制作的圖片版式，在替換圖片時，我的圖庫中的圖片不一定是剛好與原圖一樣的尺寸，替換后的效果與原圖片版式差別是較大的，而想要避免這種情況，可以把原圖片比例鎖定，這樣再替換圖片時，就能遵循圖片比例了。鎖定圖片比例

將【鎖定當前比例】勾選上，單擊【確定】，然后不管替換什么寬高比例的圖片，都只會被應用上當前圖片這一個比例。裁剪圖片圖片自定義裁剪比例是在圖片工具條上【裁剪】圖標。先添加一個圖片到編輯區(qū)，單擊選中圖片，在工具條上單擊【裁剪】圖標，可以看到相關(guān)設置，可以自由裁剪，也可以按比例裁剪，裁剪圖標如圖。裁剪圖片在圖片裁剪那一欄，可以輸入想要的圖片比例，或者拖拽8個圓點，即可改變圖片的大小，設置完畢然后單擊【確定】按鈕即可，裁剪比例如圖。SVG圖集【SVG圖集】是將單張或多張圖片，利用SVG圖集自帶的抽簽、滾動、切換三種效果，制作出一系列好玩互動的布局樣式。SVG圖集布局，放在【布局】→【基礎布局】選項中，如圖所示。SVG圖集打開【布局】模式，然后添加【SVG圖集】到編輯區(qū)域中，本身框架看著就是單張圖片套了層布局，玄機就在這層布局的工具條上，工具條上的圖集設置如圖所示。SVG圖集選中【SVG圖集】布局，單擊工具條上的【圖集設置】按鈕，彈出操作界面，可以添加圖集序列，設置動畫效果，單張圖片序列的時長等等，圖集設置如圖所示。SVG圖集打開【SVG圖集】布局的【圖集設置】選項，然后單擊左邊圖庫的圖片，就可添加進去；添加圖片序列時，高度會根據(jù)相對較高的圖片來計算，所以要保證圖片寬高度一致，如圖所示就是在圖集中添加多個圖片。SVG圖集【SVG圖集】可以設置，抽簽、滾動、切換、共格式切換四種動畫效果，在類型中可以單擊切換，當前頁面就是抽簽動畫設置，如圖所示為SVG圖集的動畫類型。圖片自動播放，通過單擊動作讓圖片暫停；能做出來類似新年抽簽、桃花簽等等的互動效果。01抽簽效果SVG圖集圖片往同一個方向自動輪播，可以單擊觸發(fā)，也可以自動觸發(fā)，并能夠一直循環(huán)；可以做出圖片輪播、電影放映、靜態(tài)圖變動態(tài)圖等效果。SVG圖集02滾動效果可以設置移出、移入、淡出、淡入四種動畫，不同的入場和出場動畫能一起設置，比如移入+淡入，移出+淡出；能夠往上下左右四個不同方向運動；可以做出圖片多方向自動切換、倒計時等效果。SVG圖集03切換效果可以設置觸發(fā)條件，如自動、點擊、長按，圖片可以循環(huán)播放，也可以往上下左右四個不同的方向運動，圖片停留時長2秒。04宮格式切換SVG圖集壓縮圖片

單擊圖片，在圖片工具條上有【增強】功能，如圖所示，此功能可以調(diào)整圖片的模糊、亮度、對比度、銳化等。壓縮圖片

在【增強】功能的設置中，【圖片壓縮】選項列出了四種尺寸，原尺寸（即圖片本身尺寸）、6