본문 바로가기

CM15기

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

수강한 분량
10월 7일 토요일

 

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

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

 


 

핵심 내용 정리

01. 그래픽 작업에서 알아야 할 기본 개념 익히기

벡터와 비트맵의 차이

  • 벡터 : 점과 점 사이를 이어 주는 것 → 확대해도 크게 깨지지 않음
  • 비트맵 : 픽셀로 이미지를 만들어 내는 방식 → 확대 시 해상도가 흐리게  보일 수 있음. 

이미지 작업 시 일반적인 작업은 포토샵에서 진행하고,

사진 같은 고화질을 요구하는 경우 일러스트레이터에서 작업.


RGB 모드와 CMYK 모드의 차이

  • RGB(Red, Green, Blue - 빛의 삼원색) - 혼합 할 수록 점점 밝아지고 흰색에 가까워지는 가상 혼합방식 .

    • 웹 이미지, 홈페이지, 영상 이미지에서 사용됨.
  • CMYK(Cyan,Magenta,Yellow,Black - 염료의 삼원색) - 혼합할 수록 어두워지는 감산 혼합방식)
    • 인쇄(잡지, 패키지, 서적) 에 사용됨.

 

 

해상도의 이해

1인치 안의 몇 개의 픽셀, 또는 점으로 이루어져있는지에 대한 정도를 나타낸다.

해상도(Resolution) 가 클 수록 정확하지만 파일의 용도는 증가한다.

웹페이지용 이미지 작업 시, 해상도가 클 필요는 없다. → 해상도가 크면 파일이 무거워져 속도가 늦어짐

이미지의 선명함, 파일 크기를 고려하여 적절한 것을 골라야 한다.

대표적으로 웹 이미지를 작업 할 때는 72ppi, 인쇄용 이미지를 작업할 때는 300ppi 사용한다.


작업 용도에 따른 파일 형식

 

 

2.포토샵 기본 개념 익히기

포토샵의 인터페이스 살펴보기

 

내 입맛에 맞춰서 포토샵 환경설정 변경하기

환경 설정 : Command + K

이전으로 돌아가기 : Command + Z or Command + Option + Z

이미지 크기 조절 : Command + T

이미지 이동 (다른 이미지로 이동) : 속성에 ✣ 눌러서 드래그

화면에 맞게 이미지 맞춤 : Command + 0

이미지 실제 크기 : Command + 1

손모양으로 나와서 위치 이동 : 스페이스 + 마우스 이동

전체 화면 확대 : Command + 스페이스 + 스크롤

복사 : Alt

다른 이름으로 저장 : Command + S

사본 저장 : Command + Option + S

레이어 이미지 이동 : Command + [ ] (대괄호)

한번에 상하 이동 : Command + Shift + [ ] (대괄호)

그룹 단축키 : Command + G

그룹 해제 : Command + Shift + G

이미지 왜곡 : 이미지 크기 조절 (command + T) 후 컨트롤 하여 크기 조정

이미지 기울리기 : 이미지 크기 조절(command + T) 후 Command + Shift 하여 크기 조정

이미지 원근 처리 : 이미지 크기조절 (command + T) 후 Command + Alt + Shift

가운데 맞춰 이동 : 이미지 크기조절 (command + T) 후 Alt

주변 배경 복사 : Alt

 

 

포토샵에서 이미지 열기

  • 환경 설정에서 홈 화면 자동 표시 체크 해지 ➢ 다음번부터 홈화면이 노출되지 않음.
  • 도구 에서 도구 설명 표시 체크 해지
  • 성능에서 작업 내역 상태를 100으로 ➢ 작업 내역 상태는 저장하는 작업 단계를 말함.
  • 문자에서 레이어 채우기 필터 해지
  • 저장은 무조건 다른이름으로 저장하기 (Command + S)

화면 배율 조절하기

창 크기 조절하기

단축키 : Option +Command+C

 

포토샵에서 파일 저장하기

파일을 불러올때는 두가지 방법이 있음.

  • Open / 임베드
    • 오픈으로 연 이미지를 줄였다가 키우면 이미지가 깨진다.
    • 임베드 한 이미지는 해상도가 동일하다.
      • 장단점은 있음. 임베드로 연 파일은 많이 배치 시 용량 차지가 많아 파일이 무거워 진다.
        • 용량을 줄이기 위해서는 이름 클릭 ➢ 레이어 레스트화

레이어 설정 시 자동 선택을 끄고 Command 클릭

면적이 넓게 분포되어 있을 때는 컨텐츠 어웨어 기능 사용

-> 배경을 인식하여 지정된 선택 영역을 채우는 기능 임.

  • 이미지 지정 후 편집 ➢ 칠 ➢ 내용 인식
    • 해제 : Command + D

 

3.포토샵의 레이어 이해하기

레이어의 개념 익히기

이미지를 자유롭게 이동하기

  • Tool bar > 오토 셀렉트 로 원하는 레이어 탭으로 이동 하여 붙여넣기
  • 합쳐진 레이어에서는 각각 레이어 선택 시 에는 
    Control 누른 상태에서 해당 이미지를 선택 하면 해당 이미지만 선택 하여 이동 가능.

 

이미지 크기 조절하기

  • Control + 이미지 사이즈 조절 시 비율 유지 X
  • Shift + 이미지 사이즈 조절 시 비율 유지 O

 

이미지의 특정 부분 지우기

  • 이미지 주변 복사 : 스탬프툴 + Option + 클릭 
  • 우측 대괄호 키 + Option 선택 하여 클릭 하며 주변 배경을 복사하여 붙여넣기 

 


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

 

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

어려웠던 부분

  • 포토샵은 왜 유료인가.....(10년만에 처음 알았음)


내일 공부할 분량

10월 8일 일요일

 

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

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

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

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

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