Adobe TV 系列-Photoshop CS6 教學1-1 (Aligning Image Layers對齊影像圖層)

1-1 尺標及點選圖層

參考來源:http://tv.adobe.com/watch/learn-photoshop-cs6/aligning-image-layers/

綜合資料:http://help.adobe.com/zh_TW/photoshop/cs/using/WSAA03F5FB-2F22-49a1-A824-5BEB70A58951.html

說明:我們用最大的熱情翻譯(雖然不一定是百分百的正確),希望能讓大家學習更多更好用的技巧。

這一篇我們會介紹一下對齊影像圖層。

首先,如影片中點選其中一個檔案後,按下SHIFT鍵選取第二個檔案,這樣我們便可以連開2個檔案。在第一個有不同的圖形檔案中,其中1至5號圓形已以相對應號碼命名圖層。若要將圖層改名,可以到圖層的名字上點擊兩下便可以改名了。如果在反白的地方點擊兩下的話,則會跳出圖層樣式(Layer style)的視窗,但此功能暫不在本篇在討論。

關於對齊這個功能,它有別於Illustrator及InDesign。在Illustrator,所有項目都是物件(Objects),它們全部都可以放在同一個圖層之中,也不成問題。然在Photoshop之中,雖然問題也不大,但要留意的是,要把項目都對齊的話則要放在不同的圖層,因為它們不是物件(Object)

利用標尺可將參考線拉出放在圖層作對齊。打開「檢視」→「尺標」,打開顯示。然後在尺標上拉著並拉動,便可以把參考線拉出。

clip_image002

但對齊的話,其實還有一個手動的方法。首先,如影片中將五號球的圖層選取後回到畫面,再移到參考線上。

如需點選其他的圖層,請至圖層面版,選擇3號球圖層,再回到畫面移動3號球至參考線。

第二個是按住快速鍵CTRL(MAC電腦則按下CMD,Command),會自動將將對應圖層選取後移動。

clip_image004

另一個方法是點選左上方的自動選取(Auto Select)。

clip_image005

當使用者點選畫面中的元件,圖層便自動反灰。但此功能不一定對所有用家都是方便的。因為並不是所有浮漂點選指令是希望把項目移動,所以這視乎使用者需求以定。在自動選取,當選擇選取群組(group)【無法選組群組以內圖層】。換句話來說,選取群組以外的圖層還是當選組群組以內圖層的時候,是否想點選整個群組?這就是當中的差異。

廣告

Adobe TV 系列-Photoshop CS6 教學1-2 (Aligning Image Layers對齊影像圖層)

1-2 對齊功能

參考來源:http://tv.adobe.com/watch/learn-photoshop-cs6/aligning-image-layers/

綜合資料:http://help.adobe.com/zh_TW/photoshop/cs/using/WSAA03F5FB-2F22-49a1-A824-5BEB70A58951.html

說明:我們用最大的熱情翻譯(雖然不一定是百分百的正確),希望能讓大家學習更多更好用的技巧。

接下來要介紹面板上的各項對齊功能。

clip_image002

對齊右側邊緣clip_image003,便會在各圖層中以最貼近右邊的圖層在為基點,對右靠齊,就如影片中會以1號球作為參考點。

clip_image005

對齊水平居中的話clip_image006,便以位於右邊的1號球及在左邊的2號球之間的中心點作為參考點,置中對齊

clip_image008

右側那一排則是關於分怖。均分垂直居中clip_image009,是以1號及5號之間的距離垂直平分各圖層

clip_image011

總結各項對齊功能如下:

  1. 選擇「圖層 > 對齊」或「圖層 > 使圖層對齊選取範圍」,並從次選單中選擇指令。這些指令都可在「移動」工具選項列中的「對齊」按鈕找到。

頂端邊緣 clip_image012

將選取圖層上頂端的像素,對齊所有選取圖層上最頂端的像素,或是對齊選取範圍邊框的頂端邊緣。

垂直居中 clip_image013

將每一個選取圖層上的垂直居中像素,對齊所有選取圖層的垂直居中像素,或是對齊選取範圍邊框的垂直居中位置。

底部邊緣 clip_image014

將選取圖層上底部的像素,對齊選取圖層上最底部的像素,或是對齊選取範圍邊框的底部邊緣。

左側邊緣 clip_image015

將選取圖層上左側的像素,對齊最左邊圖層上左側的像素,或是對齊選取範圍邊框的左側邊緣。

水平居中 clip_image006[1]

將選取圖層上的水平居中像素,對齊所有選取圖層的水平居中像素,或是對齊選取範圍邊框的水平居中位置。

