Photoshop의 스타일 프레임 만들기

Sep 12, 2025
어떻게

스타일 프레임은 완성 된 프레임의 스냅 샷이므로 더 긴 애니메이션 내에서 볼 수 있습니다. 그것은 애니메이션이나 라이브 액션 비디오의 전반적인 모양과 느낌을 캡처하는 것을 목표로하지만 스틸 이미지에서.

스타일 프레임은 비디오에서 사용할 색상, 매체, 텍스처, 사진 및 자산을 캡처하는 데 도움이 될 수 있습니다. 클라이언트를 보여주는 스토리 보드와 스타일 프레임은 모두 프로젝트로 무엇을 기대할 수 있는지에 대해 동일한 페이지에 있는지 확인하는 훌륭한 방법입니다.

  • 스토리 보딩의 기술을 마스터하십시오

These examples are very different, but all do a great job of communicating what the final piece will look like [click the icon to enlarge the image]

이 예제는 매우 다르지만 마지막 부분이 어떻게 생겼는지 의사 소통하는 훌륭한 일을합니다 [아이콘을 클릭하여 이미지를 확대하십시오]

위의 예에서는 스타일 프레임이 비디오의 모든 프레임을 스토리 보드로 표시하지 않습니다.

Photoshop에서 스타일 프레임을 만드는 데 필요한 것을 가져 가자. 우리는 멀티 사진 복합 재료가 동일한 작품의 일부인 것처럼 느껴지는 것을 알아야 할 몇 가지 주요 기술에 중점을 둡니다.

이 자습서의 경우 새 TV 쇼에 앞에있는 제목 시퀀스의 예를 사용합니다. 이 쇼는 수수께끼의 주제가 있으며 수업에 관한 선입견이 있으며 바다 근처에 있습니다.

  • Photoshop 용 5 개 최고의 노트북

01. 단일 이미지로 시작하십시오

This image will be our starting point. Click the image to download it

이 이미지는 우리의 출발점이 될 것입니다. 이미지를 클릭하여 다운로드하십시오

첫째, 우리 쇼의 별을 살펴 보겠습니다. 위의 사진은 우리의 출발점이 될 것이며, 나는 그것을위한 많은 계획을 가지고 있습니다. 나는 백그라운드에서 영웅을 격리하고, 그녀의 주위에 네온 라이트 루프를 감싸고 조명을 조정하여 그들을 통합하고 싶습니다.

02. 그림을 잘라냅니다

Start by quickly selecting the rough silhouette [click the icon to enlarge the image]

거친 실루엣을 빠르게 선택하여 시작하십시오 [아이콘을 클릭하면 이미지 확대]

대부분의 그림의 실루엣을 얻으려면 빠른 선택 도구를 사용하여 시작하십시오. 상단의 선택 및 마스크 버튼을 클릭하면 속성 대화 상자가 나타납니다. 보기가 양파 스킨으로 설정되어 있는지 확인하고 투명도 슬라이더를 아래로 돌리면 이미 가려진 영역을 볼 수 있습니다.

03. 머리카락에 초점을 맞 춥니 다

이제 그들의 전경이있는 머리카락을 다루게합시다. 미세 조정 도구를 사용하여 이러한 밖으로 잘라내는 것은 까다 롭습니다. Photoshop CC 2017. 새로운 선택 및 마스크 기능은 이미지의 낮은 조명 조건을 고려하여 훨씬 간단합니다.

세련된 가장자리 브러시 도구를 잡고 그 머리카락을 그렸습니다. 이제 브러시 도구를 사용하여 오버도 도구를 사용하여 브러시 도구를 사용하여 어떤 영역을 가져 오는 곳을 보려면 투명도를 최대 100 %까지 크랭크하십시오.

04. 귀하의 선택을 완료하십시오

Refine your selection until you're happy with the result [click the icon to enlarge]

결과에 만족할 때까지 선택을 해제하십시오 [아이콘을 클릭하면 확대 할 수 있습니다]

