#05.스터디노트_Part_03_콘텐츠 마케터에게 꼭 필요한 포토샵 기초(2)

수강한 분량
10월 8일 일요일

 

PART 3. 콘텐츠 마케터에게 꼭 필요한 포토샵 기초

1. 그래픽 작업에서 알아야 할 기본 개념 익히기
2. 포토샵 기본 개념 익히기
3. 포토샵의 레이어 이해하기

 

---

 

핵심 내용 정리

05. 포토샵에서 선택 영역 지정하는 다양한 방법 익히기

도형 선택 툴

• 영역 설정 → 영역 지정 → 상단에 연산 설정
• 영역 해제 : Command + D
• 페더(부드럽게)
  • 0일 때 가장자리 매끄럽게 지정 가능
  • 50일 때 영역 지정 후 해제 시 가장자리 부드럽게 퍼진다 (그라데이션)

​

• 스타일 : 노멀 - 자유롭게 선택 영역 지정
• 이미지 크기 조절 희망 시 우클릭 → 선책 변형으로 처리 (Command + T 로 조절하지 않기)

​

* 이미지 복사 시 유의 사항

• layer via copy 기능 사용 : Command + J

​

올가미 툴

• 올가미 툴 : 드래그한 만큼 영역 선택
• 다각형 올가미 : 마우스 클릭하여 직선 영역 선택
  • 바로 전단계 이동 - Back space 키
• 자석 올가미 : 색상 경계를 자동 인식하여 영역 선택

​

- 빠른 선택 도구 → 기본 연산 설정 → 드래그