右側邊緣 clip_image003[1]

將連結圖層上右側的像素,對齊所有選取圖層上最右邊的像素,或是對齊選取範圍邊框的右側邊緣。

平均分配圖層與群組

  1. 選取三個或三個以上的圖層。
  2. 選擇「圖層 > 均分」,然後選擇某個指令。或者,選取「移動」工具 clip_image016,然後在選項列中按一下「均分」按鈕。

頂端邊緣 clip_image017

從每個圖層的頂端像素開始,以平均的間距分隔圖層。

垂直居中 clip_image009[1]

從每個圖層的垂直居中像素開始,以平均的間距分隔圖層。

底部邊緣 clip_image018

從每個圖層的底部像素開始,以平均的間距分隔圖層。

左側邊緣 clip_image019

從每個圖層最左側的像素開始,以平均的間距分隔圖層。

水平居中 clip_image020

從每個圖層的水平居中位置開始,以平均的間距分隔圖層。

右側邊緣 clip_image021

從每個圖層最右側的像素開始,以平均的間距分隔圖層。

Adobe TV 系列-Photoshop CS6 教學1-3 (Aligning Image Layers對齊影像圖層)

1-3自動對齊功能Auto Aligning

參考來源:http://tv.adobe.com/watch/learn-photoshop-cs6/aligning-image-layers/

綜合資料:http://help.adobe.com/zh_TW/photoshop/cs/using/WSAA03F5FB-2F22-49a1-A824-5BEB70A58951.html

說明:我們用最大的熱情翻譯(雖然不一定是百分百的正確),希望能讓大家學習更多更好用的技巧。

clip_image002[7]

接下來要介紹的是自動對齊圖層功能。影片中作範例的四張圖像有相同的邊界。全選圖層以後按下自動對齊按鈕後,會出現這樣的視窗

clip_image004[5]

clip_image005[7]

點選自動後,按下確定鍵,然後會輸出成這樣。

clip_image007

完成圖

Adobe TV系列-Photoshop CS6教學(背景VS圖層)

Backgrounds VS Layers 背景VS圖層

參考來源:http://tv.adobe.com/watch/learn-photoshop-cs6/backgrounds-vs-layers/
說明:我們用最大的熱情翻譯(雖然不一定是百分百的正確),希望能讓大家學習更多更好用的技巧

在這一篇,我們會介紹背景和圖層的概念。

clip_image002

在影片中,講者提供素材中包含了3項:2個圖層 (燈泡及小狗) 及1個背景。當點選背景的時候,上方的選項都會灰色顯示,表示當中有一個鎖定的機制,不能追加指令或動作。不能動的原因很簡單,第一是因為它是一個背景而不是一個圖層。但當點選小狗及燈泡圖層的時候,其他選項都會自動亮起來並可以將圖層移動起來。你可以在圖層中任意將素材修改,例如用橡皮擦把素材刷掉又或調整不透明度(opacity)。相反,在背景區卻不能像在圖層區作任意改動。

 

補充說明:新增檔案時背景顏色為白色或背景色時,會以「背景」呈現;而透明的話,會以圖層呈現。

 

背景層並不支援透明的東西,所以你需要在背景色中作修改。例如在影片中,如果設定前景色為白色;背景色為黑色,在小狗圖層中用橡皮洗刷時,並沒有明顯的改變;但相反,在背景層使用橡皮,卻會刷出一道黑線或看成好像在畫出一條黑線。

那麼我們可以將背景變成圖層嗎?答案是可以的!最常用的方法是在連按背景兩下

它會彈出一個小視窗詢問使用者是否要把背景轉為圖層。改名後按下OK。clip_image004

但在Photoshop新版本中,你可以直接加【遮色片Layer Mask】在背景上,不用先將背景轉為圖層。

clip_image006

 

雖然圖層跟遮色片對用家來說,還算不上很方便。但背景存在的其中一個原因是可以將所圖像壓平,將那些不支援的格式都可以放在photoshop當中,成為一個格式。直到TIFF、JPEG、GIF等格式都統一匯整成為一個PSD檔。到那時候,我們便不用再將背景轉為圖層才能使用了。

 

註:有關圖層的說明概念,可參考此網站
http://help.adobe.com/zh_TW/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-78e3a.html

Adobe TV InDesign CS6 Working with graphs 圖像使用

資料來源: Adobe TV
說明:我們用最大的熱情翻譯(雖然不一定是百分百的正確),希望能讓大家學習更多更好用的技巧。

