『壹』 AE放射性漸變過場
在effect面板中transition里有很多。我記得有個cc radial scalewipe不知道是不是你想要的?
在預置中的transition也有很多,一個一個試一下應該有的……
希望對你有幫助!
『貳』 Android繪圖之RadialGradient 放射漸變(11)
LinearGradient 和 SweepGradient,這次講解RadialGradient;
RadialGradient被稱為放射漸變,就是從中心向外圓形漸變。
兩個構造函數,第一個構造函數可以實現兩種顏色的漸變,第二個構造函數可以實現多個顏色的漸變。
參數說明:
centerX ,centerY:shader的中心坐標,開始漸變的坐標。
radius:漸變的半徑,
centerColor,edgeColor:中心點漸變顏色,邊界的漸變顏色,
colors:漸變顏色數組,
stoops:漸變位置數組,類似掃描漸變的positions數組,取值[0,1],中心點為0,半徑到達位置為1.0f,
tileMode:shader未覆蓋以外的填充模式。
構造函數:
RadialGradient(float centerX, float centerY, float radius, @ColorInt int centerColor, @ColorInt int edgeColor, @NonNull TileMode tileMode);
提供中心坐標,半徑,顏色值,TileMode
Stops數組取值為[0-1],一般為從小到大,表示每個位置對應的顏色值,如果stops不為null,colors必須和stops一一對應,否則可能導致崩潰,如果stops為null,各顏色從中心到邊界線性漸變。
stops數組為null,四種顏色線性漸變:
stops數組不為null:
如果數組多餘顏色個數:
大致做個小例子,如果需要線上使用需要考慮很多問題,類似ondraw最好不要聲明對象等:
替換為多顏色 private int[] colors = {Color.YELLOW, Color.RED, Color.BLUE, Color.GREEN};
android繪圖之Paint(1)
android繪圖之Canvas基礎(2)
Android繪圖之Path(3)
Android繪圖之drawText繪制文本相關(4)
Android繪圖之Canvas概念理解(5)
Android繪圖之Canvas變換(6)
Android繪圖之Canvas狀態保存和恢復(7)
Android繪圖之PathEffect (8)
Android繪圖之LinearGradient線性漸變(9)
Android繪圖之SweepGradient(10)
Android繪圖之RadialGradient 放射漸變(11)
Android繪制之BitmapShader(12)
Android繪圖之ComposeShader,PorterDuff.mode及Xfermode(13)
Android繪圖之drawText,getTextBounds,measureText,FontMetrics,基線(14)
Android繪圖之貝塞爾曲線簡介(15)
Android繪圖之PathMeasure(16)
Android 動態修改漸變 GradientDrawable
『叄』 ps 怎樣作放射性的漸變
建立選區,新建圖層,填充你外邊輪廓的顏色。
保持選區不變,再新建圖層,填充你中心要加的顏色。
取消選區,高斯模糊,數值你自己定。然後按Alt點這兩層的中縫。
或者,在選區內填充外部原色後,羽化一下選區,再新建圖層,填充中心顏色也可以,但還是要按Alt點這兩層的中縫。
『肆』 WEB網頁頁面背景顏色漸變設置
頁面上實現漸變背景有兩種方法,一種是用背景圖片,一種是用代碼
如果漸變是自上而下的,並且漸變的頂部還想再加幅圖,如果你需要讓這幅圖和漸變背景色的過渡平滑自然。那麼,用背景圖片比較適合你的要求
把漸變部分,切成寬為1像素,高為漸變全部高度。假定存為"bg.gif"
將這個bg.gif作為網頁BODY區的背景圖,並且設計背景圖橫向重復平鋪。(注意的是,不要有縱向重復)
『伍』 ps中用放射式漸變填充背景怎麼做
選擇漸變工具
『陸』 css畫長方形顏色各一半怎麼畫
緩過來了,開講放射性漸變吧。
一、放射性漸變原理
別人都用ps解釋,我卻在漸變上獨喜歡flash的漸變變形工具。
別人都說徑向漸變,flash裡面顯示的是放射性漸變,我就沿用了放射性漸變的說法。你看出來啦,我曾經是flash的迷妹!
.gif
放射性漸變的核心就是:從中心點出發,輻射到邊界處。
設置了四個色塊,如圖:
.png
用漸變變形工具可以查看
.png
默認第一個色塊從中心點出發,沿著半徑分布色塊,直到邊界處。
所以,我們可以理解這里的漸變線是半徑。
可以通過改變中心點的位置,邊界的大小,半徑的長短,三角形的移動實現非對稱的漸變等效果。
.png
原諒我沒有來動畫版本的,自己用flash試試唄!
其實來個橢圓一樣妥妥的。
.png
明白了這個基本的原理後,再看MDN上的這篇文章,是不是感覺很好懂了。
至少這幅圖好懂了↓
.png
半徑就是虛擬漸變射線(virtual gradient ray),中心點就是色塊的起點(0%),ending shape就是漸變的邊界形狀。ending shape只能是正圓(circle)或者橢圓(ellipse)。
二、放射性漸變的語法結構// Definition of the ending shape
radial-gradient( circle, … ) /* Synonym of radial-gradient( circle farthest-corner, … ) */
radial-gradient( ellipse, … ) /* Synonym of radial-gradient( ellipse farthest-corner, … ) */
radial-gradient( , … ) /* It draws a circle */
radial-gradient( circle radius, … ) /* A centered circle of the given length. It can't be a percentage */
radial-gradient( ellipse x-axis y-axis, … ) /* The two semi-major axes are given, horizontal, then vertical */
// Definition of the position of the shape
radial-gradient ( … at , … )
// Definition of the color stops
radial-gradient ( …, , … )
radial-gradient ( …, , )
官方的標准語法HTMD復雜呀。
我們只能一點點攻克了。
先了解幾個基本概念:
:指的是中心點的位置,這個定位和background-position的定位是一樣的,比如「50px 40px」,「30% 44px」,「left center」等值,一個代表x坐標,一個代表y坐標。如果預設,代表的是正中間(center)。它的取值也是這幾種:
:用長度值指定徑向漸變圓心的橫坐標或縱坐標。可以為負值。
:用百分比指定徑向漸變圓心的橫坐標或縱坐標。可以為負值。
left:設置左邊為徑向漸變圓心的橫坐標值。
center:設置中間為徑向漸變圓心的橫坐標值或縱坐標。
right:設置右邊為徑向漸變圓心的橫坐標值。
top:設置頂部為徑向漸變圓心的縱標值。
bottom:設置底部為徑向漸變圓心的縱標值。
:只能為正圓或者橢圓,正圓表示半徑是一樣的,橢圓則有x軸、y軸兩個半徑。默認的值是橢圓(ellipse)。
:沿著漸變線的色彩的值和位置的值。位置的值可以是百分比或者具體的像素,和線性漸變的寫法是一樣的。比如「#f00 0%」,「red 25%」,「rgba(255,255,255,0.5) 200px」等。
:表示ending shape放射性漸變結束的形狀的大小。
常用的有如下幾個值:
closest-side:指定徑向漸變的半徑長度為從圓心到離圓心最近的邊;
closest-corner:指定徑向漸變的半徑長度為從圓心到離圓心最近的角;
farthest-side:指定徑向漸變的半徑長度為從圓心到離圓心最遠的邊;
farthest-corner:指定徑向漸變的半徑長度為從圓心到離圓心最遠的角,這個是默認值;
『柒』 CSS3教程:background-image之放射性漸變(radial-gradient)詳解
CSS3教程:background-image之放射性漸變(radial-gradient)詳解
『捌』 請教AI裡面的放射性漸變
你選擇漸變工具就會出現一個漸變條,移動漸變條就能改變放射點位置
『玖』 在an中老版本的放射性漸變在新版本中是什麼漸變
也是放射性漸變。徑向漸變是以圓心為中心的漸變方式,放射性漸變在選項里有,你可以選擇一下是試試看效果,這樣會印象比較深刻。
『拾』 如何設置web背景漸變效果
網頁產生漸變效果不一定非要什麼FLASH其實原理非常簡單,META標簽中就帶有動態濾鏡的功能。本站的這種效果其實就是用了meta標簽而沒有做其他任何修改。
你可以把以下這兩段加到你的HTML的META頭中,再看看效果:-)
<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
blendTrans其實就是一種動態濾鏡效果,當然還有其他的方法也可以產生這種動態濾鏡效果
<Meta http-equiv="Page-Enter" Content="revealTrans(ration=x, transition=y)">
<Meta http-equiv="Page-Exit" Content="revealTrans(ration=x, transition=y)">
Duration表示濾鏡特效的持續時間(單位:秒)
Transition濾鏡類型。表示使用哪種特效,取值為0-23。
0 矩形縮小
1 矩形擴大
2 圓形縮小
3 圓形擴大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 豎百葉窗
9 橫百葉窗
10 錯位橫百葉窗
11 錯位豎百葉窗
12 點擴散
13 左右到中間刷新
14 中間到左右刷新
15 中間到上下
16 上下到中間
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 橫條
22 豎條
23 以上22種隨機選擇一種
Tags: 資料存檔, 有意思