2026.06.12 AI 디자이너 5일차 - 포토샵 기본 2일차

1. 오늘의 목표

- 포토샵 학습 : 레이어와 마스크, 선택과 누끼따기, 필터와 자동화

 

2. 오늘의 학습 내용

나만의 포토샵 레이어 정리 규칙

 

* 레이어 네이밍 규칙

 

- 배경 (Background)

• bg_main
• bg_pattern
• bg_texture
• bg_gradient

접두어 : bg_

---

- 텍스트 (Text)

• txt_title
• txt_subtitle
• txt_body
• txt_caption

접두어 : txt_

---

- 버튼 (Button)

• btn_main
• btn_secondary
• btn_hover

접두어 : btn_

---

- 이미지 (Image)

• img_product
• img_profile
• img_icon
• img_banner

접두어 : img_

---

- 효과 (Effect)

• fx_shadow
• fx_glow
• fx_blur
• fx_overlay

접두어 : fx_

---

* 추가 규칙

 

- 도형

접두어 : shape_

예시

• shape_circle
• shape_line
• shape_frame

- 아이콘

접두어 : icon_

예시

• icon_menu
• icon_arrow
• icon_search

- 임시 작업용

접두어 : temp_

예시

• temp_test
• temp_backup

---

 

레이어 색상 라벨 규칙

🔴 빨강 (Red)

• 텍스트 레이어
• txt_

🟠 주황 (Orange)

• 버튼 및 인터랙션 요소
• btn_

🟡 노랑 (Yellow)

• 이미지
• img_

🟢 초록 (Green)

• 배경 요소
• bg_

🔵 파랑 (Blue)

• 도형 및 아이콘
• shape_, icon_

🟣 보라 (Purple)

• 효과 레이어
• fx_

⚫ 회색 (Gray)

• 임시 작업용 레이어
• temp_

---

 

포토샵 프로젝트 그룹 구조

📁 01_BG
├─ bg_main
├─ bg_pattern
└─ bg_texture

📁 02_IMAGE
├─ img_product
├─ img_icon
└─ img_banner

📁 03_CONTENT
├─ txt_title
├─ txt_subtitle
├─ txt_body
└─ btn_main

📁 04_DECORATION
├─ shape_circle
├─ shape_line
└─ icon_arrow

📁 05_EFFECT
├─ fx_shadow
├─ fx_glow
└─ fx_blur

📁 99_TEMP
├─ temp_test
└─ temp_backup

※ 그룹 앞에 숫자를 붙여 정렬 순서를 고정한다.
※ 최종 제출 전 temp 그룹은 삭제한다.
※ 모든 레이어는 반드시 해당 그룹 안에 배치한다.

 

---

 

레이어 블랜딩 모드 사용하기

 

- 좌측 배경 이미지에 우측 효과 이미지를 합성하기

- 레이어 블랜딩 모드에서 [스크린]으로 바꾸기

* 결과물

 

레이어 스타일 적용하기

- 글씨 레이어 스타일 수정 및 적용

- 직접 만들어본 유튜브 썸네일용 이미지

 

자동으로 배경 인식하기

오늘 가장 어려웠던 문제

그림자는 그대로 유지하고 배경색만 바꾸는 문제였다.

 

완드 툴로 배경 선택 후 [반전 선택] 한 후에 자르고 싶은 레이어로 돌아가 전경색 [흰색]으로 하고 ctrl + back space키 누르기!

 

선택 도구 사용하기