머리 선택에 만족할 때 까지이 단계를 앞뒤로 반복하십시오. 이 시점에서는 변화 가장자리를 약간뿐만 아니라 대비뿐만 아니라 깃털 (2px)을 추가합니다. 확인을 클릭하십시오. 레이어 마스크 버튼을 클릭 하여이 선택을 마스크로 커밋하십시오.

05. 배경을 조정하십시오

이제 단단한 배경을 추가하십시오. 색상 선택기를 사용하여 그림의 재킷에 어두운 그늘과 일치합니다. 당신은 선택이 완벽하게 보이지 않는다는 것을 알 수 있습니다. 어두운 배경에 고립되어 있습니다 - 걱정하지 마십시오, 우리는 이것을 재판매로 덮을 것입니다.

06. 일부 네온 조명의 페인트

The swirls should both overlap the figure’s head [click the icon to enlarge]

소용돌이는 둘 다 그림의 머리를 겹쳐야합니다 [아이콘을 클릭하면 확대 할 수 있습니다]

기재가되기 전에 그 네온 불빛을 추가하십시오. 원본 배경의 미묘한 일몰에서 두 가지 색상을 선택하십시오 : 부드러운 분홍색과 파란색. 펜 도구를 셰이프 모드로 사용하여 채우기를 없음 및 획의 색상으로 설정하십시오. 스트로크 폭을 26px로 설정하십시오.

이제는 두 가지 다른 레이어에서 재미있게 가질 수 있습니다. 핑크색과 푸른 네온 소용돌이를 그립니다.

07. 글로우를 추가하십시오

A narrower, white strip creates the illusion that the lights are glowing [click the icon to enlarge]

좁은, 흰색 스트립은 빛이 빛나는 환상을 만듭니다 [아이콘을 클릭하면 확대 할 수 있습니다]

이제 두 모양을 복제하고 스트로크 색을 흰색으로 변경하고 스트로크 폭을 9px로 줄입니다. 이 흰색 줄무늬는 각 소용돌이의 중간에 앉아야합니다. - 정확하게 줄 지어 있지 않은 경우 모든 스트로크를 선택하고 Set Shape Stroke 유형 드롭 다운을 사용하여 중앙 정렬을 선택합니다.

넓은 획의 깃털을 9px로 바꾸고 좁은 흰색의 깃털을 5px로 바꿉니다. 효과가 충분히 활기찬이 아니라면 착색 된 스트로크를 복제하고 6px로 깃털을 묻습니다.

정리 및 그룹 만들기 단추를 선택하여이를 모두 그룹화하십시오. 마지막으로, 층 마스크를 그룹에 추가하고 그림의 머리 뒤에가는 조명 영역을 칠합니다.

08. 기절을 시작하십시오

Use the neon shades to paint over the wispy hairs [click the icon to enlarge]

네온 음영을 사용하여 전경이있는 머리카락을 칠하십시오 [아이콘을 클릭하면 확대 할 수 있습니다]

기절을 시작하려면 몇 가지 새로운 레이어를 만들고 분홍색과 파란색 견본을 사용하여 전경이 털 위에 그림을 그리기 시작하십시오. 그것은 거칠고 미치게되어야합니다.

모든 페인트 레이어를 스마트 필터로 변환하고 Gaussian Blur를 추가하십시오. 가장 큰 스트로크가 가장 큰 스트로크에 대한 가장 큰 스트로크를 흐리게하고 싶습니다. 불투명도를 돌리고 싶을 수도 있습니다.

09. 레이어를 마스크하십시오

Save time by reusing our mask from earlier [click the icon to enlarge]

이전에서 마스크를 재사용하여 시간 절약 [아이콘을 클릭하면 확대 할 수 있습니다]

우리는 이러한 레이어를 가려야하지만 새로운 마스크를 만드는 대신 우리는 배경을 위해 우리가 만든 것을 간단히 재사용 할 수 있습니다. 보류 alt. 원본 사진의 마스크를 클릭하십시오. 그런 다음 히트 CMD + A. 모두를 선택하고, CMD + C. 복사하려면. 개별적으로 페인트 한 각 레이어를 선택하고 레이어 마스크를 추가하십시오. Alt + Click 그 마스크와 히트 CMD + V. 복사 된 원본 마스크를 붙여 넣습니다.

