PhotoVim 사용법

운동화 가루 폭발 광고: 그림자와 빛줄기

난이도 · 중급 수정 2026-09-28

투명 운동화와 빨강·파랑 가루 레이어로 제품 광고를 만듭니다. 부드러운 바닥 그림자, 빛줄기, 마스크로 앞쪽 입자까지 단계별로 넣습니다.

유튜브에서 보기

영문 편집기 · 영문 자막 · 95초

단계마다 영상을 멈추고 화면의 단축키를 따라 해 보세요. 실습 파일에는 개별 소스가 들어 있으며, 영상은 실제 UI를 조작해 촬영했습니다.

순서

단계 그림을 누르면 크게 볼 수 있습니다

  1. 새 문서 만들기

    시작 화면에서 새 문서(New document)를 누릅니다 (또는 파일(File) > 새로 만들기(New…), Ctrl+Alt+N). 폭(Width)에 1536, 높이(Height)에 1024 를 넣고 만들기(Create)를 누릅니다.

    누르는 곳 — 새 문서 만들기
    새 문서 만들기 — 운동화 가루 폭발 광고: 그림자와 빛줄기
  2. 배경 넣기

    파일(File) > 포함 가져오기(Place Embedded…)를 고르고 01_BACKGROUND.png 를 엽니다. 네모 손잡이가 달린 상자가 나타납니다. 상자 안을 끌면 옮겨지고, 모서리 손잡이를 끌면 비율을 지킨 채 크기가 바뀝니다. Enter 를 눌러 확정합니다.

    누르는 곳 — 배경 넣기
    배경 넣기 — 운동화 가루 폭발 광고: 그림자와 빛줄기
  3. 파랑·빨강 가루 넣기

    03_BLUE_POWDER_ALPHA.png 를 넣고 끌어서 자리를 잡은 뒤 Enter 를 누릅니다. 이어서 02_RED_POWDER_ALPHA.png 를 같은 방법으로 넣습니다. 새로 넣은 레이어는 늘 맨 위에 쌓입니다.

    파랑·빨강 가루 넣기 — 운동화 가루 폭발 광고: 그림자와 빛줄기
  4. 운동화 넣기

    파일(File) > 포함 가져오기(Place Embedded…)를 고르고 04_SHOE_ALPHA.png 를 엽니다. 네모 손잡이가 달린 상자가 나타납니다. 상자 안을 끌면 옮겨지고, 모서리 손잡이를 끌면 비율을 지킨 채 크기가 바뀝니다. Enter 를 눌러 확정합니다. 폭의 3분의 2 정도로 키우고 가운데로 옮깁니다.

    운동화 넣기 — 운동화 가루 폭발 광고: 그림자와 빛줄기
  5. 바닥 그림자 그리기

    레이어(Layers) 패널에서 01_BACKGROUND 를 누른 뒤 레이어(Layers) 패널 맨 아래의 새 레이어 만들기(Create a new layer) 단추(더하기 표시가 있는 네모)를 누릅니다. M 으로 선택 윤곽(Marquee) 도구를 고르고 원형 선택 윤곽(Elliptical Marquee)이 될 때까지 Shift+M 을 누릅니다. 운동화 아래에 납작한 타원을 끕니다. D 로 검정, Alt+Backspace 로 채우고 Ctrl+D 로 선택을 풉니다.

    누르는 곳 — 바닥 그림자 그리기
    바닥 그림자 그리기 — 운동화 가루 폭발 광고: 그림자와 빛줄기
  6. 그림자 부드럽게

    필터(Filter) > 흐림 효과(Blur) > 가우시안 흐림 효과(Gaussian Blur…)를 고르고 반경(Radius)에 30 를 넣은 뒤 확인(OK)을 누릅니다. 레이어(Layers) 패널 오른쪽 위의 불투명도(Opacity) 칸에 70 를 넣고 Enter 를 누릅니다.

    누르는 곳 — 그림자 부드럽게
    누르는 곳 — 그림자 부드럽게
    그림자 부드럽게 — 운동화 가루 폭발 광고: 그림자와 빛줄기
  7. 빛줄기 그리기

    레이어(Layers) 패널 맨 아래의 새 레이어 만들기(Create a new layer) 단추(더하기 표시가 있는 네모)를 누릅니다. 레이어(Layers) 패널 왼쪽 위의 혼합 모드 목록(처음엔 표준(Normal))을 열고 스크린(Screen) 항목을 고릅니다. 왼쪽 도구 막대 맨 아래의 위쪽 색 네모(전경색, Foreground color)를 누르고, # 칸에 3D8BFF 를 넣은 뒤 확인(OK)을 누릅니다. B 를 누르고 크기(Size) 28, Shift+[ 를 네 번 누릅니다. 빛줄기가 시작할 곳을 한 번 누르고, Shift 를 누른 채 끝날 곳을 누르면 곧은 선이 그려집니다.

    누르는 곳 — 빛줄기 그리기
    빛줄기 그리기 — 운동화 가루 폭발 광고: 그림자와 빛줄기
  8. 앞쪽 입자 몇 개 올리기

    02_RED_POWDER_ALPHA 를 누르고 Ctrl+J, 이어서 Ctrl+Shift+](레이어(Layer) > 정돈(Arrange) > 맨 앞으로 가져오기(Bring to Front))를 누릅니다. Alt 를 누른 채 레이어(Layers) 패널 맨 아래의 마스크 추가(Add mask) 단추를 누릅니다. 레이어 전체를 가리는 검은 마스크가 생깁니다 (레이어(Layer) > 레이어 마스크(Layer Mask) > 모두 감추기(Hide All)와 같습니다). X 로 흰색, 크기(Size) 110, 숫자 5 로 50% 에 맞춰 밑창 둘레를 칠합니다.

    누르는 곳 — 앞쪽 입자 몇 개 올리기
    앞쪽 입자 몇 개 올리기 — 운동화 가루 폭발 광고: 그림자와 빛줄기
  9. 밝게 하고 비교하기

    레이어(Layers) 패널 맨 아래에서 반은 검고 반은 흰 동그라미(새 칠 또는 조정 레이어 만들기)를 누르고 밝기/대비(Brightness/Contrast) 항목을 고릅니다 (또는 레이어(Layer) > 새 조정 레이어(New Adjustment Layer) > 밝기/대비(Brightness/Contrast)). 설정은 속성(Properties) 패널에 나옵니다. 밝기(Brightness)에 35, 대비(Contrast)에 20 을 넣습니다. 레이어 왼쪽의 눈 아이콘을 눌러 껐다 켜며 전후를 비교합니다.

    누르는 곳 — 밝게 하고 비교하기
    누르는 곳 — 밝게 하고 비교하기
    누르는 곳 — 밝게 하고 비교하기
    밝게 하고 비교하기 — 운동화 가루 폭발 광고: 그림자와 빛줄기
알아두면 좋은 것

브라우저가 단축키를 가로채면 편집기 메뉴의 같은 명령을 쓰세요. 실습 파일은 사본으로 연습하세요.

에디터에서 따라 하기

자주 묻는 질문

이 튜토리얼을 하려면 포토샵이 있어야 하나요?

아니요. 모든 단계를 설치 없이 브라우저의 PhotoVim 에서 합니다. 메뉴 이름과 단축키가 포토샵과 같아서, 포토샵을 써 본 분에게도 익숙합니다.

곧은 빛줄기는 어떻게 그리나요?

시작할 곳을 한 번 누르고, Shift 를 누른 채 끝날 곳을 누르면 두 점 사이에 곧은 선이 그려집니다.