2015年7月29日 星期三

△一些Photoshop 教學

歡迎前往 電腦大玩家1F -資訊柑仔店
書呆子彩虹電燈泡八分音符 歡迎蒞臨 est100 電腦大玩家1F 請按右邊 => est100 電腦大玩家1F祝 學習有成

adobe,photoshop,psphotoshop,ps


△一些Photoshop 範例教學1
http://est100i.blogspot.tw/2015/07/photoshop-1.html
△一些Photoshop 範例教學2
http://est100i.blogspot.tw/2015/08/photoshop-2.html
△一些 Photoshop
http://est100i.blogspot.tw/2015/04/photoshop.html

Adobe Photoshop,簡稱「PS」,是一個由Adobe開發和發行的影像處理軟體。
Adobe Photoshop - 維基百科,自由的百科全書
https://zh.wikipedia.org/wiki/Adobe_Photoshop

影像處理 (image processing)

彩虹Photoshop 操作環境


工作表列(指令區):photoshop的 功能指令區。
選項列:可進行個別工具組的細部設定。
工具列:photoshop共32種工具組,工具按鈕右下方有”小黑三角形”可切換其他相關工具。
面板快捷列:可將常用的面板放置這裡,方便使用。
浮動面板:將許多功能表清單放至於此。
狀態欄:有顯示百分比跟檔案狀態資訊。

●浮動面板
操作介面介紹(二)  http://www.twisu.com.tw/3/photosp/ps1/ps1004.htm
操作環境介紹  http://www.flycan.com/deux2/mypaper/photoshop/01.htm

彩虹 Photoshop工具列
PHOTOSHOP - 工具列 @ 寶寶 的相簿 :: 痞客邦 PIXNET ::  http://pohing.pixnet.net/album/photo/24335478-%E5%B7%A5%E5%85%B7%E5%88%97

彩虹圖檔類型 
向量圖 ( vector )
圖形使用數學運算式來描述組成影像
向量圖形放大不會影響畫質
常見的向量圖檔案有ai、cdr、eps、fla...等

點陣圖(bitmap)
圖形由像素 ( pixel )組合而成
點陣圖如果在電腦上一直放大會變馬賽克
常見的點陣圖檔案有jpg、gif、bmp、png、tiff、psd...等

彩虹 色彩模式
RGB 紅、綠、藍(光的3原色)
CMYK Cyan(青色)、Magenta(洋紅)、Yellow(黃)、inK(黑色)(印刷四色)
HSB Hue (色彩)、Saturation(飽和度)、Brightness(亮度)
Lab Lightness(亮度)、 a元素(綠色-紅色軸)、B元素 (綠色-紅色軸)

◎RGB模式
R(紅) 、G(綠) 、B(藍),光的三原色,疊加形成了其它的色彩。因為三種顏色都有256個亮度水平級,所以三種色彩疊加就形成1670萬種顏色了。用於電腦多媒體、視訊、網頁設計。RGB模式所提供的有些色彩已經超出了打印的範圍之外。
◎CMYK模式
C(靛青)、M(洋紅)、Y(黃)、K(黑),印刷油墨的四種顏色,用於印刷、大圖輸出等。當陽光照射到一個物體上時,這個物體將吸收一部分光線,並將剩下的光線進行反射,反射的光線就是我們所看見的物體顏色。這是一種減色色彩模式。
◎Lab模式
Lab模式是有國際照明委員會(CIE)於1976年公佈的一種色彩模式。依據人類看到的顏色為準。Lab模式彌補了RGB和CMYK兩種色彩模式的不足。L(光亮值)、A(深綠到灰)、B(亮藍到灰),色彩的範圍超過RGB模式和CMYK模式,Lab 色彩是 Photoshop 從一種色彩模式轉換到另一種色彩模式時,所使用的中介色彩模型,以3D立體模擬的色階模型。
◎Grayscale模式 (灰階模式 )
圖像中的色相與飽和度被去掉,只剩下亮度,產生灰色的圖樣。在 8 位元影像中,最高可達 256 種灰色
◎Bitmap模式 (點陣圖模式)
黑白點陣圖模式,圖像只有黑白兩種顏色,唯有灰階模式跟多重色板模式可以轉換。
◎雙色調(duotone)模式
雙色調模式使用一到四個自訂油墨,建立單色調、雙色調 (兩種顏色)、三色調 (三種顏色) 和四色調 (四種顏色) 的灰階影像,用於印刷(套色)。
◎ Indexed模式 (索引色模式)
最多能容納256色符合網頁之色彩。Photoshop 在轉換成索引色時,會建立色彩查閱表 (CLUT) 來儲存影像中的顏色,並為其編列索引。
◎多重色版模式
「多重色版」模式於每個色版中使用 256 灰色色階,適合專業的列印(特別色色板)。