10. 당신의 일을 수정하십시오

Change the blend modes on your relighting layers [click the icon to enlarge]

Lelight Layers의 블렌드 모드 변경 [아이콘을 클릭하면 확대 할 수 있습니다]

각 가면에 들어가서 너무 많은 색상을 가지고있는 모든 영역에 검은 색을 페인트하십시오. 또한 그 WISPINES 중 일부를 다시 추가하려면 가벼운 그림 섹션의 얼룩 도구를 사용할 수도 있습니다.

이 레이어의 블렌드 모드를 밝게, 화면 또는 심지어 색상 닷지와 같은 것으로 변경하십시오. 머리 꼭대기에 자유형 그림의 다른 층을 추가하여 더 많은 깊이의 깊이를 제공합니다. 이 모든 레이어를 '기재'라는 그룹에 넣으십시오.

11. 먼지를 추가하십시오

Motion-blurred dust particles really bring the image together [click the icon to enlarge]

모션 흐리게 먼지 입자가 정말로 이미지를 함께 가져옵니다 [아이콘을 클릭하면 확대 할 수 있습니다]

이제 정말로 그것을 모두 끌어 당기기 위해 나는 모션 흐리게 먼지처럼 보이는 모든 것의 위에 레이어를 추가하고 싶습니다 ( Shutterstock 에서이 사진을 다운로드하십시오 짐마자

사진을 레이어 스택 상단에 놓고 필요한 경우 크기를 조정하여 전체 캔버스를 덮습니다. 블렌드 모드를 화면으로 변경하십시오. 밝기와 대비 조정 레이어를 추가하십시오 Alt + Click 두 개의 조정과 먼지 층 사이에서 함께 두 개를 클립하기 때문에 먼지 층은 다른 레이어에 영향을 미치지 않습니다. 약간 밝기를 줄이고 대비를 크랭크하십시오.

다음 페이지 : 스타일 프레임에 두 개의 이미지를 추가하고 모든 색상을 함께 묶습니다.

  • 1
  • 2.

현재 페이지: 페이지 1


어떻게 - 가장 인기있는 기사

반응 스프링을 사용하여 부품 애니메이션

어떻게 Sep 12, 2025

(이미지 크레디트 : 매트 크라우치) 반응 스프링은 애니메이션을 통해 웹에서 구현하기�..


귀하의 3D 해부학을 개선하는 10 가지 방법

어떻게 Sep 12, 2025

(이미지 크레디트 : Ryan Kingslien) 인간의 수치를 재현하는 것은 가장 힘든 도전적인 예술�..


애니메이션을위한 얼굴을 조작하는 방법

어떻게 Sep 12, 2025

2002 년 Maya Way에서 캐릭터 장비를 만드는 방법을 처음 배우는 동안 2002 년에 일을하는 동안 2 제목 ..


CSS 그리드 패션 유연한 레이아웃

어떻게 Sep 12, 2025

CSS Grid는 행과 열의 두 축 레이아웃을 만드는 데 적합합니다. 구문은 간단하고 페이지 레이아웃을..


3ds Max와 V-Ray에서 현실적인 3D 모피와 모피를 만드십시오

어떻게 Sep 12, 2025

놓치지 마라 정점 2018. , CG 커뮤니티에 대한 데뷔 이벤트. 게임, vfx �..


CSS로 애니메이션을 사용하여 메뉴의 전원을 켜십시오

어떻게 Sep 12, 2025

그것은 우리가 세계를 이해하는 애니메이션을 통해 다음과 같습니다 : 문은 열려있는, 자동차가 �..


더 몰입 가능한 VR 경험을 창출하는 5 가지 방법

어떻게 Sep 12, 2025

가상 현실은 정확히 새로운 것이 아니라 지난 몇 년 동안 기술이 진정으로 몰입적이고 믿을만한 V..


Photoshop의 합성 이미지에 대한 궁극적 인 가이드

어떻게 Sep 12, 2025

모든 Photoshop 프로젝트의 이미지를 하나의 환상적인 프레임으로 합성하는 것은 아마도 가장 즐겁�..


카테고리