在 Photoshop CC 中使用畫板

在 Photoshop CC 中使用畫板

就像在 Adob​​e Illustrator 中一樣,Photoshop 畫板提供了在一個文檔中構建單獨頁面或屏幕的功能。如果您正在為移動應用程序或小手冊構建屏幕,這將特別有用。

您可以將畫板視為使用“圖層”面板創建的一種特殊類型的圖層組。它的功能在 Photoshop 中可能不像在 Adob​​e Illustrator 中那樣直觀,但只要稍加練習,您就應該掌握它的竅門。請按照以下步驟查看如何自己製作畫板:

在此示例中,使用 iPhone 6 起始文檔創建了一個新文檔。如果您使用舊的“新建文檔”窗口開始一個新文檔,請創建一個具有以下尺寸的新文件:750 寬 x 1334 高。在 Photoshop CC 中使用畫板

創建一個 iPhone 6 大小的文檔。

如果您使用 iPhone 6 開始文件創建了新文檔,則您已經在“圖層”面板中看到了一個畫板。在 Photoshop CC 中使用畫板

帶有畫板的圖層面板已經創建。

如果您沒有看到畫板,請通過從“圖層”面板菜單中選擇“新建畫板”來創建一個。在 Photoshop CC 中使用畫板

您可以使用“圖層”面板菜單添加自己的畫板。

在創建畫板時,您可以從多種預設尺寸中進行選擇或定義您自己的自定義畫板尺寸。

選擇 File→Place Embedded 並導航到 Book03-Photoshop 文件夾。雙擊以選擇名為 water_sky 的圖像或選擇圖像並按 Place。

當圖像出現在畫板上時,抓住一個角手柄,按住 Shift 鍵並單擊並向外拖動以縮放圖像並填充整個畫板。調整圖像大小和位置後,選擇選項欄中的“提交”複選框,或按 Enter 鍵確認圖像的放置。在 Photoshop CC 中使用畫板

放置圖像並將其拉伸以適合整個畫板。

接下來,添加一個文本層。

選擇文字工具並在畫板上單擊並拖動以創建文本區域並添加新的文本層。

輸入文本,水和天空。使用選項欄中的控件,將類型設置為以下屬性:

  • 字體: Myriad Pro Bold
  • 尺寸: 110 磅
  • 顏色:白色

設置類型後,選擇選項欄中的提交按鈕。在 Photoshop CC 中使用畫板

將文本圖層添加到您的畫板。

您也可以按 Ctrl+Return (Windows) 或 ⌘ +Return (Mac) 來提交文字圖層。

如您所見,您使用畫板就像使用任何其他 Photoshop 文檔一樣。不同之處在於下一步,您將在其中找到如何將其他畫板添加到您的文件中。

添加其他畫板

您還可以創建其他畫板。也許您想要在 Photoshop 中創建一個多屏移動應用程序,或者您只想創建一個屏幕的多個版本。對於這些說明,您將繼續上面開始的項目。

單擊移動工具並選擇隱藏的畫板工具。在 Photoshop CC 中使用畫板

使用畫板工具操作畫板並創建更多畫板。

加號圖標出現在畫板的所有側面。您可以單擊這些加號圖標以添加其他畫板。

單擊現有畫板右側的加號圖標以查看添加了新的空白畫板。在 Photoshop CC 中使用畫板

單擊加號圖標添加空白畫板。

看看圖層面板。確保與圖層一樣,最新的畫板出現在所選圖層上方。

您還可以使用畫板工具創建您自己的自定義大小的畫板。通過在 Photoshop 畫布上使用畫板工具單擊並拖動來執行此操作。從工具選項欄中,從“尺寸”彈出菜單中選擇預設尺寸,或將其保留為您的自定義尺寸。

命名畫板

在此文件變得更複雜之前,最好為畫板命名。這是在圖層面板中完成的。

選擇初始畫板(Artboard 1)並雙擊畫板名稱。當文本框處於活動狀態時,鍵入名稱 Home。

在圖層面板中雙擊名稱 Artboard 2 並將此圖層命名為 Beach。

將內容添加到第二個畫板

現在,將圖像和一些文本添加到第二個畫板:

單擊畫板工具並將其切換回移動工具。

確保在“圖層”面板中選擇了 Beach 畫板,然後選擇“文件”→“放置嵌入”。導航到 Book03_Photoshop 文件夾並選擇名為 Beach 的圖像,然後按 Place。圖像被添加到第二個畫板。