http://tv.adobe.com/watch/learn-indesign-cs6/working-with-graphics/

這一集會教大家如何將圖像插入明信片中。首先,先到【檔案File】→【置入Place】,可將圖片或文字置入到頁面(Page)中, 快速鍵是【指令D, Command D】來執行。

clip_image002

小提示:可留意檔案的格式名稱來區別檔案類型,例如:影片中的Photoshop檔以(.psd);標籤圖像文件格式(.tif);又或其他類型Indesign可轉換的檔案(如JPEG

RGB模式換到CMYK模式)

當按下開啟後,在浮漂上便能看見置入的圖片。但是影片中範例圖片的排列方向及位置卻不一定是滿足用家需求,就像示範中圖片跟明信片雖然一樣呈水平(landscape)的排列方向(orientation),而若希望能夠將圖片能夠填滿左半邊的明信片。

clip_image004

便需要將圖片移到出血邊(bleed guide)而影片中的黑邊是一張6X4英寸大小紙張的邊界。不過,該邊界只是一個建議讓用家知道該在那裏輸入文字或在明信片內有什麼物件而已。

示範中,將圖片裁切修飾讓圖片能從邊界到邊界,邊貼邊在列印的區域上。如果在出血邊上點選(紅色邊),使浮漂變為黑色(意思並不是在邊界上)。如果將圖片移到紅色的邊界便會轉為白色,那便會出現在左上角幼小的剪咀。

clip_image006

快速點選圖片能將它還原至真實大小尺寸,但這樣的話,圖片高度卻無法乎合紙張的高度,除片有更高解像度的圖像。在【選取工具Selection tool】,可以透過拉動圖片的把手(handles)來以達到裁切圖像的效果,而這些邊界是藍色的,在圖像的邊界和文件的中央呈現。將它們拉動到紫色的縱向導線便能裁去相片的右面部份。另一方面,同時將相片的邊界拉長到底部至紅色邊界。而在控制面版的上方有一排的工具列,可以選擇【等比例符合框架Fill Frame Proportionally】及【置中Center】。

clip_image008

要留意的是,如果圖像的解像度太低的時候,以上的按鈕可能不會出現。這樣的話,便要到【物件Object】→【符合Fitting】,選擇【等比例符合框架Fill Frame Proportionally】clip_image010

但在這個例子中,如果選擇使【內容符合框架大小 Fit Content Proportionally】的話,這會讓圖片出現空隙出現在圖片的上方和下方,然這個情況不希望出現的。不過,就算按下這些選擇後圖像中的主角仍未能在相片所設的框架中呈現,所以便需使用內容捕取器(content grabber),這個在放置圖像正中央細小的標靶能讓用家點選及拖拽

clip_image012

及移動到匣子讓主角能在圖像區出現。要注意的是,圖片會被裁切在黑線上,那是在明信片的底邊及紙張的界線。這樣再用選取工具,抓取角落裁切到適合的大小。

然後,選取【檢視View】→【使頁面符合視窗Fit Page in Window】。如果想返回(undo)之前的步驟,如影片中因移動相片而使影像移離紅邊。

如果勾走點選的圖片看見藍點向下拉動到紅界,印刷店可能會因你忘記那出血邊去設計那1/8英吋的出血邊而附加收費。

Zoom out(command and minus)或(CTRL and minus),那個橙色的方塊顯示圖片在photoshop檔時最原始的尺寸;而藍色的邊則是內容或框的邊界。即使它超過紅色出血的邊界,也是沒問題的,如果不想意外地移到圖片,可考慮將其拉回到紅色邊附近。而外面的白色、頁面和出血區域是張貼區(pasteboard),那是一個可讓用家設計及將它們帶到頁面上或讓用家可先暫放備用的物件。

所以,以上便是置入圖片,移動和裁切影像的方法。

Indesign CS6 Working with tools使用工具

資料來源: Adobe TV
說明:我們用最大的熱情翻譯(雖然不一定是百分百的正確),希望能讓大家學習更多更好用的技巧。

http://tv.adobe.com/watch/learn-indesign-cs6/working-with-to ols/

Indesign有一個垂直的工具列,如果你的滑鼠在任何一個工具上停留,會顯示出工具的名字,而在括號內會讓你知道快速鍵。例如:選取鍵有兩個方法去點選,第一個個是字母鍵V(作者以”Move”名之);若要點取直接選取鍵則可按下字母A

clip_image002

將ADOBE軟體相比於微軟軟體在這裏,單一個字母便已改變成不同的工具

繼續閱讀