코덱Codec

코덱은

부호기Coder와 복호기Decoder의 합성어로, 압축Compress과 해제Decompress의 개념으로 생각하면 된다.

동영상 원본에는 많은 용량의 데이터가 포함되 있다. 몇 초에 불과한 동영상에 몇 기가바이트 단위의 데이터가 포함된 경우도 있는데, 압축을 하는 과정을 거치면 해당 데이터를 재생이 용이하거나 편집을 좀 더 수월하게 할 수 있도록 변환해 준다. 

이 과정을 인코딩Encording이라고 한다

코덱이 없으면 화면이 나오지 않거나 소리가 들리지 않는다.

영상을 압축하고 해제하는 과정에서는 코덱이 반드시 필요하기 때문에 영상 재생을 위해서 필요하다.

인터넷에서 찾을 수 있는 통합코덱을 설치하면 편하다

코덱의 종류

MPEG-1

오디오/비디오 규격으로 전 세계에서 사용하는 형식 중 하나이다. 

비디오CD, 케이블, 위성TV 등에 이용한다. 비디오와 레이어 I/II 오디오는 라이선스 비용을 지불하지 않고 이용할 수 있다

MPEG-2

디지털 위성방송, 디지털 유선방송 등 디지털 방송용으로 사용한다.

MPFG-2를 

AVI Format(.avi): Audio Video interleave)

Quicktime Format(.mov)

Windows Media Video Format(.wmv)

MP4 Format(.mp4)

MKV

3GP File Extension(3.gp)

webM

Flash Video Format(.flv)

[Photoshop_CC] 벡터, 패스, 셰이프

벡터Vector 방식은 점과 점을 연결해서 선이나 곡선으로 도형을 만들고 내부에 색상이나 패턴을 적용한 도형들이 모여서 하나의 이미지가 만들어진다

펜 도구: 직선과 곡선을 정교하게 패스로 추출하여 선택 영역으로 만든다. 다른 툴에 비해 익숙해지기까지 다소 시간이 걸리지만 정밀한 드로잉이 가능할 뿐 아니라 언제든지 수정이 가능하기 때문에 실무에서는 많이 쓰인다. 그만큼 활용도가 높은 툴이므로 꼭 익히도록하자

직선 패스 그리기
펜 툴을 선택하고 시작점을 클릭한 후 끝점을 클리갛면 직선 패스가 만들어진다. 이때 Shift를 누른채 끝점을 클릭하면 45도, 수직, 수평으로 패스가 그려진다

곡선 패스 그리기
시작점을 클릭하고 두 번째 지점을 클릭한 채로 마우스에서 손을 떼지 않고 드래그한다. 세번째 지점을 클릭하면 방향선의 영향을 받아 자연스러운 곡선이 만들어진다
*패스를 그리는 중 Del을 누르면 이전 앵커 포인트가 삭제된다

방향선이 없는 곡선 패스 그리기
임의로 만들어진 방향선을 제거하여 자유롭게 곡선 패스를 그리거나 곡선 패스를 직선 패스로 전환하려면  Alt를 눌러 방향선을 제거한 후 패스를 만든다

열린 패스와 닫힌 패스
시작점과 끝점이 끊어진 패스를 열린 패스, 맞닿은 패스를 닫힌 패스라고 한다
닫힌 패스는 선택영역으로 지정한다

패스 수정하기
기준점 추가 도구
기준점 삭제 도구
기준점 변환 도구: 패스 기준점의 속성을 바꾼다

패스 선택: 패스 전체 기준점을 선택
직접 선택: 패스의 베지어 곡선과 기준점을 각각 선택
*펜 툴이 선택된 상태에서 Ctrl을 누르면 직접 선택 툴로 전환되고, Alt를 누르면 포인트 변환 툴로 전환된다

단축키
Alt+앵커 포인트: 방향선을 제거
Shift+클릭: 45도, 수평, 수직 형태로 그려진다
Ctrl+앵커 포인트, 드래그: 패스 선택 시 직접 선택 도구로 전환되어 방향선 및 위치를 변경할 수 있다
펜 툴 사용 중 Alt: 포인트 변환 툴로 전환한다
앵커 포인트 추가 툴 사용중 Alt: 앵커 포인트 삭제 툴로 전환한다(반대로도 적용)
Shift+Ctrl+H: 패스 선을 보이거나 감춘다
Delete: 패스를 삭제한다
Alt+Ctrl+Z: 이전 작업을 한 단계씩 취소한다(되돌리기)
Ctrl+Enter: 패스를 선택 영역으로 활성화한다

[Photoshop_CC] 리터칭, 보정하기, 뽀샵

블러툴Blur: 이미지를 뿌옇게 하여 번지는 듯한 느낌을 준다

