본문 바로가기
실용 디자인

스마트폰 배경화면 - 이미지 배경 늘리고 깨지는 이미지 보정

by 일상 디자인 2022. 5. 5.
반응형

 

 

인터넷에서 마음에 드는 사진을 발견!

핸드폰에 담고 싶은데 위 아래는 흰 배경이 나오는게 마음에 안 든다!

그럴 때 위 아래로 배경을 늘릴 수 있는 방법을 알려 드립니다!

 

 

 

 


오늘 사용한 단축키

새창열기 : Ctrl + N
컬러픽커 (스포이드) : I
사각형 선택 영역 지정 : M
선택 영역 해제 : Ctrl + D
그라데이션 : G
레이어 순서 변경 (아래로) : Ctrl + [
브러쉬 : B
지우개 : E
저장하기 : Ctrl + S
다른 이름으로 저장하기 : Ctrl + Shift + S

 

 

 

 

 

 

 

 

 

 

1. 내 스마트폰 배경화면 사이즈 확인

구글에 스마트폰 배경사이즈 검색하여 px 정보 확인

저는 노트9를 사용하고 있으므로 1440 X 2960px 로 만들면 됩니다. 

 

 

 

 

 

 

2. 포토샵 창 열기

포토샵을 열어서 ctrl+N 을 눌러 새창 열기 후

아까 찾은 사이즈

폭 1440픽셀 / 높이 2960픽셀로 설정

 

해상도는 스마트폰, 웹에서만 사용하기 때문에 72 정도로 하면 됩니다. 

색상모드 RGB 색상에 8bit 면 됩니다

배경은 흰색 설정 후 만들기 클릭

 

 

 

 

 

 

 

3. 사진 가져오기

창이 열렸으면 내가 저장한 사진을 드래그 해서 포토샵으로 가져옵니다. 

 

 

 

 

 

 

 

4. 사이즈 조정하기

가로 사이즈만 우선 맞춰서 키워 줍니다.

위에 사이즈 조정 도구바에서 %를 키워주거나

이미지에서 맨 끝 가생이 점을 클릭한 채

드래그 해서 키워주거나 하여

가로 사이즈를 맞춥니다.

 

 

 

 

 

5. 연장 할 배경색 설정

단축키 i 를 눌러 스포이드로 마우스를 만든 후

이미지의 맨끝을 클릭하여 연장할 배경색을 찾아줍니다. 

 

 

 

 

 

 

 

 

 

6. 배경색 그라데이션으로 넣기

 - 레이어를 새로 추가 합니다. (레이어 창에서 네모 안에 든 + 버튼 클릭)

 

 - 새로운 레이어를 이미지 레이어 아래로 드래그 해서 옮겨주거나

새로운 레이어 선택 후 ctrl+[ 단축키로 이미지레이어 아래로 옮겨 줍니다.

 

 - 선택영역을 지정하는 m 단축키를 눌러서 이미지 절반부터 맨 아래까지 드래그 하여 선택합니다. 

선택하면 점선이 아래 이미지와 같이 나옵니다. 

 

 

 

 

위 상태에서 단축키 G를 선택하여 그라데이션을 선택합니다. 

*만약 G를 눌렀는데 페인트 통이 나온다면

좌측에 페인트통 아이콘을 길게 눌러서 그라데이션으로 바꿉니다. 

그라데이션 색은 아까 컬러 픽커 (스포이드)로 찍은 색상과 흰색이 기본으로 되어 있습니다. 

 

 

 

그라데이션 상태가 되면 이미지 맨 아래를 클릭한 후 > 아래로 길게 드래그 해서 

그라데이션 색을 채워줍니다. 

 

 

 

 

 

7. 길게 채워주고 ctrl+D를 눌러 선택영역 해제하면

아래 이미지처럼 됩니다. 

 

 

8. 위 상태에서 레이어를 추가하여

동일한 방법으로 방향만 위로 하여 윗 배경도 채워줍니다. 

012
왼쪽으로 넘겨서 보세요

 

 

 

 

 

 

 

9. 배경을 채워준 윗 부분을 확인해보니

색상이 안 맞아서 약간 경계선이 생겼습니다.

경계선을 지워보겠습니다. 

 

 

 

 

 

 

10. 사진을 그대로 지워도 되지만,

실수했을 경우 돌이키기 쉽도록 마스크레이어를 사용해서 지워보겠습니다. 

 

우선 이미지 레이어를 선택한 후 >

①마스크 레이어를 클릭하여 마스크 레이어 생성>

② 이미지 레이어에서 사슬 옆에 흰 배경을 선택 (선택되면 흰 라인으로 선택된 것이 표시됨)  >

B 브러쉬 단축키 클릭 후 >
③ 일반 브러쉬에서 부드러운 원형 브러쉬를 선택

 

 

 

 

 

 

11. 브러쉬로 경계선을 살살 지워줍니다. 

만약 사람 얼굴까지 지워졌다면 E 지우개 브러쉬로 다시 사람 얼굴 쪽을 선택하여 지워진 부분을 복구합니다. 

브러쉬로 경계를 지워준 부분은 아래 이미지와 같습니다. 

경계선을 지운 부분

 

 

 

 

 

 

 

12. 경계선이 더 없나 보려고 확대했더니, 처음에 이미지 배경에 맞춰 확대하는 과정에서

살짝 깨졌는지 이미지가 좀 자글자글 한 것을 발견했습니다. 

이 자글자글한 것을 매끈하게 만들어 보겠습니다.

 

 

 

 

 

13. 상단 메뉴바에서 필터 - camera raw 필터 를 클릭합니다. 

 

 

 

 

 

14. camera raw 설정장이 뜨면 우측에 세부 옵션을 확장시킨 후

노이즈 감소 숫자를 올려줍니다.

너무 올리면 사진이 부자연스럽게 뽀샤시하게 됩니다. 적당하게 올려줍니다. 

설정이 완료되면 아래 확인을 눌러줍니다. 

 

 

 

 

 

 

 

 

 

15. 오른쪽과 같이 자글자글한게 사라지고 매끈해졌습니다. 

왼쪽 : 필터 적용 전 / 오른쪽 : 필터 적용 후

 

 

 

 

 

 

16. 작업이 완료되었으니 저장합니다. 

ctrl+S 저장하기 혹은 ctrl+shift+S 다른이름으로 저장하기 단축키를 누릅니다. 

저장하기 창이 뜨면 jpeg 형식에 파일 이름을 지정 한 후 저장을 누릅니다. 

 

 

 

 

 

 

품질 12, 기본("표준") 형식으로 한 후 확인을 누르면 저장 완료됩니다. 

 

 

 

 

 

 

 

 

배경화면 완성! 

반응형