포토샵 마스크 레이어 2

- 클리핑마스크

 2개 이상의 레이어가 있어야 하며 특정 이미지 영역 안에만 보여주고자 할 경우 사용한다. 상위 레이어에 있는 이미지가 하위 레이어에 있는 이미지의 특정 영역에만 보이게 한다.

 

원하는 레이어 + 우클릭 - create Clipping Mask

 

위와 같이 아래의 이미지에 맞게 위의 이미지가 잘리게 된다.

- 클리핑 마스크 사용법

1. 상위 레이어에 우클릭 하여 create Clipping Mask 선택

2. alt 누른 상태에서 레이어 사이에 커서 올리면 클리핑 표시와 함께 적용

3. 상단 메뉴 Layer - create Clipping Mask

4. 단축키 alt + ctrl + g

 

원하는 이미지 ctrl 드래그 하여 옮겨준 후 ctrl + T 키를 사용해 크기를 조절 해준다.

(이때 alt 키를 누르고 사용하면 비율이 유지 된채로 크기 변환이 가능하다.)

 

클리핑 마스크는 위 이미지를 아래의 이미지에 맞게 자르는 것이기 때문에 (ctrl + [ , ] - 레이어 이동) 으로 레이어 순서 조정

그냥 진행하게 클리핑 마스크는 아래 색을 두고 사라지기 때문에 구멍이 뚫리게된다 그래서 새로운 밑배경 레이어가 필요

 

 

D 키는 디폴트 색으로 변환됨 (블랙/화이트)

ctrl +delete (백그라운드) / alt + delete (포그라운드)  색 채우기

 

 

클리핑 마스크를 사용한 후 순서에 맞게 레이어 배치 해준다.

 

중간 완성본

 

배경의 이미지가 크기 때문에 시선이 분산된다. 보정 효과를 적용해 원하는 이미지에 시선이 가도록 해준다.

 

백그라운드 레이어를 일반 레이어로 바꾸어 설정하여야 수정이 가능해진다

위의 아이콘으로 바뀌었다면 레이어 기능이 바뀐것

 

상단 메뉴 Fiter - Blur - Gaussian Blur - 원하는 만큼의 효과 정도 적용

완성본

 

---

 

* ctrl + R - 작업창 자 생성 - 누른 상태에서 당기면 가이드 라인 생성됨

---

 

 - 클리핑 마스크를 사용한 타이포그래피

 

원하는 부분 지정하여 하나의 레이어 쌓아주기

 

본문은 행간 좁게 / 제목은 행간 넓게 (행간은 문자간의 위 아래 간격)

 

글자툴 선택 - 상단 character(설정) - 글자크기, 행간, 글자색 등 설정 가능 - 설정 후 ctrl + enter (확정)

 

 

레이어를 복사해 원하는 레이어 위로 올려 클리핑 마스크 선택

완성본

 

흑백 효과 주는 방법

- 상단 메뉴 Image - Adjustments - Desaturate (단축키 : Shift + Ctrl + U)

---

웹은 선호하고 호환되는 크기가 있다.

 

기본적으로 해상도는 '72에 Pixels/Inch' 컬러 모드는 'RGB Color', '8bit'

 

배경과 이미지가 서로 선명한것 혹은 단순한 것은 'Object Selection Toll' 을 사용해 선택해주고 

부족하거나 필요없는 부분은 'Polygonal Lasso Toll'을 사용해 (+는 Shift / -는 Alt) 상세하게 맞춰준다.

 

보통 세련되거나 여성스러운 폰트로 쓰이는 'time new roman'

 

크기와 위치를 알맞게 조절해서 배치

 

같은 레이어를 하나 더 만들어서 원본 레이어를 클리핑 마스크를 입혀서 이미지가 글자에 맞게 들어가도록 해준다.

 

앞으로 빼주고 싶은 이미지에 마스크 레이어를 입혀서 검정색으로 레이어를 지워준 후 하얀색 브러쉬(하드)를 사용해 원하는 부분만 보이도록 해준다. 

 

상단 메뉴 Window - Properties 사용하여서 투명하게 만들어서 원하는 부분을 세세히 작업한다.

---

 

 

글자, 배경색을 Alt + Delete 로 본래 이미지에서 추출한 색 넣어 채워주기

하지만 이건 불편함...

 

레이어 메뉴에서 솔리드 컬러를 선택해 스포이드 툴로 계속해서 색을 바꿔가며 직관적으로 확인이 가능해 진다.

(솔리드 컬러 = 단색)

완성본

 

위 작업들을 토대로 제작한 작업물

(1,2번째는 기존에 작업 느낌대로 제작하였는데

1번째 작업물의 가독성이 떨어져 핀터레스트 디자인을 벤치마킹하여 새로 작업하였다.)

 

---

 

원하는 이미지와 효과를 (되도록 백터이미지) 알맞은 크기로 맞춘다 (ctrl + T)

 

대략 맞춘 이미지를 ctrl + t 한 상태에서 우클릭 하여 'Warp' 선택하게 되면 구역이 형성된다.

여기서 다시 우클릭 하여 'Split Warp Crosswise' 를 선택해

이동 시키고자 하는 중점을 잡아 원하는 모양대로 이동 시켜준다

 

---

 

어제 했던것과 마찬가지로 마스크 레이어를 활용해 이미지를 자연스럽게 이어준다

작업한 레이어를 그룹화 하여 이미지를 뒤집어 투명도와 농도를 조절해 그림자까지 작업한다.

 

어제와 달리 자연스러운 그림자를 만들어주기 위해서 Gradient tool 을 사용한다.

 

색의 번짐 정도, 색, 번지는 모양 등 다양하게 설정이 가능하다

그림자 설정을 위해서는 무채색이 자연스럽고 투명도 조절만 해주면 될듯하다.

 

완성본

---

 

- 깨지는 효과 이미지 만들기

 

브러쉬 텍스쳐 받는 사이트*

너무 다양해서 집에서 여러가지 다운 받아 그림 그릴때 써도 좋을것 같다

 

브러쉬를 다운 받아 압축을 풀면 ABR파일을 더블클릭 하면 활성화가 되며 포토샵 안에서 폴더가 형성된다.

 

불러온 이미지를 카피하고 깨지는 이미지를 위해서 늘려준다.

 

Filter - Liquify (Shift + Ctrl + X) 순으로 눌러 활성화 하여 위와같은 기본값으로 설정 후 원하는 모양대로 늘려준다.

 

최대한 늘리는게 다양하게 수정이 가능한듯.. 

 

 

각각 본래 레이어와 늘린 레이어에 마스크 레이어를 씌우고 늘린 마스크에는 블랙을 채워 수정된 이미지가 보이지 않도록 만들어 준 후  (ctrl + I, 혹은 Window - Properties - Invert) 

 

원하는 모양대로 브러쉬를 원본과 수정 이미지를 번갈아 마스크 해주며 자연스러운 효과를 연출해 준다.

 

앞서 사용하였던 그라데이션 효과를 넣어서 (색은 이미지 속 색을 추출해 사용하는것이 자연스럽다.) 배경까지 깔아준다.

배운내용을 토대로 제작한 완성작

(디자인 요소를 추가하였는데 좀 더 배워서 추가해야겠다.)

---

 

pen 툴 - 첫 점 찍고 -다음점 누른상태에서 라인 맞추기 - alt 키 누른 상태로 가운데 점 커서 대고 라인 지우기 - 이어그리기

선택한 것에서 빼는것