흐림 효과 도구Blur: 드래그한 부분을 뿌옇게 한다
-브러시 패널 켜기/끄기Toggle the Brush panel: 브러시 패널을 불러온다
-강도Strength: 불투명도를 조절한다. 값이 작을수록 투명하게 칠해진다
-모든 레이어 샘플링Sample All Layers: 체크 해제하면 선택된 레이어의 이미지에만 적용
선명 효과 도구Sharpen: 드래그한 부분을 선명하게 보이게 한다
-세부 사항 보호Protect Detail: 선명 효과를 향상시키고 픽셀 훼손을 최소화하려면 체크
손가락 도구Smudge: 드래그한 방향으로 이미지를 뭉갠다
-손가락 페인팅Finger Painting: 체크한 후 문지르면 전경색을 이용하여 픽셀의 밀림효과가 적용된다. Strength 값이 100%일 때는 전경색으로만 칠해진다

닷지툴Dodge: 이미지를 밝게 한다

번 도구: 이미지의 특정 영역을 어둡게 한다
-색조 보호Protect Tones: 밝은 영역과 어두운 영역의 색상 톤을 보호하면서 효과를 적용한다
스펀지 도구: 이미지의 특정 영역의 채도를 높이거나 낮춘다
-활기Vibrance: 채도 변화가 심한 부분은 계조 손실을 최소화하여 이미지를 보호한다
*닷지/번/스펀지를 사용하면 원본이미지가 영구적으로 변하기 때문에 수정이 어렵다. Ctrl+J를 눌러 레이어를 복사한 후 적용하는 것이 좋다


힐링 브러시 툴: 이미지의 질감을 복제하여 자연스럽게 합성한다. 일명 뽀샵

스팟 복구 브러시Spot Healing Brush: 클릭 한 번으로 이미지를 수정한다. 사진의 잡티를 제거할 때 유용
-근접 일치Proximity Match: 선택 영역 주위의 픽셀을 사용한다
-텍스처 만들기Create Texture: 선택 영역 주위의 픽셀을 사용하여 텍스처로 사용한다
-내용 일치Content-Aware: 인접한 이미지의 명암과 질감을 비교하여 선택 영역을 매끄럽게 칠하여 세부 묘사를 실감나게 유지한다
복구 브러시Healing Brush: 브러시 형태대로 주변의 색상과 혼합시키면서 복제한다
보정해야 할 이미지 옆 부분을 Alt를 누른 채로 클릭한 다음 보정할 부분을 클릭하거나 드래그하여 적용한다
-샘플Sample: 선택 영역 주위의 픽셀을 사용한다
-패턴Pattern: 패턴의 픽셀을 사용한다
-정렬Aligned: 소스 포인트 지점과 브러시 적용 위치를 일정한 간격으로 유지한다
패치Patch: 복구 브러시 툴과 비슷한 성격이다. 이미지 영역을 선택 영역으로 지정해 옮기면 주변의 색상과 혼합시키면서 복제한다.
올가미 툴로 선택하듯이 이미지에서 삭제할 부분을 드래그 한다. 그런 다음 복제할 이미지 부분으로 드래그한 후 Ctrl+D를 눌러 선택 영역을 해제한다
-소스Source: 선택 영역으로 지정한 부분을 다른 영역으로 이동하면 이동한 부분의 이미지가 복제된다
-대상Destination: 선택 영역으로 지정한 부분을 다른 영역으로 이동하면 선택한 부분의 이미지가 복제된다
내용 인식 이동Content-Aware Move: 선택 영역으로 지정한 이미지를 원하는 위치로 최대한 자연스럽게 옮긴다
*콘텐츠 인식 이동 툴만으로는 깔끔하게 이동되지 않는다. 힐링 브러시와 복제 도장을 함께 사용한다
적목 현상 도구Red Eye: 눈동자의 적목 현상을 빠르게 없앤다

복제 도장 툴: 이미지를 복제

[Photoshop_CC] 자르기Cut, 지우기Eraser

자르기 도구: 이미지에서 필요한 부분만 남기고  나머지 부분을 제거한다

자른 픽셀 삭제Delete Cropped Pixels: 체크하면 잘릴 부분이 완전히 삭제된다
똑바르게 하기Straighten: 기울어진 이미지를 수평으로 맞춘다
원근 자르기 도구: 원근감을 적용하여 자른다

지우개 도구: 이미지의 일부분을 지운다

배경 지우게 도구Background Eraser Tool: 드래그하면 제거된 이미지가 투명해진다
자동 지우개 도구Magic Eraser Tool: 유사한 색상 영역을 모두 투명하게한다
작업 내역으로 지우기Eraser to History: 드래그한 부분을 원래대로 복원한다

[Photoshop_CC] 선택 툴

