我正在開發一個網站項目,並且根據需要不擅長設計。 我有創建圖像的要求,因爲它是
http://www.proptiger.com/images/banners/Top-–-generic-ad-for-Sai-Proviso-County-251x81.gif圖像動態內容更改
現在,這是一個.gif注意形象,它首先有一個多變text.At我覺得這是兩個圖像或閃光的東西,但他們不是。也沒有改變內容或文本的代碼。不太熟悉photoshop或其他設計工具。他們需要在這裏或者可以通過其他方式完成嗎?
我正在開發一個網站項目,並且根據需要不擅長設計。 我有創建圖像的要求,因爲它是
http://www.proptiger.com/images/banners/Top-–-generic-ad-for-Sai-Proviso-County-251x81.gif圖像動態內容更改
現在,這是一個.gif注意形象,它首先有一個多變text.At我覺得這是兩個圖像或閃光的東西,但他們不是。也沒有改變內容或文本的代碼。不太熟悉photoshop或其他設計工具。他們需要在這裏或者可以通過其他方式完成嗎?
.gif文件有一些advantadges當涉及到設計,首先對網頁設計的,它可以節省透明度,以及所有的第二,它可以節省幀(很像Flash視頻的)
通過創建一個靜態圖像(背景),並在photoshop中放置兩個文本圖層來創建此圖像。一個說Dombivali的公寓,另一個說1/2 BHK Apts Starting(奇怪的標誌)21.22 Lac。
然後通過按下相應圖層前面的小眼睛隱藏其中一個文本圖層。然後打開Photoshop動畫窗口(Window-> Animation)。並從那裏製作動畫。
現在以下可能不正確,因爲它已經有一段時間了,因爲我已經有一段時間了,因爲我在Photoshop中創建了一個動畫。但對於CS4或更舊版本,您需要創建單獨的幀,並隱藏並在這些幀上顯示不同的圖層。但是在CS5中,您的時間線看起來像您在After Effects中可以找到的時間線。每個圖層都將顯示在時間軸中,您從這裏執行的操作是所有圖層都可見(在本例中爲背景,文本1和文本2),然後按兩個文本圖層旁邊的小箭頭打開時間軸控制。
如果您只想讓文字出現,請按下不透明度前的秒錶。現在會出現一顆小黃鑽。這是你的關鍵幀。從那裏你去到另一個框架,再次按秒錶,創建另一個關鍵幀,並改變特定層上的不透明度的水平。這樣,Photoshop就會爲您創建出來的幀。
動畫化圖像後,轉到文件 - >保存爲網絡&設備。選擇右上角的Gif,然後按保存。在保存選項中,您也可以選擇保存HTML。
希望這會有所幫助。
你問如何動態創建一個動畫GIF?你在用什麼語言? – Gabe
不動態創建,圖像可以是靜態的,但只是動畫的東西類似於上面的鏈接。所以,我相信這些是**兩個圖像合併**(我是對的)。我正在開發PHP,但它只是設計的一部分,我很熟悉html/css,但沒有圖像或圖像編輯工具。 – KillABug
downvoter可以指定這樣做的原因嗎?我可以避免將來的錯誤! – KillABug