illuam

어니언 스킨(Onion Skin)

"어니언 스킨(Photoshop Onion Skin)"은 여러 프레임을 겹쳐서 투명하게 보여주는 방식으로, 이전 프레임과 다음 프레임의 변화를 확인하며 작업할 수 있도록 도와줍니다.

포토샵에서 어니언 스킨은 타임라인 패널과 함께 사용되어 애니메이션 제작 및 수정 작업에 유용합니다.

어니언 스킨 기능의 주요 특징

1. 프레임 간 비교 가능

어니언 스킨을 사용하면 이전 프레임(과거)과 다음 프레임(미래)을 동시에 확인할 수 있어, 각 프레임 간의 이동이나 변화를 보다 정확하게 조정할 수 있습니다.

2. 투명도 조정

겹쳐 보이는 프레임들은 일반적으로 투명도를 설정할 수 있어, 작업자가 현재 프레임을 기준으로 이전과 다음 프레임을 쉽게 구분할 수 있습니다.

3. 움직임 흐름 확인

애니메이션 작업 시 캐릭터나 물체의 움직임을 매끄럽게 만들기 위해 동작의 흐름을 파악할 수 있습니다.

포토샵에서 어니언 스킨 적용하기

프레임 레이트를 설정하는 방법은 아래 글에서 확인해 주세요  

[2D Program/Photoshop] - [Photoshop] 프레임 레이트 (+애니메이션 작업)

≡ 버튼을 누른 후 Onion Skin Settings를 클릭합니다.

Onion Skin Option을 설정합니다.

어니언 스킨을 끄고 싶을 때는 ≡ 버튼을 눌러 Enable Onion Skins를 클릭합니다.

어니언 스킨 장단점

이 블로그 내 같이 보면 좋은 글

[2D Program/Photoshop] - [Photoshop] 이미지 레이어와 비디오 레이어 알아보기

[2D Program/Photoshop] - [Photoshop]포토샵_ GIF 타임 라인 만들기

프레임 레이트(Frame rate)

초당 표시되는 프레임의 수를 의미하며, FPS(Frame Per Second)로 표시됩니다. FPS가 높을수록 애니메이션이 부드럽게 재생되며, 낮을수록 딱딱한 움직임을 보여줍니다.

• 24 FPS : 영화와 같은 부드러운 애니메이션
• 12 FPS : 간단한 GIF나 간단한 애니메이션
• 60 FPS 이상 : 게임 또는 고품질 영상 작업

포토샵에서 프레임 레이트 조절하기

Ctrl + N을 눌러 Film &Vedio탭에서 새로운 문서를 생성합니다.

Layer → Vedio Layers → New Blank Video Layer를 클릭합니다.

오른쪽에 ≡아이콘을 눌러 Set Timeline Frame Rate를 클릭합니다.

프레임 레이트를 설정합니다

프레임 레이트 비교

애니메이션 작업에 적합한 프레임 레이트  

✅ GIF 애니메이션 : 12~15 FPS추천(웹)

✅ 영화 또는 동영상 클립 : 24 FPS(영화 제작 표준)

✅ 고화질 애니메이션 : 30 FPS 이상(게임 등)

 TIP

✔ 프레임 레이트와 파일 크기

FPS가 높아질수록 애니메이션은 부드러워지지만 파일 크기도 커져, 특히 GIF 파일은 용량 제한이 있으므로 적절한 FPS 설정이 중요합니다.  

✔  렉 또는 속도 저하 문제

• 파일 최적화 : 불필요한 레이어를 정리하고, 이미지 크기를 줄입니다.
• 작업 환경 확인 : 포토샵이 실행 중인 PC 사양을 확인합니다.
• 타임라인 정리 : 과도한 프레임 수를 줄이거나 복잡한 효과를 최소화합니다.   

이 블로그 내 같이 보면 좋은 글 

[2D Program/Photoshop] - [Photoshop] 이미지 레이어와 비디오 레이어 알아보기

