當前位置:首頁 » 背景圖片 » 背景圖片特效
擴展閱讀
圖片文件路徑是什麼意思 2024-10-24 18:05:20
運動會圖片素材簡筆畫 2024-10-24 17:49:32

背景圖片特效

發布時間: 2022-02-01 11:25:52

⑴ 文字下面是背景圖片那是什麼特效。就像這種,是什麼特效

ps
部分選中 濾鏡->模糊

風格化後 擦除外部風格

⑵ 這種效果的背景圖怎麼做

使用ps會好做一些,建立一個適合大小的新文件,新建一個圖層,填充灰色(不是白色就行),執行濾鏡「雲彩」,然後使用自由變換,把該層變窄,復制若干層合理拼接,然後用色彩平衡結合通道調色。

⑶ 製作改變按鈕背景圖片特效的步驟。

如果是用Dreamweaver的話。
1。先預先弄好的按紐圖片。
2。在Dreamweaver入面平時插入圖片那裡。按以下。有下拉菜單的。有一個滑鼠經過圖象的選擇
3。按一下。彈出個對話框。第一個是開始的圖片。第二個是滑鼠指住或經過時的圖片。第三是按鈕連接
這樣按F12瀏覽就可見效果了!

⑷ 這種背景圖片怎麼做~~斜線效果!

新建一個 「5*5」的圖片,然後用鉛筆畫成如圖這樣然後「編輯」=〉「定義圖案」。名字隨便取,如「斜線」然後新建一個文件。大小隨便,如「600*200」。漸變。如圖然後新建一個圖層,「編輯」=〉「填充」。使用「圖案」,選擇你剛做的那個"斜線"然後調整一下斜線填充那個圖層的透明度就OK了。如果新建「4*4」的斜線就密,反之就斜線就粗

⑸ 請問像這些圖片背景的效果是怎麼做的

最終效果圖

1.創建透明背景圖層,再新建一個圖層(圖層1),使用矩形工具繪制一個矩形路徑,(這里我將矩形大小設置為1280*1024),在矩形路徑上點擊右鍵,選擇建立選區。然後使用漸變工具,選取顏色相近的兩種橙色對矩形進行線性漸變填充,再按Ctrl+D撤銷選區。

2.新建一個圖層(圖層2),使用多邊形工具,將邊數設置為3,繪制一個如圖所示的三角形路徑,在三角形路徑上點擊右鍵,選擇建立選區。然後將前景色設置為白色,選擇畫筆工具(大小設置為300像素),沿選區上邊緣塗抹,注意畫筆力度不要太硬,再按Ctrl+D撤銷選區。

3.將圖層2的圖層混合模式設置為「疊加」。新建一個圖層(圖層3),再使用多邊形工具繪制一個與圖層2類似的三角形路徑,並在此三角形路徑上點擊右鍵,選擇建立選區。然後使用漸變工具,顏色由黑色到透明色,對選區進行漸變填充,按Ctrl+D撤銷選區。再按Ctrl+T對三角形進行自由變換,效果如圖所示。

4.將圖層3的圖層混合模式設置為「疊加」,圖層不透明度設置為34%。

新建一個圖層(圖層4),使用鋼筆工具繪制一條曲線。然後點擊右鍵,選擇建立選區。

5.現在得到了一個如圖所示的選區,使用漸變工具,將顏色設置為由白色到透明色,對選區進行漸變填充,再按Ctrl+D撤銷選區,並將圖層4的圖層混合模式設置為「疊加」。

6.新建一個圖層(圖層5),再次使用鋼筆工具繪制圖形,形狀如圖所示。在圖形處點擊右鍵,選擇建立選區。

7.使用畫筆工具(大小設置為300左右),將前景色設為黑色,沿著選區的上邊緣進行塗抹,效果如圖所示。注意不要撤銷選區以備後面使用。

8.新建一個圖層(圖層6),選擇選區工具,然後按住方向鍵的向下箭頭,將選區向下移動10個像素(將向下箭頭按10次)。然後按住Ctrl+Shift+I對選區進行反選,再用畫筆工具(大小設置為300左右),將前景色設為黑色,沿著選區的下邊緣進行塗抹,然後將圖層的混合模式設置為「疊加」,圖層不透明度設置為60%。

9.新建一個圖層(圖層7),再次按住Ctrl+Shift+I對選區進行反選,然後選擇畫筆工具(大小設置為300左右),設置前景色為白色,沿著選區的上邊緣進行塗抹,再按Ctrl+D撤銷選區。效果如圖所示。

10.新建一個圖層(圖層8),使用橢圓選框工具在圖層的左上方繪制圓形選區,然後使用漸變工具,顏色由白色到透明,對圓形選區進行徑向漸變填充,再按Ctrl+D撤銷選區,並將圖層模式設置為「疊加」。

11.現在看來整體顏色不是很明亮,那麼我們新建一個圖層(圖層9),使用矩形工具繪制一個矩形路徑(大小為1280*1024),選擇一個較為明亮的橙色進行填充,並將圖層的混合模式設置為「顏色」,圖層的不透明度設置為55%,這樣看起來就明亮多了。

12.為了讓它看起來更加漂亮,我們新建一個圖層(圖層10),使用鋼筆工具勾出一個路徑,然後點擊右鍵,選擇建立選區。效果如圖所示。