Adobe Photoshop * 色彩模式
https://helpx.adobe.com/tw/photoshop/using/color-modes.html
色彩模式 @ 生活備忘 :: 痞客邦 PIXNET ::
http://penny22034.pixnet.net/blog/post/37439613-%E8%89%B2%E5%BD%A9%E6%A8%A1%E5%BC%8F
印刷四分色模式 - 維基百科,自由的百科全書
https://zh.wikipedia.org/wiki/%E5%8D%B0%E5%88%B7%E5%9B%9B%E5%88%86%E8%89%B2%E6%A8%A1%E5%BC%8F

彩虹白平衡(White Balance)
Sony Global - 數位影像 - 基本知識
白平衡功能可以針對拍攝環境光線色彩的影響進行補償,以便使相片中的白色物體呈現白色。

http://www.sony.net/Products/di/zh-tw/Learnmore/knowledge/08.html

彩虹色調(Tints and shades)
色調 - 維基百科,自由的百科全書
總體有一種色調,是偏藍或偏紅,是偏暖或偏冷等等
https://zh.wikipedia.org/wiki/%E8%89%B2%E8%B0%83
Adobe InDesign * 色調
「色調」是顏色的濾色 (較淺) 版本。 色調可以產生額外的特別色變化,不需要多付出特別色油墨的成本,因此是一種相當經濟的作法。

https://helpx.adobe.com/tw/indesign/using/tints.html
Adobe Photoshop * 雙色調
https://helpx.adobe.com/tw/photoshop/using/duotones.html

彩虹色階(Levels)
Photoshop【色階】基本調色 – 修圖入門 | 【飛肯設計學苑】教學與分享
調整照片色彩明暗度最簡單的工具
【色階】洋文原名叫作 Levels
http://www.flycan.com/article/photoshop/photoshop-levels-110.html
Photoshop 說明 | 調整影像色彩和色調
您可以利用「色階」調整項目來調整影像陰影、中間調和亮部的強度層級,進而校正影像的色調範圍和色彩平衡。「色階」的色階分佈圖是調整影像關鍵色調的視覺指引。

CS5 中的調整圖層 

A. 陰影 B. 中間調 C. 亮部 D. 套用自動色彩校正 
https://helpx.adobe.com/tw/photoshop/using/adjusting-image-color-tone.html#levels_overview

△一些數位影像色彩,白平衡(White Balance),色調(Tints and shades),色階(Levels),
曲線(Curves),HSL色彩 ( HSL color ),飽和度(Saturation)或彩度 (Chroma),
高動態範圍成像(HDR),暗角/ 暈影(Vignetting)
http://est100i.blogspot.tw/2016/05/blog-post.html

彩虹 像素 (Pixel) 
數位影像的計算單位
解析度 (Resolution) 一英吋有多少個「像素」(格點)
影像尺寸 (Image Size) 電腦螢幕上顯示的大小, 如 1024×768像素.
紙張尺寸 (Paper size) A4, 8.27 × 11.69(英寸/ 吋). 如 6吋×4吋

電燈泡一張300×200的數位影像,長300個像素、寬200個像素,所組成(300×200=60,000)共6萬個像素。
數位相機能拍攝最大影像為3072×2304=7,077,888像素,即為7百萬像數的相機。

電燈泡檔案大小 = 像素總量 X 每個像素的大小
◎ 灰階模式中 1 pixel 相當於 1 byte 的大小。
◎ RGB 模式中 1 pixel 相當於 3 bytes 的大小。
◎ CMYK 模式中 1 pixel 相當於 4 bytes 的大小。

彩虹 解析度
影像解析度, 設備解析度, 螢幕解析度