1. 이동툴: 선택된 영역이나 레이어를 원하는 위치로 옮김

대지도구Artboar Tool: 모바일 디바이스용 이미지 작업을 위한 캔버스를 만듭니다
Alt를 누른채로 드래그하면 복제된 채로 이동한다

2. 선택툴: 가장 많이 사용하는 툴로 이미지에서 원하는 영역을 선택

단일 행 선택 윤곽도구_Single Row Marquee Tool: 원하는 영역을 1픽셀 크기의 가로선으로 선택
앤티 앨리어스Anti-alias: 이미지 가장자리에 나타나는 계단 현상을 부드럽게 표이도록 표현합니다. 직사각형과 정사각형을 뺀 모든 도형에 Anti-alias를 적용할 수 있으므로 체크를 해두고 사용하길 권함
스타일Style: 원하는 영역만큼 드래그 하여 자유롭게 지정(표준/고정비/크기고정)
가장자리 다듬기Refine Edge
-Marching Ants: 선택된 영역이 점선으로 표시된다
-Overlay: 선택되지 않은 영역이 붉은색으로 표시된다
-On Black: 선택되지 않은 영역이 검은색으로 표시된다
-On White: 선택되지 않은 영역이 흰색으로 표시된다
-Black&White: 선택된 영역은 흰색, 선택되지 않은 영역은 검은색으로 표시된다
-On Layers: 선택되지 않은 영역은 투명 영역으로 표시된다
-Reveal Layer: 원본 그대로 표시된다
-가장자리 감지Edge Detection: 반경Radius 값을 높이면 가장자리가 부드러워지고, 낮추면 선명해진다
*잘못 선택된 부분은 Alt를 누르고 문지르면 복구된다
-색상 정화Decontaminate Colors: 잔상으로 남아 있는 색상을 제거

단축키

Shift+드래그: 정사각형이나 정원

Alt+드래그: 클릭한 지점을 선택 영역의 중심이 되도록 지정

Alt+Shift+드래그: 클릭한 지점이 선택 영역의 중심이 되는 정사각형이나 정원을 만들기

Ctrl+D: 선택 영역 해제
Shift+드래그: 선택영역 더하기
Alt+드래그: 선택영역 빼기
Alt+Shift+드래그: 선택 영역이 교차된 부분만 남기기

3. 올가미 툴: 드래그한 모양대로 선택 영역을 만듬

자석 올가미 도구_Margnetic Lasso Tool: 색상 차이가 분명한 경계선을 따라 자동으로 선택

단축키
Backspace or Delete: 클릭 이전 단계로 이동
더블클릭 or Enter: 끝점과 시작점을 자동으로 연결하여 선택 영역을 지정
ESC: 선택 영역 취소
Shift+드래그: 15도 단위로 움직여 선택영역을 지정
올가미 사용중 Alt+클릭: 다각형 올가미툴로 전환


4. 빠른 선택 툴: 클릭한 영역과 비슷한 색상의 범위를 자동으로 선택

빠른 선택 도구
-[  ] 을 누르면 브러시 크기를 조절할 수 있다
-모든 레이어 샘플링Sample All Layers: 모든 레어어까지 더해 선택영역을 만든다
-자동 향상Auto-Enhance: 테두리를 자동으로 보정
-가장자리 다듬기Refine Edge
자동 선택 도구
-Alt 누르고 클릭하면 선택 영역에서 제외되고, Shift를 누르면 추가된다
-샘플 크기Sample Size: 선택 범위 선택
-허용치Tolerance: 선택한 픽셀과 인버한 색상 범위를 설정한다(0~255) 값이 작을수록 유사한 색상을 선택한다
앤티 앨리어스Anti-alias: 이미지 가장자리를 부드럽게 표현한다
인접Contiguous: 옵션을 체크하지 않으면 전체 이미지에서 유사한 색상을 사용하는 모든 픽셀이 선택된다

[Photoshop_CC]의 새로운 기능

흔들림 사진 보정 기능: Shake Reduction

[Filter]-[Sharpen]-[Shake Reduction]

향상된 Raw 파일 처리: Carmera Raw Filter

사진 보정에 특화도니 기능을 담아둔 필터이다
[Filter]-[Camera Raw Filter]
적용된 효과를 원본과 비교하려면 단축기 P를 눌러 Before/After를 확인할 수 있다.

클라우드에 데이터 저장하기: Creative Cloud 서비스

어도비에서 제공하는 Creative Cloud 서비스에 작업 파일을 동기화하면 회사나 집뿐 아니라 언제 어디서든 작업한 이미지를 수정할 수 있다. 뿐만 아니라 여러 사람과 함께 작업할 경우 이미지를 쉽게 공유할 수 있다.
(무료시험 버전의 경우 저장공간을 2GB 제공한다)