[2D Program/Photoshop] - [Photoshop] 브러시 다운로드 받기(+어도비 브러시)

포토샵 브러시?

✔ 포토샵 디지털 도구로, 다양한 질감, 패턴, 스타일의 효과를 적용할 수 있습니다.

✔ 브러시는 .abr파일 형식으로 제공됩니다.

✔ 본인만의 커스텀 브러시를 만들거나, 무료 및 유료로 제공되는 브러시를 다운로드해 사용할 수 있습니다. 

브러시 주요 기능

1. 디자인 효율성 극대화

브러시는 손쉽게 텍스처, 패턴, 효과를 추가할 수 있어 디자인 시간을 단축합니다.

반복 작업을 줄이고 고유한 스타일을 표현할 수 있습니다.

2. 다양한 스타일

수채화, 유화, 연필, 목탄, 잉크 등 현실감 넘치는 효과를 제공하며, 이를 통해 디지털 작업에서도 아날로그 느낌을 낼 수 있습니다.

기본 제공 브러시 외에도 다양한 무료/ 유료 브러시를 추가로 설치해 스타일을 확장할 수 있습니다.

3. 커스터마이징 기능

브러시의 크기, 경도, 불투명도, 흐름, 간격 등을 조절해 작업에 맞게 커스터머이징이 가능합니다.

4. 다중 플랫폼 호환

포토샵, 일러스트레이어 등 다양한 어도비 툴에서 브러시를 공유하고 사용할 수 있습니다.      

브러시 다운로드 

🔸 BrushLovers

• 무료 및 유료 포토샵 브러시를 다운로드할 수 있는 인기 사이트.
• 다양한 스타일의 브러시를 제공하며, 초보자부터 전문가까지 활용 가능.
• BrushLovers 바로가기

🔸 DeviantArt

• 크리에이터들이 직접 제작한 다양한 스타일의 브러시를 제공.
• 커뮤니티 기반 플랫폼으로, 고유한 디자인과 독특한 브러시를 찾기 적합.
• DeviantArt 바로가기

🔸 Adobe Fresco Resource

• 어도비 공식 제공 리소스로, 포토샵 및 페인팅 툴에서 사용할 수 있는 브러시 다운로드 가능.
• Creative Cloud 사용자에게 고품질 브러시와 텍스처 무료 제공.
• Adobe Fresco 바로가기

🔸 DesignCuts

• 고품질 디자인 리소스를 제공하는 플랫폼으로, 포토샵 브러시부터 텍스처, 패턴까지 다운로드 가능.
• 유료 번들 구매 시 대폭 할인 혜택 제공.
• DesignCuts 바로가기

🔸 Envato Elements

• 포토샵 브러시, 그래픽 템플릿, 아이콘 등 다양한 디자인 리소스를 무제한 다운로드 가능.
• 월 구독 서비스로 수천 가지 리소스를 자유롭게 이용.
• Envato Elements 바로가기

🔸 Freepik

• 무료 및 유료 디자인 리소스를 제공하며, 포토샵 브러시 카테고리도 다양하게 갖춰져 있음.
• 라이선스를 확인하면 상업적 목적으로도 사용 가능.
• Freepik 바로가기

🔸 GraphicRiver

• Envato에서 운영하는 플랫폼으로, 개별 브러시나 리소스를 구매해 다운로드 가능.
• 디지털 아티스트에게 고급 리소스를 제공.
• GraphicRiver 바로가기

브러시 다운로드 후 불러오기

포토샵 브러시 탭에서 설정 아이콘을 클릭해서 Get More Brushes를 클릭합니다.

* 어도비 다운로드 사이트 

어도비 사이트에서 로그인합니다.

다운로드하고 싶은 브러시 팩 아래에 있는 다운로드를 클릭합니다.  

포토샵 브러시 탭에서 설정 아이콘을 클릭해서 Import Brushes를 클릭합니다.

