찢어진 종이 효과로 이미지를 축소 시켜보기

찢어진 종이 효과 만들기

 

사이즈가 넓은 이미지를 찢어진 종이 효과로 축소시키는 방법입니다.
보통 웹 페이지의 화면을 그대로 캡처 해서 올릴 경우 이미지 사이즈가 너무 커 화면을 벗어나거나 이미지가 잘려서 보이는 경우가 있습니다. 이미지 사이즈를 줄이면 해상도가 떨어져 가독성도 좋지 않아 보기 힘든 경우도 있습니다.
아래 방법은 이미지의 필요 없는 중간부분을 찢어진 종이효과로 변형하고 필요한 부분을 표현하는 방법입니다.

아래 이미지처럼 만들어 보겠습니다.

 

 

준비물

찢어진 종이 효과를 적용 할 이미지
PickPick (픽픽)
Photoshop (포토샵) 이미지 편집 프로그램
※설명에 사용된 프로그램은 Adobe Photoshop CC 입니다.

 

찢어진 종이 효과 만들기

1 이미지에 쓸 화면을 캡처해서 사용할 부분을 준비 합니다.

 

 

2 아래 빨간 박스 부분은 필요 없는 부분으로 잘라서 좌우 이미지를 붙였습니다.

※저는 PickPick을 이용해서 화면을 캡처 후 1차 편집을 했습니다.

 

↓

 

 

 

3 적당한 이름으로 이미지를 저장하고 Photoshop으로 이미지를 불러 옵니다.

 

 

4 불러온 이미지의 레이어 창에 Background를 더블 클릭하여 Layer2로 이름을 바꿔 줍니다. 

 

5 레이어 창 하단의 Create a new layer(새 레이어 만들기) 버튼을 눌러 찢어진 이미지 뒤로 보여질 바탕화면을 만듭니다. 저는 색상을 붉은 계열로 했습니다. (R:137 G:55 B:55, #893737) 

 

6 Layer2를 선택하고 좌측 툴박스의 Lasso Tool(L)(올가미 툴)을 이용해서 찢어진 효과를 줄 영역을 자유롭게 그려 선택영역을 만듭니다. 

 

7 적용할 영역이 만들어 졌으면 툴박스의 Edit in Quick Mask Mode(Q)(퀵마스크 모드) 버튼을 클릭합니다.

  그럼 아래와 같이 선택영역외의 화면이 붉게 나옵니다.

 

8 이제 찢어진 효과를 적용할 Photoshop Filter를 선택해 보겠습니다.

Photoshop 상단 메뉴의 Filter - Filter Gallery를 클릭합니다.

 

여러 Filter 중 Brush Strokes - Spatter을 선택합니다.

Spatter Filter 옵션 중 Spray Radius와 Smoothness 값을 적당히 조절 하고 상단의 OK 버튼을 눌러 적용합니다. 

 

선택된 영역이 제대로 적용 되었는지 확인합니다. 

 

9 좌측 Photoshop 툴박스의 Edit in Standard Mode(Q)(스텐다드 모드) 버튼을 클릭합니다.

그럼 선택영역이 Spatter Filter가 적용 된 상태로 돌아 옵니다. 

 

10 키보드의 Delete 버튼을 눌러 선택영역의 이미지를 삭제합니다. 삭제된 선택영역 밑으로 배경이 나옵니다. 

 

11 찢어진 종이의 질감을 좀 더 세밀하게 다듬는 작업을 하겠습니다.
Photoshop 상단 메뉴의 Select - Modify - Expand를 클릭합니다. 

선택된 영역을 4pixels 정도 확장합니다. 

 

12 레이어창의 lock transparent pixels(투명영역보호) 버튼을 누르고 Brush Tool(B)(브러시 툴)로 선택영역을 흰색으로 채웁니다. 

 

13 마지막으로 선택영역부분에 그림자 효과를 적용하고 마무리 하겠습니다.
키보드 Ctrl + D를 눌러 선택영역을 해제합니다.

레이어창의 Add a layet stayle - Drop Shadow로 들어가서 아래와 같이 적용합니다. 

↓

 

완성된 이미지 입니다. 

 

아래는 Spatter Filter 옵션 중 Spray Radius의 값을 9로 적용한 이미지입니다.

찢어진 영역이 좀더 거칠어 졌습니다.

 

이상 찢어진 종이 효과내기 였습니다.