本系列介紹一下簡單易用的頁面設(shè)計(jì)特效。備好素材，10分鐘就是出效果！

系列二，新品發(fā)布，制造震撼出場的效果。PC預(yù)覽效果?http://test.fallout5.cn/designtips2? （PC和手機(jī)端均已實(shí)現(xiàn)）

提前準(zhǔn)備好素材

一張宣傳主題和云特效的png圖，背景需要透明。這里以手機(jī)為例（自家的不侵權(quán)）

一段特性描述或文案，用于添加鏈接。

制作步驟

創(chuàng)建一個(gè)空白頁面，不使用底板或頁腳，設(shè)置背景顏色

放入圖片主題，設(shè)置動(dòng)畫效果從上到下

放入圖片主題，設(shè)置動(dòng)畫效果從小到大

加入文字描述，設(shè)置動(dòng)畫效果從下到上，并且延時(shí)時(shí)長為上一段動(dòng)畫播放結(jié)束，設(shè)置超鏈接

一件生成手機(jī)版

調(diào)節(jié)文字大小和位置

完成

詳細(xì)步驟，step by step

創(chuàng)建一個(gè)空白頁面，不使用底板或頁腳，設(shè)置背景顏色

背景顏色-填充類型改為漸變色

在增加一個(gè)漸變色值，青-紫-灰

修改背景填充方式，圓形，從左開始，從下開始

應(yīng)用漸變背景

放入圖片主題，設(shè)置動(dòng)畫效果從上到下

放入圖片主題，設(shè)置動(dòng)畫效果從小到大

加入文字描述，設(shè)置動(dòng)畫效果從下到上，并且延時(shí)時(shí)長為上一段動(dòng)畫播放結(jié)束，設(shè)置超鏈接

添加其他圖片，使用同樣的動(dòng)畫設(shè)置，PC版即完成，接下來生成手機(jī)版

在頁面管理一件生成手機(jī)版

生成后格式和圖片的大小還需要優(yōu)化

調(diào)節(jié)文字大小和位置

完成

購買華為云請點(diǎn)擊立即購買

總結(jié)

以上是生活随笔為你收集整理的云速建站：10分钟出特效系列（二）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。