다운로드한 브러시를 선택한 후 Load를 클릭합니다.

다운로드 받은 브러시 파일이 브러시로 들어온 것을 확인할 수 있습니다. 

이 블로그 내 같이 보면 좋은 글

[2D Program/Photoshop] - [Photoshop]포토샵 액션 만들기(+반복 작업)

[2D Program/Photoshop] - [Photoshop]포토샵 Smart object_이미지 해상도 유지하기

비디오 타임라인 생성하기

Ctrl + N을 눌러 Film &Vedio탭에서 새로운 문서를 생성합니다.

View → Guides → Clear Guides를 클릭하여 가이드를 지우고, Window 탭에서 Timeline을 클릭해 창을 활성화합니다. 

Create Video Timeline에 Create Video Timeline을 선택합니다.

Layer → Vedio Layers → New Blank Video Layer를 클릭합니다.

✔ 비디오레이어와 이미지 레이어 차이

작업한 비디오 레이어 전체 지우기 위해서 Layer → Vedio Layers → Restore All Frames을 클릭합니다.

비디오 레이어
✅ '시간'이 존재하는 개념으로 1초에 몇 개의 프레임이 등장하는지
✅ 기본적으로 투명 배경

• Shift + 다중 레이어 클릭 = 다중 선택
• Ctrl + G = 레이어 그룹화

이미지 레이어 (Image Layer)

이미지 레이어는 포토샵의 가장 기본적인 레이어 유형으로, 정적인 이미지 콘텐츠를 포함합니다.

🔸 특징

• 픽셀 기반: 이미지 레이어는 픽셀 데이터로 구성되며, 그림이나 사진을 포함합니다.
• 수정 가능: 이미지 크기 조정, 자르기, 회전, 색상 보정 등 다양한 작업이 가능합니다.
• 다양한 효과 적용 가능: 블렌딩 모드, 레이어 스타일, 마스크 등을 활용하여 이미지를 합성하거나 효과를 추가할 수 있습니다.
• 스마트 오브젝트로 변환 가능: 스마트 오브젝트로 변환하면 비파괴적 편집이 가능합니다.
• 복합 작업 가능: 여러 이미지 레이어를 겹쳐서 복잡한 합성을 만들 수 있습니다.

🔸 사용 사례

• 사진 보정 및 편집
• 로고, 배너, 그래픽 디자인
• 이미지 합성 작업 특징

비디오 레이어 (Video Layer)

비디오 레이어는 포토샵에서 동영상을 편집하거나 작업할 수 있게 하는 레이어 유형입니다.

🔸 특징

• 프레임 기반: 비디오 레이어는 동영상 파일을 포토샵으로 가져와 프레임 단위로 작업합니다.
• 타임라인 패널과 연동: 비디오 레이어는 타임라인 패널에서 재생 및 조정이 가능합니다.
• 키프레임 사용 가능: 비디오 레이어는 움직임, 불투명도, 필터 효과 등을 애니메이션으로 설정할 수 있습니다.
• 필터와 마스크 적용: 이미지 레이어와 마찬가지로 필터, 마스크, 블렌딩 모드 등을 적용할 수 있습니다.
• GIF 애니메이션 제작: 비디오 레이어를 활용하여 GIF를 만들 수 있습니다.

🔸 지원 파일 형식

• MP4, AVI, MOV 등 일반적인 동영상 파일 형식
• 시퀀스 이미지도 비디오 레이어로 불러올 수 있음

🔸 사용 사례

• 간단한 동영상 편집
• 애니메이션 작업 (텍스트 애니메이션, 모션 그래픽 등)
• GIF 제작 및 동영상에 필터 효과 추가

이미지 레이어와 비디오 레이어 주요 차이점

이 블로그 내 같이 보면 좋은 글

[2D Program/Photoshop] - [Photoshop] 프레임 안에 이미지 배치하기

[2D Program/Photoshop] - [Photoshop] 포토샵_내용 인식 채우기&채우기