電燈泡
◎影像解析度
(Pixel Per Inch, PPI,每英吋的像數)
影像解析度決定列印的尺寸
像素的尺寸決定螢幕上尺寸大小
 
設備解析度(Dot Per Inch, DPI,每英吋的點數)
   印表機的解析度越高,表示每英吋列能印的像素點更多。


螢幕解析度 (文字和影像顯示在螢幕上的清晰度)

解析度較高 (如 1600 x 1200 像素) 時,項目看起來較清晰,也比較小。
解析度較低 (如 800 x 600 像素) 時,螢幕上顯示項目看起來比較大,項目較少


video,display,computer,monitor,screendell,display,front,computer,monitor,screen
●「4:3」舊電腦螢 幕解析度
  640x480、800x600、1024x768、1280x1024..等。
●「16:9」寬屏螢 幕解析度
  1280x720、1366x768..等。

變更您的螢幕解析度  
http://windows.microsoft.com/zh-tw/windows7/change-your-screen-resolution
Adobe Photoshop * 影像尺寸與解析度
https://helpx.adobe.com/tw/photoshop/using/image-size-resolution.html

電燈泡影像尺寸((總像素數)=影像的解析度 × 列印的尺寸
     列印尺寸(輸出相片尺寸)=像素尺寸÷影像解析度
  
以目前一般沖印店的機器約是300dpi大小為範例。


若是 180DPI 所需畫素如下:(取近似值):
4x6吋 = 4x180 x 6x180 = 720x1080畫素 = 78萬畫素

若是 300DPI 所需畫素如下:
3x5吋 = 900x1500畫素 = 135 萬畫素
4x6吋 = 1200x1800畫素 = 216 萬畫素
5x7吋 = 1500x2100畫素 = 315 萬畫素
6x8吋 = 1800x2400畫素 = 432 萬畫素
8x10吋 = 2400x3000畫素 = 720 萬畫素
10x12吋 = 3000x3600畫素 = 1080 萬畫素
12x15吋 = 3600x4500畫素 = 1620 萬畫素
12x18吋 = 3600x5400畫素 = 1944 萬畫素

若是  400DPI 所需畫素如下:
4x6吋 = 1600x2400畫素 = 384 萬畫素

電燈泡影像輸出尺寸常用相片尺寸最佳影像輸出規格表
尺寸/英吋尺寸/公分像素/高x寬解析度檔案格式
2x35.08x7.62600x900300dpiJPEG
3.5x58.89x12.71050x1500300dpiJPEG
4x610.16x15.241200x1800300dpiJPEG
5x712.7x17.781500x2100300dpiJPEG
6x815.24x20.321800x2400300dpiJPEG
A421x29.72480x3508300dpiJPEG
10x1225.4x30.483000x3600300dpiJPEG
11x1427.94x35.563300x4200300dpiJPEG
A329.7x423508x4961300dpiJPEG
12x1830.48x45.723600x5400300dpiJPEG
16x2040.64x50.84800x6000300dpiJPEG
20x2450.8x60.966000x7200300dpiJPEG
20x3050.8x76.26000x9000300dpiJPEG
4x410.16x10.161200x1200300dpiJPEG
4x710.16x17.781200x2100300dpiJPEG
4x810.16x20.321200x2400300dpiJPEG
5x5 CD-CASE12.7x12.71500x1500300dpiJPEG
5x8.512.7x8.51500x2550300dpiJPEG
5x1012.7x25.41500x3000300dpiJPEG
5x1412.7x35.561500x4200300dpiJPEG
.上表為一般數位沖洗的尺寸大小與基本像素、解析度對照表。
 注意:基本解析度一定要設定為300dpi,存檔時的品質設定為最好。

像數位影像、像素、影像大小、解析度、列印尺寸
http://163.23.84.67/~teac/p/doc/p-r/p-r.htm
影像概念 http://www.twisu.com.tw/3/photosp/ps1/ps1001.htm

電燈泡了解身份證及護照的規範及尺寸需求。
http://www.kikinote.com/article/4315.html
照片尺寸
http://netkiller.sourceforge.net/zh-tw/multimedia/ch21.html
数码照片冲印尺寸对照表大全
http://www.photops.com/Article/smsc/20100316212831.html

電燈泡常用圖片格式
PSD: Photoshop 格式 (PSD) 是預設的檔案格式,原生格式的檔案,編輯檔。
PDD:PDD是PhotoDeluxe Document的縮寫,此格式只用來支援Photo Deluxe的功能。Photo Deluxe現已停止開發。
jpg : (JPEG) 一種破壞性、減損性 (Loss) 壓縮的格式,支援高彩(1600萬色以上),檔案小。 
png : 壓縮格式,透明,可與flash結合運用。
gif : GIF, 影像互換格式, 一種採用減色方式的壓縮圖檔,256色,支援去背透明,可以為動畫。
http://okok1111111111.blogspot.tw/2013/05/gif.html
http://okok1111111111.blogspot.tw/2014/05/spiderman-gifs-gif.html

bmp :微軟圖檔,只能製作RGB色彩。
tiff :可以使用在跨平台、不同作業系統的軟體上,pc與mac可以讀取,並支援全彩模式,檔案大,印刷常用格式。
eps 輸出排版專用格式,跨平台,pc與mac可以讀取,可同時包含點陣與向量圖,可含”路徑”資料,一般使用在作平面輸出的完稿製作上。
pdf:可同時應用於網路文件傳輸及印刷設定的檔案格式。

Adobe Photoshop * 檔案格式
http://www.flycan.com/deux2/mypaper/photoshop/04.htm
https://helpx.adobe.com/tw/photoshop/using/file-formats.html#WSfd1234e1c4b69f30ea53e41001031ab64-7754a

Photoshop常用檔案格式
http://www.twisu.com.tw/3/photosp/ps1/ps1002.htm
圖檔的儲存格式
http://www.snjh.tc.edu.tw/~cmlee/doc/school/%E5%9C%96%E6%AA%94%E7%9A%84%E5%84%B2%E5%AD%98%E6%A0%BC%E5%BC%8F.htm
常用影片檔案格式介紹 http://kcs.kcjh.ptc.edu.tw/~spt/computer/html/vidio.htm
圖形文件格式比較 - 維基百科,自由的百科全書
http://zh.wikipedia.org/wiki/%E5%9B%BE%E5%BD%A2%E6%96%87%E4%BB%B6%E6%A0%BC%E5%BC%8F%E6%AF%94%E8%BE%83

彩虹 縮圖 -  (影像解析度)
影像尺寸工具使用

1 影像 ---> 影像尺寸 (Alt+Ctrl+I) --->

---> 2 改寬度或改高度皆可,寬與高都會同時等比例縮小。


其他方法如 利用「裁切工具」,「版面尺寸」....
△一些縮圖軟體
http://est100i.blogspot.tw/2014/01/blog-post_692.html

彩虹 曲線(Curves)調整反差、亮度及色調



Photoshop 教學 – 曲線 – 亮度調整 – 入門篇【一】 | 【飛肯設計學苑】教學與分享
http://www.flycan.com/article/photoshop/photoshop-curve-595.html
Photoshop 說明 | 曲線調整
https://helpx.adobe.com/tw/photoshop/using/curves-adjustment.html

彩虹 去痘痘、去斑、去紅眼....
污點修復筆刷工具/ 修復筆刷工具/ 修補工具/ 紅眼工具使用

A1 污點修復筆刷工具 ---> 滑鼠左鍵點一下---> 去污
(如使用 修復筆刷工具, 須先按一下滑鼠左鍵運算相近顏色與質感)
(如使用 修補工具, 須先將要修除的區域選取 ---> 選取範圍上按住左鍵往旁拉 --->放開左鍵)
A2 紅眼工具 ---> 滑鼠左鍵點一下---> 去紅眼
ALT鍵 按住+滑鼠滾輪 快速放大縮小圖片

編輯

取消選取 Ctrl+D
重新選取 Ctrl+Shift+D

還原/重做前一步操作 【Ctrl】+【Z】
後退/還原兩步以上操作 【Ctrl】+【Alt】+【Z】
向前/ 重做兩步以上操作 【Ctrl】+【Shift】+【Z】

範例圖片 - wup協作平台資料
https://sites.google.com/site/est100ok/ppt2video

彩虹 Minions 小小兵 舉牌
修補工具/ 影像尺寸工具 / 電腦版LINE使用

1『檔案/開啟舊檔』(或 Ctrl + O) (圖層面板上「背景」呈現鎖定)--->

---> 2  圖層面板「背景」快速點兩下 ---> 新增圖層 - 確定 --->

---> 3修補工具 --->

---> 4 修補工具 選取要修除的區域 --->

---> 5 選取範圍按住左鍵往上拉(來回多次) (ALT鍵 按住+滑鼠滾輪 快速放大縮小圖片)

 ---> 6 放開左鍵 ---> 取消選取 Ctrl+D --->

---> 7  文字工具/ 水平文字工具

--->8 打字 --->

---> 9 (縮圖) 影像 ---> 影像尺寸 (Alt+Ctrl+I) --->

---> 10 改寬度,高同時等比例縮小。--->

---> 11   2640k 縮成675k

---> 12『檔案/另存新檔 』---> 原PNG 改存成JPEG檔 ---> 61K



--->13 圖片放到電腦版LINE
---> 14 掃描行動條碼 進入
---> 15 夾帶圖片

---> 16 完成



ALT鍵 按住+滑鼠滾輪 快速放大縮小圖片

影像
影像尺寸 Alt+Ctrl+I

選取
取消選取 Ctrl+D
重新選取 Ctrl+Shift+D

編輯
還原/重做前一步操作 【Ctrl】+【Z】
後退/還原兩步以上操作 【Ctrl】+【Alt】+【Z】
向前/ 重做兩步以上操作 【Ctrl】+【Shift】+【Z】

blue,ball其他方法
⌘Photoshop CS5 – 內容感知 – 快速消除路人與雜物
工具箱 / 套索工具--雜物選取--->功能表 / 編輯 / 填滿---【內容感知】--->Ctrl+D取消選取範圍梅問題-Photoshop教學-決戰60秒-photoshop CS5跟路人雜物說掰掰

⌘工具箱 / 修復污點筆刷工具
⌘印章工具

電燈泡Photo Collage, Jigsaw puzzle, Photo Blend, Photo combination, Composite picture.
照片拼貼, 拼圖, 照片合成, 照片組合, 複合圖片
http://okok1111111111.blogspot.tw/2014/05/photo-collage-jigsaw-puzzle-photo-blend.html

CH02 Photoshop  基本操作
http://www.pws.stu.edu.tw/shchen/Handout/STU_CS6_CH02.pdf

✹步驟紀錄浮動視窗,執行「視窗/顯示步驟紀錄」-->顯示出來
在 Adobe Photoshop 中還原/重做和步驟記錄
https://helpx.adobe.com/tw/photoshop/using/undo-history.html


電燈泡Photoshop 鍵盤快速鍵
檔案
開新檔案 Ctrl+N
開啟舊檔 Ctrl+O
在Bridge中開啟 Ctrl+Alt+O
離開/關閉 Ctrl+W
儲存檔案 Ctrl+S
另存新檔 Ctrl+Shift+S
儲存備份 Ctrl+Alt+S
儲存為網頁用 Ctrl+Alt+Shift+S
頁面設定 Ctrl+Shift+P
列印 Ctrl+P
結束 Ctrl+Q

編輯
還原/重做前一步操作 【Ctrl】+【Z】
後退/還原兩步以上操作 【Ctrl】+【Alt】+【Z】
向前/ 重做兩步以上操作 【Ctrl】+【Shift】+【Z】

剪下 Ctrl+X
拷貝 Ctrl+C
拷貝合併 Ctrl+Shift+C
貼上 Ctrl+V
貼入範圍內 Ctrl+Shift+V
任意變形 Ctrl+T

影像
影像尺寸 Alt+Ctrl+I
版面尺寸 Alt+Ctrl+C

調整色階 Ctrl+L
調整自動色階 Ctrl+Shift+L
調整自動對比 Ctrl+Alt+Shift+L
調整曲線 Ctrl+M
調整色彩平衡 Ctrl+B
調整色相/飽和度 Ctrl+U
去除飽和度 Ctrl+Shift+U
負片效果 Ctrl+I

圖層
旋轉圖層 Ctrl+R
新增圖層 Ctrl+Shift+N
拷貝的圖層 Ctrl+J
剪下的圖層 Ctrl+Shift+J
群組 Ctrl+G
解散群組 Ctrl+Shift+G
移至最前 Ctrl+Shift+]
置前 Ctrl+]
置後 Ctrl+[
移至最後 Ctrl+Shift+[
置後 Ctrl+[
向下合併圖層(Merge Down) Ctrl+E
合併可見圖層(Merge Visible) Ctrl+Shift+E

選取
全選 Ctrl+A
取消選取 Ctrl+D
重新選取 Ctrl+Shift+D
反轉 Ctrl+Shift+I
羽化 Ctrl+Alt+D

檢視
ALT鍵+滑鼠滾輪 快速放大縮小圖片

CMYK 四色預視(Preview CMYK) Ctrl+Y
色域警告 Ctrl+Shift+Y
放大顯示 Ctrl++
縮小顯示 Ctrl--
顯示全頁 Ctrl+0 (零)
按兩下手形工具 Cmd+0 (零)
按兩下手形工具
實際像素 Ctrl+Alt+0 (零) 或
按兩下放大鏡工具 Cmd+Option+0 (零) 或
按兩下放大鏡工具
隱藏邊緣 Ctrl+H
隱藏路徑 Ctrl+Shift+H
顯示尺標 Ctrl+R
隱藏參考線 Ctrl+;
靠齊至參考線 Ctrl+Shift+;
鎖定參考線 Ctrl+Alt+;
顯示格點 Ctrl+"

濾鏡
前次濾鏡 Ctrl+F
動態模糊 Ctrl+Shift+F

視窗
動作【Alt+F9】

Photoshop 說明 | 預設鍵盤快速鍵
https://helpx.adobe.com/tw/photoshop/using/default-keyboard-shortcuts.html
photoshop 常用快速鍵 @ 畫圖寫心情 :: 隨意窩 Xuite日誌
http://blog.xuite.net/yunamail5/myblog/43990288-photoshop+%E5%B8%B8%E7%94%A8%E5%BF%AB%E9%80%9F%E9%8D%B5

影像處理 (image processing)
人機互動 (Human-Computer Interaction, HCI)
ledlightblue,ball,blue,led,light,tip,energy,hint
Photoshop 學習與支援
https://helpx.adobe.com/tw/photoshop/topics.html
Photoshop 說明 | 以圖形格式儲存檔案
https://helpx.adobe.com/tw/photoshop/using/saving-files-graphics-formats.html
△一些常見的圖片格式  
http://est100i.blogspot.tw/2014/08/blog-post.html

書呆子書呆子書呆子數位攝影軟體 | 下載免費的 Adobe Photoshop Lightroom CC 試用版
http://www.adobe.com/tw/products/photoshop-lightroom.html
abc2012....Aa
ledlightblue,ball,blue,led,light,tip,energy,hint
設計師哭哭!Adobe開發可完美複製照片風格的新技術 | ETtoday3C新聞 | ETtoday東森新聞雲
http://www.ettoday.net/news/20170401/896275.htm
ledlightblue,ball,blue,led,light,tip,energy,hint
書呆子書呆子台灣就業通 :: 職能探索 ::(勞動部勞動力發展署委託中國測驗學會修訂的一份興趣量表)
http://php.ejob.gov.tw/interest/
書呆子可能是最準確的職業測試
http://www.arealme.com/career/zh/
薪資查詢 - 美編人員薪水 1111人力銀行薪資職能報告
薪資查詢 - 電子商務技術主管薪水 1111人力銀行薪資職能報告
廣告設計薪資比較-產業別-1111人力銀行薪資職能報告

美工設計產業分析

具備能力:
色彩美感賞析及視覺傳達
.熟悉數位平面軟體原理及應用
具備印刷設計能力

專業實務:
平面設計、美工與視覺設計、DM文宣設計、視訊剪輯實務、美工立體設計、多媒體簡報、數位攝影、影像處理、美工繪圖、視覺傳達、識別設計運用、數位插畫、印刷設計、美工網頁設計...等

就業市場:
美工設計產業相關職務: 平面設計人員、平面廣告設計人員、包裝設計人員、商品設計人員 、視覺設計人員 、美編人員、商業設計師 、網頁美工設計師、雜誌美術編輯...等

美工、設計、創意

沒有留言:

張貼留言