제로베이스 콘텐츠 마케팅 스쿨 | 스터디 노트_10 | 콘텐츠 제작을 위한 실전 포토샵

 

01_포토샵의 기본 설정

포토샵에서 새 작업 실행시 제시되는 설정화면

 

웹기반 작업

PPI: 일반적으로 72로 놓고 작업

RGB 컬러모드 사용

 

인쇄물 기반 작업 

DPI: 일반적으로 300으로 놓고 작업

CMYK 컬러모드 사용

 

Image Size (Ctrl + Alt + I)에서 이미지 크기 조절

Canvas Size (Ctrl + Alt + C)에서 캔버스 크기 조절

 

클리핑 마스크: 들어갈 이미지를 상위 레이어에 두기 → Alt 누른채로 상위레이어와 하위레이어 사이를 클릭

 

레이어 정리 방법 

작업 요소별로 그루핑해서 이름, 순서 정렬해두기

한 번에 그룹 닫는 법: Ctrl 누르고 레이어 폴더 왼쪽 화살표를 누르면 폴더가 전체적으로 닫힘

---

02_실무에서 꼭 필요한 사진 보정법으로 SNS 광고 만들기

원본을 유지하기 위해서 이미지 보정 전엔 늘 Ctrl + J로 레이어 복사 해둔 뒤에 보정 진행

 

컬러 이미지 보정 실습

소스 이미지 (좌) / 조정 레이어, 패치 툴, 도장 툴 등을 활용한 보정 예시 (우)

 

흑백 이미지 보정 실습

소스 이미지 (좌) / 조정 레이어를 활용한 보정 예시 (우)

 

Tip. Ctrl + Shift + U로 한 번에 흑백 사진으로 변환 가능

조정 레이어를 사용해야 색감 별 밝기 조정으로 세부 보정이 가능하다 (흑백 사진도 Color Balance 조절 가능)

 

자연스러운 사진 합성 실습

소스 이미지 (좌, 중) / 레이어 마스크를 활용한 합성 예시 (우)

 

펜 툴을 사용한 단순 이미지 누끼컷 제작 실습

 

소스 이미지 (좌) / 펜 툴을 활용한 누끼 따기 작업 예시 (우)

 

셀렉트 앤 마스크 툴을 활용한 복잡한 이미지 누끼컷 제작 실

소스 이미지 (좌) / 셀렉트 앤 마스크를 활용한 따기 작업 예시 (우)

 

누끼컷에 그립자 효과 적용 실습

소스 이미지 (좌) / 그림자 효과 적용 작업 예시

 

Tip.  색상 있는 배경에서는 색상과 비슷한 계열의 어두운 컬러로 오버레이를 적용해 그림자를 적용하면 자연스럽다.

 

인스타그램 스토리 광고 이미지 제작 실습

소스 이미지 (좌, 중) / SNS 인스타그램 스토리 광고용 이미지 제작 예시 (우)

---

03_섬세한 타이포 작업으로 프로모션 페이지 완성도 높이기

단축키를 활용한 섬세한 조절 작업 실습

작업 예시

Tip.

Window - Glyphs에서 기호들 가져와서 사용 가능

Alt키 누르고 키보드로 자간 세부 조절 가능

숫자는 소수점보다는 자연수로 떨어지게 설정

소문자 → 대문자 변환 기능 (좌) / 위첨자 기능(우)

 

레이어 스타일 (Layer Style) - Stroke를 활용한 작업 실습

Stroke 기능을 활용해 문자 강조 효과를 적용한 작업 예시

 

레이어 스타일 (Layer Style) - Drop Shadow를 활용한 작업 실습

Drop Shadow 기능을 활용해 문자 강조 효과를 적용한 작업 예시

 

도형 기능과 모양 변화 기능을 활용한 작업 실습

도형 툴을 활용해서 텍스트 입력 (좌) / 펜 툴을 활용해서 텍스트 입력 (우)

모양 변화 (Create Waped Text) 기능을 활용한 작업 예시)

 

Tip. 도형 툴을 사용해서 그릴 때 패스 형태로 그리기

Type Tool 선택 후 패스 위에서 물결 표시가 나타날 때 클릭하면 패스를 따라 텍스트 입력 가능

 

SNS 광고 적용 실습

다양한 타이포 관련 기능을 종합적으로 활용한 작업 예시

---

04_간단한 일러스트레이터 활용법

펜 툴을 활용한 캐릭터 제작 실습

펜 툴을 활용한 일러스트 캐릭터 제작 예시

 

도형 툴을 활용한 일러스트 제작 실습

도형 툴과 패스 파인더를 활용한 제작 예시

 

Tip. 글자를 오브젝트로 변경할 때는 윤곽선 만들기 (Ctrl + Shift + O)

 

일러스트레이터에서 포토샵으로 파일 가져오기

 

일러스트레이터에서 그린 파일을 포토샵으로 가져올 때는 라인 깨서 (Ctrl + Shift + O) 가져오기 (단, 일러스트에서 원본 파일 복제해두기)

붙여넣기시 옵션 화면

 

붙여넣기로 가져올 때 Smart Object로 붙여넣기

 

일러스트레이터 작업물을 활용한 포토샵 작업 실

일러스트레이터로 그린 캐릭터와 포토샵의 펜 툴을 활용한 작업 예시

일러스트레이터로 그린 이미지를 활용한 작업 예시

---

05_쉬우면서 알고 있으면 좋을 다양한 포토샵 기능

포토샵으로 GIF 만드는 방법

 

작업 화면으로 애니메이션 효과 넣

Timeline 작업 화면 (좌) / Tween 설정 화면 (우)

 

Window  → Timeline → Create Video Timeline 클릭 → 왼쪽 하단 Convert to frame animation 클릭 

→ 프레임 추가 → 각 프레임 별 이미지 지정 및 설정 → GIF로 저장

 

Tip. 프레임 제작시 마지막 이미지는 조금 더 길게

영상 소스 활용시엔 Frame animation 변환 필요 없이 Timeline 조절해서 사용

 

GIF 제작 실습

GIF 작업 예시

 

반복 작업할 떄 좋은 액션 만드는 방법

Window → Actions → 폴더 생성 → 이름 변경 → New Layer를 눌러서 액션 녹화 시작 → 액션 생성할 작업 진행, 저장  →  끝내기 버튼 클릭 해서 액션 생성

 

액션 저장하기 / 액션 불러오기 가능

---

소감

타이포 작업 과정에서 Alt키와 방향키를 사용한 자간 조절을 알게됐고

GIF 파일 제작은 처음 해봐서 신기하고 재밌었다.

 

쓰면 쓸 수록 기능이 참 많은 프로그램이라는 생각이 들었다.

잘 활용해서 좋은 결과물 제작이 가능하게끔

자주 사용해봐야겠다고 생각했다.

 

 

 

 

* 이 글은 제로베이스 강의 자료를 발췌해 작성되었습니다.