13.使用線性漸變工具,顏色由白色到透明,對選區進行線性漸變填充,再按Ctrl+D撤銷選區,並將圖層混合模式設置為「疊加」。

14.新建一個圖層(圖層11),使用橢圓選框工具在圖層的左下角繪制一個橢圓選區,然後使用漸變工具,顏色由白色到透明,對選區進行線性漸變填充,再按Ctrl+D撤銷選區,並將圖層混合模式設置為「疊加」。

15.最後,我在右下角加入了一點黑色漸變,在左上角加入了一點白色漸變,並將圖層的混合模式設置為「疊加」。大家也可以根據自己的喜好ps一個蘋果風格的背景。

這可是私人珍藏哦,!!!!當年好不容易找到的,把分給我吧!!!!

⑹ 在Photoshop里怎樣把小背景圖做成"平鋪"的背景效果呢

本文以win7系統ps2018為例進行演示,具體步驟如下所示。

1、啟動ps新建一個文件。

⑺ js控制DIV背景圖片特效變換

給你舉個簡單的例子哈,你需要把var pic_arr=new Array("silkroad_1.jpg","silkroad_2.jpg","silkroad_3.jpg");這個裡面存儲的圖片換成自己圖片的路徑就可以了=========================<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
#pic_div{
width:400px;
height:267px;
}
</style>
</head><body>
<div id="pic_div" style="background:url(silkroad_1.jpg) no-repeat;"></div>
<input type="button" value="切換背景圖" onclick="test();" />
<script type="text/javascript">
var count=0;
var pic_arr=new Array("silkroad_1.jpg","silkroad_2.jpg","silkroad_3.jpg");
function test(){
var pic_div=document.getElementById("pic_div");
pic_div.style.background="url("+pic_arr[count+1]+") no-repeat";
count++;
if(count>=3)
{
count=0;
pic_div.style.background="url("+pic_arr[count]+") no-repeat";
}
}
</script>
</body>
</html>

⑻ 急!!關於百度空間的背景圖片特效.

7月14日 17:53 布置BLOG背景的圖片網站
整體模板源代碼:
<STYLE type=text/css>
body
{background:url(頁面背景圖片) repeat
scroll!important;}
.logo
{background:url(題圖logo圖片) no
repeat no scroll!mportant;}
.banner
{background:url(題圖大圖) no
repeat no scroll!mportant;}
.menu{
background:url("題圖下的菜單圖片") no-
repeat center;}
.feeds .up{
background:url("正文標題欄上翻時的圖片") no-
repeat center;}
.feeds .down{
background:url("正文標題欄下翻時的圖片") no-
repeat center;}
.feeds .function{background:url("正文摘要結尾處菜單的圖片") no-
repeat right;}
.links .up{
background:url("面板標題欄上翻時圖片");}
.links .down{
background:url(面板標題欄下翻時的圖片);}
.links .mid{
background:url(面板的背景圖片);}
.photo .mid{
background:url(形象照片處的背景圖片);}
.label .mid{
background:url(自定義面板的背景圖片);}
.calendar .mid{
background:url("日歷面板背景");}
.callboard .up{
background:url("公告欄標題欄上翻時圖片");}
.callboard .down{
background:url("公告欄標題欄下翻時圖片");}
.callboard .mid{
background:url("公告欄背景圖片");}
.bodyBg{
background:url("正文背景圖片");}
.bodyBottom{
background:url("正文背景圖片");}
.gbook .up{
background:url('留言板標題欄上翻時的圖片') no-repeat;}
.gbook .down{
background:url('留言板標題欄下翻時的圖片') no-repeat;}
.feeds .page{
background:url("正文文章頁數圖片") no-repeat center;}
</STYLE>
具體步驟是:復制代碼---控制面板-----新增空白面板----鉤選源代碼(出現鉤號,同時文檔里出現DIV的字樣)----粘貼代碼----鉤選源代碼(鉤號消失)-----保存新增面板----定製個人首頁----選取新增個人面板----保存設置
地址: blog.sina.com.cn/m/dingfa

我的BLOG歡迎前來:http://blog.sina.com.cn/m/qingka

⑼ 這個背景圖片效果用ps是怎麼做的

像你這種背景效果圖,最快方法是,去素材網下載,比如,我圖網,昵圖網,千圖網,千庫網等等~大把多素材,直接能用!
另外,自己動手畫,或者合成疊加,也可以,就是比較費事。
你這網上搜索科技效果,有很多,然後疊加,變一下綠色。。。。

⑽ Css實現背景圖片半透明效果。

你的圖片跟第二個層在同一個層里,第二個層又是相對定位,當然不行了。

<style type="text/css">
.alpha{filter:alpha(opacity=30);width:400px;}
</style>

<div width="1024" height="768">
<img src="C:\\webstudy\\Pic\\2.jpg" class="alpha"/>
</div>
<div style=" position:absolute;left:0px; top:0px">
<font color=red>asdfasdfd</font>
<br><br><br><br>sdfsdfsdfsdfsdf<br><br><br>
</div>

或者:
<style type="text/css">
.alpha{filter:alpha(opacity=30);width:400px;}
</style>

<div style="position:relative" width="1024" height="768">
<img src="My Pictures/q-1.jpg" class="alpha"/>
<div style="position:absolute;left:0px; top:0px">
<font color=red>asdfasdfd</font>
<br><br><br><br>sdfsdfsdfsdfsdf<br><br><br>
</div>
</div>