더욱 스마트해진 안내선: Smart Guides

[View]-[Show]-[Smart Guides]메뉴를 클릭하여 열, 행, 여백을 신속하게 확인하고 표시할 수 있다.

선명함을 그대로 유지한 채로 이미지 확대하기: Reduce Noise

[Image]-[Image Size]메뉴를 클릭하면 미리보기 화면이 나타나며, Width나 Resolution값을 늘려도 잡티 감소 기능이 적용되어 선명함을 유지한 채로 이미지 크기를 늘릴 수 있다

더 편리해진 벡터 작업: Properties 패널

펜 툴이나 셰이프 툴을 사용할 때 Properties패널을 통해 사각형 모서리의 둥근 정도를 설정할 수 있다

피사체 자동 선택하기: Focus Area

Focus Area 기능을 이용하여 초점이 맞는 영역과 그렇지 않은 영역을 쉽게 분리하여 선택할수 있다.

무료 폰트 사용하기: Typekit

Creative Cloud 앱을 실행한 후 Fonts 탭에서 포토샵 폰트 라이브러리인 Typekit(타입킷)을 사용할 수 있다. 폰트를 동기화하면 어디서든 사용이 가능하다

여러 컴퓨터를 한번에 동기화하기: Sync Settings

Brush, Action, Pattern, Workspace, Style, Tools Preset 등 사용자가 저장해 놓은 작업 환경을 다른 컴퓨터에서도 똑같이 사용할 수 있다. Creative Cloud 계정으로 로그인 한 수 [Edit]-[Preferences]-[Sync Settings] 메뉴를 클릭하여 이용한다

웹에서 벡터 이미지로 사용하기: SVG 내보내기

벡터 이미지를 웹에서 사용하려면 GIF, JPG, PNG 등 비트맵 이미지로 변환하여 사용했지만, 이제는 SVG 포맷으로 변환하여 사용할 수 있다.

그 외 기능

3D 프린팅


[Filter]-[Blur Gallery] 새로운 Blur필터 추가


[Filter]-[Sharpen]-[Smart Sharpen] 더 정교한 Sharpen 필터


레이어를 이미지 파일로 저장할 수 있는 Generate기능 추가
[File]-[Generate]-[Image Assets]


건축물이나 제품 등 구조물 자체의 형태를 자유롭게 바꿀수 있다
[Edit]-[Perspective Warp]

원본 이미지와 연결된 이미지를 수정할 수 있다.

[File]-[Place Linked]


문자스타일을 저장할 수 있는 Character Style기능 추가


아트보드Artboards 추가
일러스트레이터에 있던 기능.
다양한 기기의 해상도에 맞춰서 하나의 파일에서 한눈에 살펴 볼 수 있다. 모바일 앱/웹 디자인 업무에 유용하다

안개 제거하기: Dehaze

이미지 파일 포맷Image File Formats

비트맵Bitmap 방식

픽셀pixel이라는 작은 정사각형 점이 모여 만들어진 이미지. 래스터raster 이미지라고도 불림.

출력시 깨지거나 계단현상때문에 웹, 모바일, 영상이미지는 72ppi, 출력이미지는 300dpi로 설정하여 사용한다

JPEG

JPEG(Joint Photographic Experts Group) 포맷은 1,600만 색상(24비트 트루컬러)을 표현할 수 있어 다양한 색상을 표현해야 하는 사진에 주로 사용된다. 압축률을 조정해서 이미지 용량을 줄일수 있다.

GIF

GIF(Graphics Interchange Format)은 최대 256색까지 표현하며, 압축으로 인한 이미지 손실이 적다. GIF 애니메이션파일로 제작되어 웹 페이지에서 움직이는 이미지로 활용할 수 있다.

PNG

PNG(Portable Network Graphics)는 JPEG파일과 달리 비손실 압축 방식을 사용하므로 이미지 손실이 발생하지 않는다. GIF과 같이 투명한 배경을 가진 이미지를 만들수 있으면 GIF파일과 비교했을 때 압축률이 더 높다. 32비트 트루컬러(24비트 트루컬러+8비트 투명값)을 지원한다.

벡터Vector 방식

점과 점을 연결해서 선이나 곡선으로 도형을 만들고, 내부에 색상이 패턴을 적용한 도형들이 모여서 하나의 이미지가 만들어진다. CI, BI, 캐릭터 디자인에 활용된다. 일러스트레이터, 코렐드로우, 프리핸드, 플래시 등의 프로그램이 벡터 방식을 사용한다.
*벡터 이미지는 전용 프로그램으로만 볼수 있기 때문에 웹 브라우저에서 보려면 비트맵 방식으로 변환해야 한다