: 같은 색상의 범위들이 지정된다. (빼고 싶다면 연산 (-) 를 설정해서 빼줌.

​

• 마술봉 기능 : 자동 선택 도구 → 흰색 부분 클릭 → 흰색만 선택해준다.

​

• 인접에 체크 해제가 되어 있다면 전체 설정
• 인접에 체크가 되어 있으면 인접한 부분만 설정

* 단색의 이미지일때 빠른 작업이 가능하다.

​

• 개체 선택 시 자동으로 사물 배경 등을 인식 해 분리 해 준다.

​

* 레이어 전경 색 설정 : Option (Alt) + Delete

​

• 부드럽게 설정 → 필터 → 흐림 → 가우시안 흐림 → 반경 수치 조정
• 빛 부분에서 강약 조정을 원하면 → 지우개 틀로 살짝 지워주기

​

선택 영역 가장자리를 정교하게 다듬기

• 선택 → 선택 및 마스크 → 보기(레이어바탕) → 페더 조절, 가장자리 이동을 왼쪽으로

​

퀵 마스크

• Tool 바 제일 하단
• 퀵 마크스 옵션 설정 : 아이콘 더블 클릭
  • 선택 영역 → 내가 채색한 부분을 선택영역으로 지정하겠다.

​

• 작업 순서 : 퀵 마스크 → 브러쉬 → 선택 영역 지정

​

• 만약 퀵 마스크를 눌리지 않고 작업 했다면? 선택 → 반전
  • 현재 선택 된 영역의 반대를 지정하는 것임.

​

가장자리를 부드럽게 다듬는 방법

하나 . 선택 → 선택 및 마스크 → 툴 바 두번째 아이콘 사용하여 가장자리 클릭 (부드럽게)

(배경을 더 날리려면 가장 자리 이동 바를 왼쪽으로 이동시키기)

​

둘. 선택 → 선택 및 마스크 → 피사체 선택 → 가는 선 다듬기 (포토샵이 인식하여 알아서 날려줌)

​

펜 툴

• Tool 바 오른쪽 8번째 아이콘
  • 상단의 패스로 꼭 지정 → 연산 설정 (모양 오버랩 제외)

​

• 선택 영역을 설정하려면 오른쪽 패스 채널로 가서 Command + 썸네일 클릭

​

채널

• 채널 → 하단 플러스 네모 버튼을 클릭 시 알파 채널 추가 됨
• 흰색 : 영역을 지정 / 검은색 : 영역을 해제
• [출처] [제로베이스 콘텐츠 마케팅 스쿨] 03_포토샵 기초(3)|작성자 밍키

 

06.포토샵에서 정확한 모양을 제어하기 위한 펜 툴 익히기

 

펜 툴로 패스를 제어하여 선택 영역 지정하기

• 펜 툴 지정 → 상단 옵션 Path 설정 → 연산 지정 (합집합 or 오버 래핑 제외로)
• 정확한 작업을 위해 확대
• 선 따라 클릭
  • 주의! 한 작업 완료 후 다음 작업 시 꼭 Command +D

​

• 수직 수평을 맞추기 위해선 Shift 누르고 영역 지정 클릭 !

​

• 수정이 필요할 땐 : 선택 툴 (화살표 모양) 클릭
  • 검은색 : 전체를 지정해주는 툴
  • 흰 색 : 부분을 지정해주는 툴 (수정 시 요거 선택) → 점을 드래그로 선택하여 수정 하면 됨

​

곡선 만들기

• 점 클릭하여 곡선 라인에 맞게 드래그
• 다음 수직 설정을 위해 핸들을 끊어주고 싶으면 Option + 점 클릭

​

반원 만들기

• 중간에 점을 찍어 반원을 완성 해준 후 바로 다음 점을 찍어주면 완성!
• 완벽한 반원을 만들어주기 위해 중간 반원을 만들 때 Shift를 누르고 핸들을 수평으로 만들어주면 됨.

​

완만한 곡선 만들기

• 이미지 진행 방향에 맞춰 끊어 설정하기
  • 핸들이 너무 길게 설정되지 않게 유의!

​

지정이 모두 완료되었다면, Path 파레트 → 이름 변경 → Command + 썸네일 클릭하여 영역 지정

→ 새 레이어 만들어 붙여 넣어주면 끝!

​

​

세이프 툴로 다양한 모양의 도형 그리기

• 세이프 툴은 툴 바의 네모 모양 (왼쪽 밑에서 2번째)
• 옵션에선 Shape 설정, 원하는 색 Fill 로 지정, 연산은 뉴 레이어로 지정
• 중심을 기점으로 정사각형을 만드려면 마우스를 누른 상태로 Alt 누르기

​

세이프 툴로 점선 테두리 만들기

• 둥근 사각형 만드는 방법
  • 우선 일반 사각형으로 설정 → 상단 옵션 Shape 지정 → fill 은 색 없음 → Stroke 는 갈색 설정
  • 옵션에 오른쪽 둥근 선을 10 픽셀로 지정 하여 그림을 그려줌

​

• 옵션의 선 설정을 점선으로 설정
  • more options : Dash → 점선의 길이 / Gap → 점선의 간격

​

• 일 부분만 점선을 삭제하고 싶다면 path 로 설정해서 지워주면 됨.
• 우선 전체 설정해주고, path 툴 선택해서 지우고자 하는 영역 설정
• 설정되었으면 흰색 화살표(일부 설정)으로 변경
• 안쪽만 드래그해주면 일부만 선택이 되고 → delete

 

07.포토샵에서 문자를 입력하고 수정하기

 

문자로 입력하고 수정하기

• Tool bar 왼쪽 하단의 Text 툴을 사용
  • 상단 옵션 박스에서 각종 옵션 선택
• 작성이 끝났다면 Command + Enter
  • 그냥 엔터 치면 줄 바꿈으로 되니 이점 꼭 유의하기!
• 수정이 필요하다면 레이어 박스에서 더블 클릭

문자로 속성을 다양하게 변형하기 

• 문자 툴 지정 → 상단 글꼴 선택 → 링크 표시 클릭 시 어도비 다운 폰트만 따로 볼 수 있음

• 문자 크기 조정
  • 작아짐 : Command + Shift + , (콤마)
  • 커짐 : Command + Shift + . (점)
• 자간, 행간 조정
  • 행간 : Option(Alt) + ↑↓ (방향키)
  • 자간 : Option(Alt) + ←→(방향키)

​

• 외부에서 다운 받은 폰트를 사용 할 경우 타 컴퓨터에서 확인이 어려울 수 있음 (폰트 유실)

→ 이를 방지하기 위해 문자의 속성을 이미지화 해야 함.

• 문자 레이어 이름에서 우클릭 → Rasterize type 클릭
  • 단! Rasterize 를 처리할 경우 수정이 안되기 때문에 복사하는 것을 추천 함(Command + J)
    • 카피본은 Rasterize type으로 설정

​

• Convert to shape 으로도 문자 속성을 변환 가능하다.

→ 직접 선택 툴을 사용하여 글씨를 개별 수정 할 수 있다.

​

• Create work path : Path의 속성을 바꾸어 영역 지정이 가능하다. 

이미지를 따라 문자 입력하기

• Tool bar의 펜툴 → Path 를 생성 , 텍스트 툴로 변경하고 Path 위에 클릭 → 원하는 문자 입력 → 각종 조정
  • 문자 위치 조정하는 방법 - 직접 선택 툴 → 문자 앞에 갖다대고 드래그

08.포토샵에서 이미지를 보정하는 다양한 기능 익히기

이미지 보정을 위한 각종 툴 익히기

• 이미지 조정 : 상단 image → 조정 → Color balance (단축키 : Command + B)
• 흑백처리 : 이미지 → 조정 → Black and white
• 듀오톤 보정 : 이미지 → 조정 → Hue / saturation (단축키 : Command + U)
  • 초기화 되려면 Alt 누르고 캔슬 버튼
• 채도 보정 : 이미지 → 조정 → Vibrance
  • Saturation : 색의 진하기
  • Vibrance : 안정감 있게 색감을 잡아줌
• 밝기 보정 : 이미지 → 조정 → Brightness / Contrast
  • Brightness : 밝기 조정
  • Contrast : 명암이 대비값
• 역광 이미지 보정 : 이미지 → 조정 → Shadows/Highlight
• 이미지 선명하게 보정
  • 이미지 → 조정 → Levels(Command + L) - 대비값 보정
  • Curves (Command + M)
    • Command 누르고 가장 밝고 / 어둡고 / 기준이 될 부분이 될 이미지에 점을 찍어 조정 가능
• 빛의 노출도 보정 : 이미지 → 조정 → Exposure
• 색상 반전 : 이미지 → 조정 → Invert
• 보정 툴 : Tool bar 의 왼쪽 하단 4번째 툴
  • Soft brush 설정 , Range (설정하고자 하는 보정 이미지 색상 범위) 설정
  • Exposure : 노출 (보정하려는 툴의 강도)
    • 약하게 여러번 리터치가 좋으므로 20정도로 세팅하여 사용
  • Dodge : 밝게
  • Burn : 어둡게
  • Sponge
    • Mode
      • Desaturate : 채도 ↓
      • Saturate : 채도 ↑
  • Folw : 강도

09.포토샵의 레이어 활용하기

포토샵 레이어 활용

• 레이어 스타일 → 레이어 패널 → fx
  • 외부 그림자 : Drop shadow
  • 내부 그림자 : Inner shadow
  • 빛 효과 : Outer Glow, Inner Glow
  • 채색 : Color overlay , Gradient , Pattern
    • 이 중 하나만 사용 가능
  • 돌출 효과(입체) : Bevel

​

• 폰트를 이미지 정중앙 배치 방법
  • 이동 툴 → 레이어에 텍스트, 배경 다중 선택 → 상단에 정렬

​

• 패턴과 겹쳐 사용할거면 패턴 문구를 뒤에 배치 후 방향키를 통해 이동

​

• 레이어 마스크에서 많이쓰는 툴은 그래디언트
• 레이어 마스크 : 레이어 패널의 ⌻ 이런 모양

​

• 클리핑 마스크 : 이미지 이름 → 우클릭 → 클리핑 마스크
• 보정 레이어 : 레이어 패널 하단의 동그라미

​

• 컬러 발란스 작업 시 전반적으로가 아닌 특정 대상만 적용하고 싶다면

컬러 발란스 레이어 아래에 마우스를 대고 Alt 누른 상태에서 클릭

​

• Color Look up - 여러개 비치된 이미지들을 여러가지 필름을 씌워줄 수 있다.

​

• 스마트 오브젝트 레이어
  • 여러 효과를 사용할 때 나중에 수정할 것을 생각하고 레이어들을 복사하여 써줌 → 복사 후 우클릭 → 스마트 오브젝트 레이어 꼭 클릭!

 

---

# 수강하면서 흥미로웠던 부분

 

• 포토샵은 진짜 활용도가 많고 배워야하는 단축키가 많았지만, 그만큼 활용도에 높은 단축키를 위주로 많이 알려주셔서 숙지한다면 작업속도가 많이 향상 될것같다.

​

어려웠던 부분

• 포토샵은 정말 할수 있는것 많고 알아야 활용도도 높았다...(제일 길고 어려운 수업이었던듯)

​

---

내일 공부할 분량

10월 9일 월요일

 

PART 4. 콘텐츠 마케터에게 꼭 필요한 일러스트레이터

01.일러스트레이터 기본 개념 익히기

02.일러스트레이터에서 선과 면 그리기

03.일러스트레이터에서 다양한 모양을 그리기