與您放置的最後一張圖像一樣,按住 Shift 鍵並在角點上拖動以按比例放大圖像並填充屏幕。

在移動工具處於活動狀態時,單擊並拖動圖像。請注意,即使它在同一個文檔中,它也不會與其他畫板上的圖稿重疊或乾擾。

從一個畫板克隆到另一個畫板

現在,將文本從 Home 畫板克隆到 Beach 畫板:

在“移動”工具仍處於選中狀態的情況下,按住 Ctrl 鍵單擊 (Windows) 或按住 ⌘ 鍵單擊 (Mac) 主畫板中的 WATER & SKY 文本。這將激活該層。

按住 Alt (Windows) 或 Option (Mac) 鍵並單擊並將文本從一個畫板拖動到下一個畫板。

如果在拖動時按住 Shift 鍵,圖像將保持對齊。

切換到畫板並雙擊新克隆的文本以激活文本區域並鍵入 FUN BEACHES。在 Photoshop CC 中使用畫板

帶有兩個畫板的 Photoshop 文件。

將元素從一個畫板移動到另一個畫板

要將元素從一個畫板移動到另一個畫板,只需將元素從一個畫板拖到另一個畫板即可。當您在畫板之間移動元素時,Photoshop 會嘗試將其放置在相對於位於畫板左上角的標尺原點的相同位置。

導出畫板

您可以將文件另存為 Photoshop 文件以維護圖層,但在本示例中,您將文件導出為兩頁 PDF。或者,使用文件→導出功能將畫板導出為 PNG、JPEG、PDF 等。

將畫板匯出為圖像資源

您可以直接從 圖層 面板將畫板匯出為 JPEG、GIF 或 PNG 圖片資源。

將畫板匯出為 PDF

您可以將畫板匯出為 PDF 文件。按著這些次序:

在 Photoshop 中,選擇 檔 >出口>畫板轉 PDF

在 畫板轉 PDF 對話方塊中,執行下列操作:

  • 選擇要儲存產生的 PDF 文件的目標/位置。
  • 指定產生的 PDF 文件的檔案名稱前綴。例如,Campaign_insurance。
  • 指定僅匯出畫板上的內容還是也匯出與畫板重疊的區域中的內容。
  • 指定要匯出所有畫板還是僅匯出目前選取的畫板。
  • 指定是否也要將畫板背景與畫板一起匯出。
  • 指定要為目前文件中的所有畫板產生單一 PDF,還是為每個畫板產生一個 PDF 文件。如果您選擇產生多個 PDF 文檔,則所有這些文檔均採用您先前指定的文件名稱前綴。
  • 指定匯出的 PDF 文件的編碼:ZIP 或 JPEG。如果您選擇 JPEG,您也需指定 質量 設定 (0-12)。
  • 指定是否要在匯出的 PDF 文件中包含國際色彩聯盟 (ICC) 設定檔。 ICC 設定檔包含表徵色彩輸入或輸出裝置的資料。
  • 指定是否也要將畫板名稱與導出的畫板一起匯出。選擇此設定時,您可以指定自訂字體、字體大小、字體顏色和畫布擴充顏色。

點選 執行。 Photoshop 產生 PDF 文件。

將畫板匯出為文件

您可以將畫板匯出為單獨的檔案。按著這些次序:

在 Photoshop 中,選擇 檔 >出口>畫板到文件

在 畫板到檔案 對話方塊中,執行下列操作:

  • 選擇要儲存產生的檔案的目標位置。
  • 指定檔案名稱前綴。
  • 指定是僅匯出畫板內容還是也希望包含重疊區域。
  • 指定要匯出所有畫板還是僅匯出目前選取的畫板。
  • 指定是否也要將畫板背景與畫板一起匯出。
  • 選擇您要匯出的文件類型。您可以選擇匯出為 BMP、JPEG、PDF、PSD、Targa、TIFF、PNG-8 或 PNG-24。
  • 為您選擇的文件類型指定匯出選項。
    • 指定是否也要將畫板名稱與導出的畫板一起匯出。選擇此設定時,您可以指定自訂字體、字體大小、字體顏色和畫布擴充顏色。

點選 執行。 Photoshop 將畫板匯出為所選格式的檔案。


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