포토샵 기본 개념 & 마스크 레이어 1

포토샵 기본 개념 (간단히)

 

1.픽셀

픽셀(Pixel)은 비트맵 이미지 (포토샵)를 구성하는 최소 단위의 작은 사각형

픽셀은 몇백배로 확대하지 않으면 눈에 띄지 않을 정도로 작은 사각형이지만, 각각의 고유한 색상을 가지고 있으며 이런 픽셀들이 모여서 전체의 이미지의 색상을 표시합니다.

 

2. 해상도

해상도는 가로, 세로 1인치 사각형 안에 픽셀들이 얼마나 많이 구성되어 있는지를 나타내는 말입니다.

그래서 해상도를 나타낼때 Pixel Per Inch (pixels/inch) 라는 단위를 사용합니다. 아래의 그림과 같이 같은 크기의 그림이라도 해상도가 높은 그림이 화면에서 크게 보입니다.

 

해상도가 높을 수록 픽셀이 높아지고 높아짐에 따라 표현할 수 있는 색이 다양해지고 선명해짐

 

일반적인 모니터는 90~92 해상도 지원

 

포토샵 - 비트맵 / 피그마 - 백터

 

svg - 백터 방식 확장자 (피그마) _ 하나의 이미지가 다양하게 사용가능함

---

 

포토샵 기초 수업

- 영역 지정하여서 색 입히기 작업

 

영역 지정 (quick celection toll)

 

crtl + u (hue/saturation) - 색 설정 - coldrize 체크 - ok

---

- 이미지 합성하기

 

원하는 툴로 자를 영역 선택 - feather 설정 (수업에선 20 설정)

 

ctrl 누른 상태에서 합치고자 하는 이미지 드래그 - 이동 된 이후 + 표시 뜨면 원하는 위치에 놓기 - opacity(투명도) 설정

 

---

- 이미지와 폰트 합성

 

'T' (글자툴) 글꼴, 효과, 크기 설정 - 작성 후 ctrl + Enter

 

'글자 레이어' ('T') 를 일반 레이어로 변경 (Rasterize type) - 자르기 툴(polygonal lasso Toll) 사용하여 지워주기

완성본

 

* 작업은 간단하지만 일반 레이어로 만들어서 글자 수정 및 본래의 특성이 사라져 수정이 어려움

이런 번거로움이 없도록 [마스크] 툴을 사용함

---

- 마스크 툴 사용

이미지 캡쳐 과정에서 생략 되었지만, 아래 레이어 툴중 세번째가 '마스크 툴' 누르면 섬네일 옆 마스크 화면이 생긴다.

 

 

edit - fill - Black 선택시 마스크 레이어가 까맣게 변해 해당 이미지(레몬)은 사라지지만 본래 이미지가 지워지지 않고

남아있는 것을 볼 수 있다. (수정 및 합 성이 가능하되 정보를 바꾸진 않는)

이때 소프트 블러셔를 사용하면 자연스럽게 사라지게 할 수 있다.

 

자르기 툴 ( lasso Toll ) + feather (번지기 영역) 으로 자연스럽게 잘리는 부분 표현

혹은 마스크 레이어을 선택해 브러쉬 툴을 사용해 지우듯이 사용하기도 하였다.

 

수정 전 레이어 본래 이미지를 볼때는

마스크 레이어 + 우클릭 - Disable Layer Mask (되돌릴 땐 한번 더 우클릭 + Enable Layer Mask)

 

이를 활용한 타이포그래피 (typography)

 

- 이전에는 글자 레이어를 각각 일반 레이어로 전환하였지만 그러지 않고 진행

  상단 메뉴 View - Show - Smart Guide 선택시 가이드 라인이 생성 되어 간격, 위치 등을 맞추는데 용이

 

 

레이어가 많아질 경우 shift + 레이어 선택 - ctrl + g  - 더블클릭 - 이름설정

 

이후 앞서 설명하였던 마스크 레이어를 사용해 타이포그래피 제작 Lasso Toll 대신 브러쉬를 사용해 진행

 

결과물

 

앞서 사용한 툴과 레이어들을 활용하여 참고 이미지를 찾아 제작한 타이포그래피

 

 

이미지에 여백이 있을경우 늘리기 툴을 사용해 이미지를 원하는 비율로 늘려준 후 만들어낸 여백과 1 픽셀을 포함해 선택툴로 지정해준 후 상단 툴 Edit - Fill - Content-Aware 을 사용해 지정부분을 주위 픽셀에 알맞게 맞춰 여백을 만들어 줄 수 있다.

 

 

---

- 마스크 레이어 활용하여 이미지 합성하기

 

 

Lasso Toll - 우클릭 - fill - Content-Aware 을 사용하여 지저분한 이미지를 자연스럽게 정리 이와 같은 방법을 활용하여 불필요한 부분을 제거

---

 

선택 툴을 사용해 ctrl + 드래그 원하는 파일에 올려 놓은 후 Edit - Transfrom 혹은 ctrl + T 를 눌러 크기 방향 등 원하는 대로 로 설정

 

 

마스크 레이어를 사용해 불필요한 부분들을 지워준다

(자연스럽게 지워지도록 Opacity(투명도), Flow(농도)를 설정하는 것이 좋다.)

---

 

합성하고자 하는 이미지도 가져와 마스크 레이어로 정리 해준 후 경계가 없어지도록 위 블러셔 설정과 같이 투명도와 농도를 조절하여 경계를 지워준 후 크기와 투명도로 원근감을 설정해 이미지를 배치해준다.

 

만들어 놓은 레이어 전체를 선택해 그룹으로 만들어 준 후 (Ctrl + g) 

상단 메뉴 Layer - New - Layer Via Copy 혹은 Ctrl + J (새 레이어 생성도 같은 키이다.) 를 눌러 Copy 본을 만들어 준다.

 

Ctrl + T 로 크기 수정을 활성화 한 후 우클릭 - Filp Vertical (상하반전)

알맞는 위치에 그림자처럼 배치 후 마스크 레이어를 사용해 불필요한 부분을 지운 후

레이어 자체 투명도를 낮추고 주변의 그림자도 브러쉬 툴로 정리 

완성본

자르기 툴을 사용하여 여백을 맞춰 준다.

 

---