在 Dreamweaver CS3 中創建翻轉圖像

在 Dreamweaver 中,滾動圖像(顧名思義)旨在在有人將光標滾動到圖像上時做出反應。這種效果可以像狗的照片被獅子的照片取代一樣戲劇化,也可以像一個圖像替換另一個單詞時單詞的顏色發生變化一樣微妙。無論哪種方式,Dreamweaver 都包含一個特殊的翻轉對話框,使創建簡單的翻轉效果成為最容易應用的行為之一。

要使用 Dreamweaver 的“插入圖像翻轉”對話框創建翻轉圖像,請執行以下步驟:

1. 單擊以將光標放在您希望翻轉出現的頁面上。

翻轉效果至少需要兩張圖像:一張用於初始狀態,一張用於翻轉狀態。您可以使用兩個不同的圖像或兩個相似的圖像,但它們都應該具有相同的尺寸。否則,您會得到一些奇怪的縮放效果,因為兩個圖像必須顯示在頁面上完全相同的空間中。

2. 選擇插入 –> 圖像對象 –> 翻轉圖像。

出現插入翻轉圖像對話框。

3. 在圖像名稱框中,為您的圖像命名。

在將行為應用於元素(例如圖像)之前,元素必須具有名稱,以便行為腳本可以引用它。只要不使用空格或特殊字符,您就可以隨意命名元素。

4. 在原始圖像框中,指定要顯示的第一個圖像。使用瀏覽按鈕定位並選擇圖像。

如果圖像不在您站點的根文件夾中,Dreamweaver 會在您創建翻轉時將它們複製到您的站點中。

5. 在“翻轉圖像”框中,輸入要在訪問者將光標移到第一張圖像上時顯示的圖像。

同樣,您可以使用“瀏覽”按鈕定位並選擇圖像。

6. 選中預加載翻轉圖像複選框以在頁面首次加載時將所有翻轉圖像加載到瀏覽器的緩存中。

如果您不選擇執行此步驟,您的訪問者可能會遇到延遲,因為在鼠標滑過原始圖像之前不會下載第二張圖像。

7. 在單擊時,轉到 URL 框中,輸入任何 Web 地址或瀏覽以在站點中找到要鏈接到的另一個頁面。

如果您不指定 URL,Dreamweaver 會自動插入 # 號作為佔位符。

8. 單擊確定。

圖像自動設置為翻轉。

9. 單擊工作區頂部的地球圖標以在瀏覽器中預覽您的工作並測試翻轉的工作方式。


屏幕抓取 PDF 文件的一部分

屏幕抓取 PDF 文件的一部分

您可以使用 Adob​​e Acrobat CS5 中的快照工具來選擇文本和圖像,並在 PDF 文件中創建特定區域的圖片。結果通常稱為 PDF 文件中某個部分的屏幕抓取。結果是一張圖片,而您的文字不是 [...]

在 Photoshop CC 中測量、計數和分析像素

在 Photoshop CC 中測量、計數和分析像素

Photoshop CC 中的測量功能專為研究人員和科學家設計,非常強大。您可以測量任何事物併計算技術圖像中任何事物的數量,可能來自顯微鏡或望遠鏡。如果您知道圖像中任何元素的確切大小,那麼您幾乎可以發現任何 […]

Adobe CS5 Illustrator 中的液化工具

Adobe CS5 Illustrator 中的液化工具

當您使用 Adob​​e Creative Suite 5 (Adobe CS5) Illustrator 中的液化工具時,您可以通過創建簡單到復雜的扭曲來彎曲對象——使它們呈波浪狀、粘稠狀或尖狀。液化工具可以為您的對象完成各種創造性的或古怪的(取決於您如何看待它)扭曲。你 […]

如何在 Adob​​e XD 中調整文本屬性

如何在 Adob​​e XD 中調整文本屬性

當您的 Adob​​e XD 項目中有文本時,您可以開始更改文本屬性。這些屬性包括字體系列、字體大小、字體粗細、對齊、字符間距(字距調整和跟踪)、行間距(前導)、填充、邊框(筆觸)、陰影(投影)和背景模糊。因此,讓我們回顧一下如何應用這些屬性。關於可讀性和字體 […]

如何在 InDesign CC 中創建二維碼

如何在 InDesign CC 中創建二維碼

您可以使用 InDesign 創建和修改 QR 碼圖形。二維碼是一種條形碼形式,可以存儲文字、數字、URL 或其他形式的數據等信息。用戶使用她的相機和智能手機等設備上的軟件掃描 QR 碼,該軟件使用 [...]

在 Photoshop CC 中使用畫板

在 Photoshop CC 中使用畫板

就像在 Adob​​e Illustrator 中一樣,Photoshop 畫板提供了在一個文檔中構建單獨頁面或屏幕的功能。如果您正在為移動應用程序或小手冊構建屏幕,這會特別有用。您可以將畫板視為使用“圖層”面板創建的一種特殊類型的圖層組。它的 […]

在 Adob​​e Illustrator CC 中換行

在 Adob​​e Illustrator CC 中換行

在 Adob​​e Illustrator CC 中包裝文本與包裝禮物並不完全相同——它更容易!文本換行強製文本環繞圖形,如下圖所示。此功能可以為任何作品增添一點創意。圖形迫使文本環繞它。首先,創建 […]

如何在 Illustrator 中調整形狀大小

如何在 Illustrator 中調整形狀大小

在 Adob​​e Illustrator CC 中進行設計時,您通常需要具有精確尺寸(例如,2 x 3 英寸)的形狀。創建形狀後,將其大小調整為精確測量值的最佳方法是使用“變換”面板,如下圖所示。選擇對象,然後選擇窗口→轉換為 […]

如何將透明度應用於 SVG

如何將透明度應用於 SVG

了解如何在 Illustrator 中對 SVG 圖形應用透明度。探索如何輸出具有透明背景的 SVG 並應用透明效果。

在 Adob​​e XD 中處理圖像

在 Adob​​e XD 中處理圖像

將圖像導入 Adob​​e XD 後,您將無法進行大量編輯控制,但您可以像處理任何其他形狀一樣調整圖像大小和旋轉圖像。您還可以使用角小部件輕鬆地將導入圖像的角變圓。通過定義一個封閉的形狀來掩蓋你的圖像 […]