개나리 블로그

유튜브 채널 홈화면 레이아웃 꾸미기 (채널 트레일러)

개나리 스토리 — Fri, 29 Aug 2025 00:20:42 +0900

홈화면 레이아웃 채널 트레일러

방문자가 유튜브 채널에 처음 방문한 사람을 위한 소개 영상입니다. 채널 구독자가 아닌 방문자가 바로 볼 수 있게 재생되는 영상으로 어떤 채널인지 빠르게 이해하 수 있는 영상을 등록하는 것을 추천합니다. 구독자, 비구독자 별도로 지정할 수 있습니다.

채널 트레일러의 특징
대상 - 채널에 처음 방문한 비구독자에게만 자동 재생됨
위치 - 채널 홈 상단에 배치됨 (PC와 모바일 모두)
길이 - 권장 30초~1분 정도가 이상적
목적 - 구독 유도, 채널 첫인상 제공

1. 유튜브 스튜디오 > 맞춤설정 > 채널 맞춤설정의 프로필 작업이 끝나면 홈 탭을 선택하고 레이아웃 항목에서 섹션 추가를 합니다.

홈 탭 화면에서 '섹션 추가' 버튼 선택

2. 비 구독자가 볼 수 있는 동영상은 채널 트레일러를, 구독자의 재방문일 때 볼 수 있는 동영상은 하이라이트(재방문 구독자 대상)를 선택하면 됩니다. 두 개의 영상을 등록하면 비구독 처음 방문자, 구독 재방문자 별로 다른 영상이 뜹니다.

채널 트레일러 메뉴 선택

3. 특정 동영상 선택 창에서 원하는 동영상을 선택하면 됩니다.

메인 화면에 추가하고싶은 영상 선택

4. 오른쪽 상단 메뉴에서 채널 보기로 미리 확인할 수 있고, 게시를 메뉴를 클릭하면 작업이 완료됩니다.

게시 등록 후 게시

5. 이 외에도 추천, 인기, 숏츠 동영상, 실시간 스트리밍, 재생목록, 추천 채널, 인기 커뮤니티 클립, 게시물 등을 추가할 수 있습니다.

유튜브 초보자를 위한 브이로그 용 카메라 추천

개나리 스토리 — Sun, 17 Aug 2025 14:20:53 +0900

유튜브 초보자를 위한 브이로그(V-log) 용 가성비 용 카메라 렌즈 조합

카메라를 처음 다루는 카알못

카메라 초보자를 기준으로 설명하면 풀프레임과 크롭바디 모델이 있는데, 시작은 크롭바디와 컴팩트 카메라로 설명하겠습니다. 풀프레임 미러리스 모델은 아무래도 카메라 전문지식이 있어야 제대로 활용할 수 있고, 가격도 최소 약 200만 원부터 시작하기에 경제적으로도 부담이 됩니다.

촬영을 계속하고 본격적으로 장비에 대한 이해도가 높아지면 그때 업그레이드 해도 늦지 않습니다.

풀프레임 미러리스와 크롭 미러리스 차이

다음 사진에서 보듯이 빛을 받아들이는 센서의 크기에서 차이가 나고 이 센서가 카메라 가격에 많은 영향을 끼칩니다. 또한 센서가 클수록 빛을 많이 받아들이기에 화질적 측면에서 우수하고 어두운 저조도 촬영에서 좀 더 유리합니다.

스마트폰과 액션캠에 비해서는 물리적 센서가 훨씬 크기에 화질 성능이 우수합니다.

풀프레임 센서와 크롭 센서 크기 비교

센서 크기 비교

아래 비교는 가로세로(mm) 규격, 대각선(mm), 크롭 팩터(풀프레임 기준)으로 나열했습니다.

풀프레임(Full Frame) : 36 × 24 / 43.3 /1.0×
크롭(APS-C ) : 23.5 × 15.6 / 28.2 / 1.5×
마이크로 포서드(MFT) : 17.3 × 13.0 / 21.6 / 2.0×
1인치 센서(컴팩트 카메라) :13.2 × 8.8 / 15.9 / 2.7×
스마트폰 : 10.4 × 7.8 / 12.7 / 약 3.5×

센서 크기 비교 (스마트폰에서 미러리스까지)

현재 액션캠과 스마트폰은 1인치에 가깝게 크기를 키워 사진의 품질을 높이기 위해 노력중입니다. 물론 그덕에 카메라 렌즈는 점점 더 커지고 가격도 올라가는 문제가 있기는 합니다.

초보자를 위한 추천 모델
현재 시점 기준으로 크롭바디는 소니의 ZV-E10 M2, 컴팩트 카메라는 캐논의 PowerShot V1을 추천합니다. 크롭바디 모델은 카메라 바디에 렌즈를 탈착 할 수 있는 카메라이고 컴팩트 카메라는 카메라와 렌즈 일체형입니다.

소니 ZV-E10M2K
렌즈 교환식, APS-C 센서(크롭 팩터1.5x), 얼굴 보정(소프트 스킨), 초보에서 준 프로급 사용 가능, 번들 렌즈에 손떨림 방지, 번들 렌즈 화각 16-50mm(35mm 환산 : 24-75mm), 단렌즈 클리어 이미지 줌(4K 1.5배, FHD 2배) 가능
캐논 PowerShot V1
내장형 줌렌즈, 1.4형 센서(크롭 팩터 약 1.4x), 우수한 피부톤 색감, 렌즈에 손떨림 방지, 렌즈 화각 8.2-25.6mm(35mm 환산 : 약 16-50mm)

소니 ZV-E10 II 바디와 추천렌즈 조합

렌즈 교환식 미러리스 카메라로 구매할 때는 번들렌즈 포함 모델( ZV-E10M2K)로 구매합니다. 번들 렌즈는 풀프레임 기준 표준 화각 24-75mm로 사용하고, 새로 광곽렌즈를 추가로 구매하는 것을 추천합니다. 광곽렌즈는 화각이 넓어 번들 렌즈에 비해 셀피 촬영에 유리합니다. 액션캠처럼 넓은 화각으로 촬영할 수 있습니다.

번들 렌즈는 주변 풍경과 다른 피사체를 데일리로 스트리트(street) 촬영할 때 좋습니다.

ZV-E10M2K (번들렌즈 PZ16-50 OSS2)

여행하면서 셀피 촬영이 주 목적이면 : 조리개 값 F2.8 이내의 광각 렌즈 - 시그마10-18mm F2.8, 탐론 11-20mm F2.8, 삼양 12mm F2, 시그마 12mm F1.4

셀피나 야간이 아닌 낮에 주변 풍경과 일상 촬영이 목적이면 : 번들 렌즈 - 소니 PZ16-50 OSS II

실내에서 라이브 방송이 목적이면 : 조리개 값 F2.0 이내의 단렌즈 - 시그마 12mm F1.4, 시그마 15mm F1.4, 소니 SEL15F14G

셀피 촬영 가능한 화각의 줌렌즈

낮은 조리개값으로 저저도 실내 및 야간 촬영에 유리

경제적 여건이 되면, 표준 화각 번들 렌즈 + 밝은 조리개의 단렌즈 1개 + 광곽 줌렌즈 1개 구성이 베스트입니다. 추천 렌즈는 각 상황에 따라 필요한 렌즈를 나열한 것으로 꼭 정답은 아닙니다.

렌즈 고민이 필요 없는 캐논 PowerShot V1

언제든지 들고 다닐 수 있는 현시점에서 컴펙트 미러리스 카메라의 최강자입니다. 가변 조리개를 채택하고 있어 어두운 실내에서는 줌이 아닌 광각 화각에서 촬영하는 것을 추천합니다. 광각이 조리개 F2.8부터 시작하기 때문입니다.

컴팩트 카메라의 최강 V1

최대 조리개 범위는 f2.8-4.5의 가변 조리개를 갖고 있으며 풀프레임(35mm) 환산 약 16-50mm의 화각을 갖고 있어 스마트폰으로 따지면 약 0.7배에서 2배 줌 범위를 갖고 있습니다.

센서 크기도 마이크로포서드 정도의 크기로 기존 1인치 줌렌즈 장착 컴펙트 카메라에 비해 훨씬 큰 센서를 장착하고 있습니다. 렌즈는 자체 광학식 손떨방 방지와 ND 필터도 있어서 컴펙트 카메라에 있어는 꽤 괜찮은 성능을 갖고 있습니다.

유튜브 채널 디자인 등록하고 꾸미기

개나리 스토리 — Tue, 5 Aug 2025 23:48:17 +0900

유튜브 채널 디자인은 단순한 이미지 이상의 역할을 합니다. 채널의 첫인상을 결정짓고 채널의 정체성과 방향성을 명확히 전달할 수 있습니다. 로고, 색상, 폰트 등을 통일되게 배치하여 채널만의 아이덴티티를 만들어 브랜드화하는 것이 중요합니다.

유튜브 채널 배너와 프로필 등록

01 유튜브 계정 메뉴에서 [YouTube 스튜디오] 메뉴를 선택하여 유튜브 채널 화면으로 이동합니다.

유튜브 스튜디오 선택

02 유튜브 채널 화면에서 [맞춤설정] 메뉴를 선택합니다. 채널 맞춤설정의 프로필 탭 화면에 [배너 이미지]와 [사진]을 업로드할 수 있는 화면이 나타납니다. 이 화면에서 유튜브 채널 디자인에 들어갈 배너 이미지와 프로필 이미지를 파일 첨부로 업로드합니다.

채널 상단 이미지와 프로필 사진을 등록

03 유튜브 채널의 배너 디자인은 다음과 같이 TV, 데스크톱, 태블릿, 모바일 화면으로 구성되어있습니다. 첨부파일을 다운로드해서 포토샵 등 그래픽 편집프로그램에서 디자인하고 JPG, PNG 등의 파일로 업로드합니다.

Youtube.png

0.12MB

유튜브 채널 디자인을 위한 탬플릿

포토샵에서 작업한 채널 디자인

04. 프로필 탭 > 배너 이미지 > 업로드하면 다음과 같이 배너 아트 맞춤설정 창이 나타납니다. TV 표시, 데스크톱 표시, 모든 기기 표시 등에 이상이 없는지 확인하고 [완료] 버튼을 클릭합니다.

완성된 디자인 배너 이미지 업로드

05. 프로필 탭 > 사진 > 업로드하면 다음과 같이 사진 맞춤설정 창이 나타납니다. 표시에 이상이 없는지 확인하고 [완료] 버튼을 클릭합니다.

프로필 사진 업로드

06 배너 이미지와 사진을 업로드한 후 오른쪽 상단에 [게시] 버튼을 클릭해야 업로드한 이미지가 유튜브 채널에 적용됩니다.

배너 이미지와 사진 업로드 후 게시 메뉴 선택

07 게시 후 [내 채널] 메뉴를 선택하여 채널에 등록되었는지 확인합니다.

프로필 메뉴에서 내 채널 선택

08 이미지가 등록된 유튜브 채널을 확인할 수 있습니다.

유튜브 배너와 프로필 사진이 등록된 채널 화면

유튜브 채널 쉽게 만들기

개나리 스토리 — Mon, 21 Jul 2025 13:33:29 +0900

2005년에 개인이 만든 영상을 누군가 볼 수 있게 하기 위한 취지로 시작된 인터넷 서비스가 이젠 전 세계의 수십억 명의 사용자가 이용할 정도로 큰 플랫폼으로 성장해서 기존 레거시 미디어를 압도하기 시작했습니다.

이제는 1인 1미디어 시대에 맞게 유튜브 채널을 만들고 자신만의 스토리, 이야기, 정보 등의 영상을 세계에 공개할 수 있게 되었습니다.

정보화 시대를 거쳐 콘텐츠가 세상을 지배하는 시대가 도래했습니다. 본인만의 콘텐츠를 유튜브 채널을 통해 올리는 방법을 알아보겠습니다.

유튜브 채널 만들기

01. 구글 아이디가 있는 상태에서 채널을 만듭니다. https://www.youtub.com 사이트에 접속하여 로그인합니다. 채널이 있다면 오른쪽 메뉴에 '내 채널 보기' 메뉴가 보이고 없으면 '채널 만들기' 메뉴가 보입니다. 이때는 채널 만들기 메뉴를 선택하고 개인 채널을 만듭니다.

채널이 없으면 채널 보기가 아닌 채널 만들기 메뉴가 보인다.

내 채널이 있으면 채널 맞춤설정에서

채널이 이미 있으면 메뉴 > 내 채널 > 채널 맞춤설정 에서 프로필을 수정할 수 있습니다.

02. 채널 이름과 핸들을 정합니다. 핸들은 쉽게 이야기하면 이메일의 아이디와 같습니다. 본인 채널 주소를 나타내는 것으로 추후에 바꿀 수도 있습니다. 핸들이 정해지면 유튜브 채널 주소는 youtube.com/@hongtv와 같은 주소를 갖게 됩니다. 이미 선점된 주소는 만들 수 없으므로 선점하고 있지 않는 주소를 만들어야 합니다.

채널 만들기 화면 (핸들은 영문 기준 3자 이상)

서브 채널(브랜드 계정) 만들기

개인 채널 이외에 서브 채널로 브랜드 계정을 만들 수 있습니다. 여러 개의 채널을 운영할 때 사용합니다.

01 유튜브 계정 로그인 후 계정 메뉴에서 설정을 선택합니다.

계정 메뉴에서 설정 선택

02 내 YouTube 채널 화면으로 이동합니다. 여기서 '채널 추가 또는 관리'를 선택합니다. 채널을 삭제할 때는 '고급 설정 보기'를 선택해서 채널 삭제를 할 수 있습니다.

채널 추가 또는 관리에서 채널 추가, 고급 설정 보기에서 채널 삭제

03. 모든 채널 화면이 나타나며 여기서 채널 만들기 메뉴를 선택하고 새로운 채널을 만들면 됩니다.

채널 추가 또는 관리 ＞ 채널 만들기 화면

고급 설정 보기 ＞ 채널 삭제 화면

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

현재 유튜브 채널은 전 세계 수억 개의 채널이 활성화되어 운영되고 있습니다. 엄청난 콘텐츠 홍수 속에서 살고 있습니다. 자신이 관심 있고, 잘 아는 정보와 콘텐츠를 취미로 시작해서 업으로 발전할 수 있으면 가장 좋은 시나리오지만, 치열한 경쟁 속에서 수익을 목적으로 개설하면 오래 못 가 포기하게 됩니다.

따라서 시작은 가볍게, 활동은 중단 없이 꾸준히 하길 바랍니다.

일러스트레이터 기초 - 동영상 모음

개나리 스토리 — Fri, 18 Jul 2025 15:58:40 +0900

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

일러스트레이터 드로잉 기초

미리캠버스로 인쇄용 배너, 현수막, 전단지 등 만들기

개나리 스토리 — Thu, 12 Sep 2024 15:21:18 +0900

미리 캠버스로 만들 수 있는 인쇄용 템플릿은 현수막, 박스 테이프, 명함, 전단지, 배너, 스티커 리플릿, 포스터, 브로셔/카탈로그, 실사 출력, 봉투, 탁상 달력, 문구류, 입간판, 현판, 폰 액세서리, 홀더, 아트 굿즈, 카드, 마스킹 테이프, 머그컵 등 인쇄할 수 있는 대부분 지원합니다.

과거 전문 디자이너가 하던 업무를 비 전문가도 작업할 수 있게 구성되었습니다. 물론 포토샵 등 전문 프로그램을 다룰 수 있다면 좀 더 효과적으로 작업이 가능할 겁니다.

가장 최적의 조합은 미리캠버스 + 포토샵 + 일러스트레이터를 넘나들며 작업하는 것이지만 미리캠버스 하나로도 작업은 가능합니다.

다음 작업은 배너를 기준으로 설명합니다.

1. 로그인한 상태에서 미리캠버스 메인 화면 우측 상단의 디자인 만들기를 선택합니다.

디자인 만들기 메뉴

2. 크기조정 > 인쇄 > 배너 60 x 180cm를 선택합니다.

배너 템플릿 세팅하는 과정

3. 여러 샘플들 중 하나를 선택합니다.

원하는 템플릿 선택

4. 템플릿이 적용되면 오른쪽 화면에 미리 보기 화면이 나타나서 실제로 어떤 모습으로 결과가 나오는지 예측할 수 있습니다.

작업 중인 내용을 가상으로 미리보기

5. 미리 보기에서 좌측 상단에 3D를 활성화하여 마우스로 드래그하여 360도 돌려가며 확인합니다.

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

6. 미리 보기는 'AR로 보기', '3D로 보기', '사진으로 보기' 세 가지가 있습니다. 미리 보기를 바꾸고 싶으면 미리 보기 화면 우측 하단 아이콘을 누르면 선택 메뉴가 나타납니다. AR로 어떻게 적용되는지 확인하기 위해서 AR로 보기 메뉴를 선택합니다.

증강현실을 사용한 AR로 보기 메뉴

7. 바코드를 스마트폰, 태블릿 등 모바일 기기로 촬영합니다.

QR코드를 스마트폰에서 촬영

8. 모바일 기기로 배너가 위치할 만 곳을 촬영하면 증강현실로 나타나서 실제로 장소에 있는 것처럼 보입니다.

모바일 기기에서 증강현실로 나타난 배너

위 과정을 거쳐 작업 템플릿이 결정되며 수정과 편집을 거쳐 작업에 들어갑니다.

미리캠버스 무료로 프로버전 사용하기

개나리 스토리 — Thu, 12 Sep 2024 15:20:55 +0900

1. 회원가입

미리캠버스 회원가입은 kakao, Naver, 이메일, 구글 계정, 페이스북 계정, 애플 계정 등이 있습니다. 이메일로 가입은 전통적인 회원가입 방법이고 나머지는 빠르고 쉽게 가입이 가능합니다.

아래와 같은 가입방법은 최근 트렌드이나 회원 가입할 때 한 계정으로 꾸준히 가입하길 권장합니다. 나중에 사이트 로그인 할 때마다 과거에는 아이디와 패스워드만 고민했다면, 이와 같은 방식은 가입 방법까지 외워야 하는 상황이니깐요.

미리캠버스 회원 가입 화면

아이러니하게도 이런 다향성이 수많은 사이트 가입방법이 다르고, 비밀번호도 서비스 업자가 강제 규칙을 만들기라도 하면 가끔 들어가는 사이트의 경우는 항상 아이디와 비번을 잊어버리게 됩니다.

사람의 머리는 무한한 기억력을 가지고 있지 않기에 결국 수많은 사이트의 아이디, 비번 등을 메모해 두기 마련인데 이게 오히려 회원 정보 노출에 더 취약해지는 아이러니한 상황입니다.

회원가입 시 고려사항 : 1년에 한 두번 들어갈가말가한 사이트는 1년 비로그인 시휴먼 계정을 거쳐 모든 정보가 삭제됨. 나중에 다시 가입하면 기존 아이디로 가입 불가해서 또 새로운 아이디 만들어야 함.

2. 유료 전환하기

많은 기능을 활용하기 위해서 유료 구독을 하겠습니다. 그리고 바로 구독을 해지합니다. 그러면 한 달간 무료로 Pro 평가판으로 사용할 수 있습니다. 물론 기존 구독 유지하기 메뉴를 통해서 계속 유지할 수도 있습니다.

설정 > 구독 설정 > 평가판 사용 메뉴를 누릅니다. 연간 또는 월간 구독 방식을 선택하고 결제 수단을 지정합니다. 결제 지정 수단은 네이버 페이, 카카오 페이, 일반 카드 결제 등이 있습니다. 이 과정을 마치면 맨 아래에 [ 무료로 Pro 시작하기 ] 버튼이 활성화됩니다.

미리캠버스 Pro 평가판 무료 결제

위 이미지를 보면 오늘 결제 금액 (VAT 포함) ￦0이라고 표시된 것을 확인할 수 있습니다. 첫 달은 무료입니다.

미리캠버스 결제 내역

위와 같이 결제되었다면 이젠 바로 구독 해지를 합니다.

3. 구독 해지하여 무료 전환하기

구독을 바로 해지한다고 Pro 기능이 상실되는 것은 아닙니다. 해지하더라도 한 달간 무료로 프로 버전 사용이 가능합니다. 해지 방법은 다음과 같습니다.

설정 > 구독 설정에서 사용 중인 요금제 맨 아래에 눈에 잘 안 띄는'구독을 해지하시려면 여기를 클릭하세요. '라는 문구에서 여기를 클릭하면 됩니다.

구독 해지 "여기"

해지 진행과정이 순차적으로 나오고 마지막에 '정말로 구독을 해지할까요?' 창이 나타납니다. 이때 모든 혜택을 포기하고 구독 해지 버튼을 누르면 됩니다.

구독해지하고 나서 사용하다가 다시 구독하고 싶다면 설정 > 구독 설정에서 기존 구독 유지하기 메뉴를 선택하면 됩니다.

다시 구독할 수 있는 메뉴

미리캠버스 회원가입부터 Pro 체험판 가입 후 구독해지하여 1달간 무료 체험할 수 있는 과정을 보여주었습니다. 마음껏 한 달간 무료 프로 버전을 사용하고 결정하면 됩니다.

사람의 눈 세포와 디지털의 RGB 컬러

개나리 스토리 — Mon, 9 Sep 2024 14:35:06 +0900

빛의 삼원색이 RGB인 이유는 사람의 눈세포를 모방한 것입니다. 인간은 세상을 볼 때 빛이 반사되는 물체를 보고 색을 구분합니다. 빛이 없으면 암흑이죠.

17세기 아이작 뉴턴 경(Sir Isaac Newton)의 프리즘 실험에서 프리즘을 통해서 여러 색이 분리되는 현상을 발견했고, 이때부터 빛과 색의 관계성을 연구하게 되었습니다. 이후 19세기 초에 토마스 영(Thomas Young)은 인간의 눈은 Red, Green, Blue의 기본색을 인식하고 이 색조합으로 색을 구분할 수 있다는 삼색 이론(Trichromatic Theory)을 주장했습니다. 이후 헤르만 폰 헬름홀츠(Hermann von Helmholtz)에 의해 실험적 증명이 이루어졌습니다.

20세기 과학의 발전으로 사람의 눈에서 원추 세포(cone cells)를 발견했고, 이 세포들이 빨강, 초록, 파랑에 민감하게 반응한다는 사실이 밝혀졌습니다.

따라서, RGB 모델은 인간의 시각을 모방하여 카메라 센서와 모니터 등에서 사용됩니다. 특히, 이 모델은 가산 혼합(Additive Color Mixing)을 이용해 다양한 색상을 생성하는데, 이는 빛을 직접 합성할 때 사용됩니다.

사람의 눈 세포(좌)와 삼성 이미지 센서(우)

위 세포 모양을 보면 Red 부분을 L(Long) 원추 세포, Green 부분을 M(Medium) 원추 세포, Blue 부분을 S(Short) 원추 세포라 부릅니다. Red를 L 원추 세포라 부르는 이유는 긴 파장 민감하게 반응하기 때문입니다.

출처: samsungdisplay.com

인간의 눈에 더 가까이, 시각 인지 원리에 맞춰 진화하는 디스플레이 (samsungdisplay.com)

인간의 눈에 더 가까이, 시각 인지 원리에 맞춰 진화하는 디스플레이

최근 수년간 디스플레이 기술 발전에 점점 가속도가 붙고 있습니다. OLED, 마이크로LED, QD디스플레이 등 디스플레이 분야는 새로운 기술적 도전의 각축장으로 변해가고 있는데요. 뛰어난 기술을

news.samsungdisplay.com

RGB는 디지털 장치에서 색을 표현하는 데 효율적으로 사용됩니다. 각 색의 강약을 0에서 255(00~FF/16진수) 단계로 표현하고 이를 혼합함으로써 256 X 256 X 256 = 16,777,216 가지의 컬러를 표현할 수 있습니다.

모니터 컬러에 대한 자세한 이야기는 아래 링크를 참고하면 됩니다.

포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

포토샵을 시작하기전의 기초 cmyk, rgb, pixel, ppi, 모니터 해상도 알아보기 RGB와 CMYK RGB는 모니터에서 표현되는 컬러입니다. Red, Green, Blue를 기본 컬러로 합니다. 반면에 CMYK (Cyan, Magenta, Yellow, Key)

narie.tistory.com

이제 디자인 작업을 할 때 포토샵에서 왜 RGB 모드가있는 지 알겠죠 ^^.

프리미어 프로 영상에 모자이크 블러 효과 적용하기

개나리 스토리 — Mon, 22 Jul 2024 11:21:39 +0900

프리미어 프로 영상에 모자이크와 가우시안 블러 효과 적용

과거 방송에 자신이 얼굴이 노출되면 자랑하던 시절이 있었습니다. 하지만 누구도 확인할 방법이 없던 시절이었죠. 본인이 녹화하기 전 까지는, 하지만 OTT (Over-The-Top)가 대중화된 시점에서는 자신도 모르게 보이고 싶지 않은 자신의 모습이 인터넷을 통해 무한 전파가 가능한 세상이 되었습니다. 방송을 보다가도 화면을 캡처할 수 있고, 정지한 상태에서 위치를 유추할 수도 있습니다.

이러한 이유와 함께 PPL이 방송에 공식적으로 인정되면서 더욱더 특정 소품이나 장소를 모자이크나 블러 효과를 주는 경우가 많아졌습니다. 영화나 드라마의 경우는 특정 지역을 감추기 위해 두 장소를 합성하는 경우도 있습니다.

일상의 V-log 형식의 촬영에서 피사체와 앞 뒤로 거리를 두고 있는 사람들 모자이크 처리가 힘들 경우, 카메라 F 값을 낮추어 심도를 얇게 촬영하는 것도 하나의 방법입니다. 심도를 얕게 하면 배경이 흐리게 처리되는 보케 효과(아웃포커싱이라고도 불림)가 나타나 굳이 모자이크나 (Mosaic) 블러처리 (Blur)를 할 필요가 없습니다.

모자이크 편집(좌)과 심도 얕게 촬영(우)

작업파일 다운로드

2024 - 모자이크와 블러.prproj

0.01MB

2020 - 모자이크와 블러.prproj

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

프리미어 프로는 모자이크 (Mosaic) 효과와 가우시안 블러 (Gaussian Blur) 효과에 추적 기능이 있어 움직이는 피사체를 따라갑니다. 위치 값뿐만 아니라, 크기와 회전값도 추적이 가능합니다.

모자이크 (Mosaic) 효과 세팅

1. 효과 (Effects) 패널에서 '모자이크 (mosaic)'를 검색합니다. 검색할 때는 띄어쓰기까지 인식하므로 전체 이름을 검색하는 것보다는 앞 단어만 검색하는 것을 추천합니다. 띄어쓰기 안 해서 검색 안 될 수도 있습니다.

효과 (Effects) 패널의 검색 창에서 모자이크 (Mosaic) 검색

2. 검색된 모자이크를 적용하려는 클립에 드래그합니다. 더블 클릭으로 적용할 수 있으나, 시각적으로 눈에 잘 안 띄어서 여러 번 더블 클릭하여 같은 효과를 중복 적용할 수 있습니다.

드래그해서 영상 클립에 등록

3. 모자이크가 클립에 등록되면 화면 전체가 모자이크 처리됩니다. 기본 값은 가로, 세로 블록 10개입니다.

모자이크가 등록된 기본 값

4. 모자이크 크기를 적절하게 조절합니다. 가로 블록 (Horizontal Blocks)에 100개, 세로 블록 (Vertical Blocks)에 60개를 입력합니다.

가로 세로 블럭 값을 정한 모자이크 효과

선명한 색상 (Sharp Colors) 효과의 모자이크

모자이크에 마스크 적용

1. 얼굴에만 모자이크를 적용하기 위해서 원 모양의 마스크를 선택합니다.

마스크 영역 정하기 위한 마스크 도구 선택

2. 생성된 마스크 1 (Mask 1)을 선택하고 얼굴 위치로 이동합니다. > 사이즈를 조절하여 얼굴을 가립니다.

원 모양의 마스크 선택한 화면

마스크를 얼굴 위치로 이동

사람 얼굴 추적

1. 움직이는 피사체를 자동으로 추적하기 위해서 스페너 모양의 추적 방법 (Tracking method) 아이콘을 눌러 위치, 비율 및 회전 (Position, Scale & Rotation)을 선택하여 얼굴의 위치, 크기, 회전 값 모두를 추적합니다. > 미리 보기 (Preview)를 선택해서 실시간으로 확인합니다.

움직이는 피사체를 추적하기 위한 모자이크 설정

2. 재생 버튼 모양의 선택한 마스크 앞으로 추적 (Track selected mask forward) 메뉴를 선택하여 모든 프레임을 추적합니다.

실시간 추적 화면

3. 추적 중에 프리미어 프로가 피사체 얼굴을 놓치면 바로 정지 (Stop) 버튼을 누릅니다.

추적 중 놓친 모자이크 영역

4. 피사체 얼굴을 놓친 키프레임들을 선택하고 Delete 키로 삭제합니다.

추적 놓친 키프레임 삭제

5. 마스크 위치를 얼굴에 맞추고 다시 추적 메뉴를 눌러 추적할 수 있습니다. 상황에 따라서는 추적을 멈추고 재생 헤드를 옮겨가면서 마스크 위치를 조정할 수 있습니다. 피사체의 위치가 예측 가능한 위치로 단순하게 움직일 때는 자동 추적보다 수작업이 더 빠르고 효율적일 때가 많습니다.

재생 헤드를 움직이면서 마스크 영역 조절

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

가우시안 블러 (Gaussian Blur) 효과 세팅

피사체의 특정 부분을 흐리게 가릴 때 사용하는 것으로 모자이크와 같은 목적으로 사용합니다. 가우시안 블러는 모자이크와 작업방식이 거의 같습니다.

1. 효과 (Effects) 패널에서 '가우시안 (gaussian)'을 검색합니다.

효과 (Effects) 패널의 검색 창에서 가우시안 블러 (Gaussian Blur) 검색

2. 효과 컨트롤 (Effect Controls) 패널에서 등록된 가우시안 흐림 (Gaussian Blur)의 흐림 (Blurriness) 값 50을 입력합니다.

흐림 (Blurriness) 값 50 설정

3. 얼굴을 추적하기 위해 원 모양의 마스크를 선택하고 > 생성된 마스크 1 (Mask 1)을 얼굴 위치로 이동합니다. > 사이즈를 조절하여 얼굴을 가립니다.

마스크를 만들 때 처음에는 피사체가 보이지 않으므로 얼굴이 보이는 지점 15 프레임에 마스크를 만듭니다.

얼굴에 흐림 효과 적용하기 위해서 마스크 클릭

마스크 위치와 크기 조절

움직이는 얼굴 추적

1. 모자이크와 같은 방법으로 스페너 모양의 추적 방법 (Tracking method) 아이콘을 눌러 위치, 비율 및 회전 (Position, Scale & Rotation)을 선택합니다. > 미리 보기 (Preview)를 선택해서 실시간으로 확인합니다.

움직이는 피사체를 추적하기 위한 가우시안 블러 설정

2. 모자이크와 같은 방법으로 자동 추적과 수작업을 병행합니다.

재생 헤드를 움직이면서 마스크 위치 조정

가우시안 흐림 (Gaussian Blur) 효과가 피사체가 없을 때도 보이므로 피사체가 없는 지점에서는 마스크 불투명도 (Mask Opacity) 값을 0으로 바꾸어 흐림 효과가 안 보이게 합니다.

3. 9 프레임과, 12 프레임에 키프레임을 만듭니다. > 9 프레임에 이동하여 마스크 불투명도 (Mask Opacity) 값에 0을 입력합니다.

얼굴이 나타나지 않는 지점 불투명도 값 0 설정

4. 12 프레임에 이동하여 마스크 불투명도 (Mask Opacity) 값에 100을 유지시킵니다.

얼굴이 나타나는 지점 불투명도 값 100 설정

프리미어 프로에서 크로마키 활용

개나리 스토리 — Wed, 17 Jul 2024 15:49:29 +0900

크로마키 효과를 이용한 울트라 키 합성

크로마키 (Chroma key) 효과는 영상이나 이미지에서 특정 색상을 제거하여 다른 여상과 합성할 때 사용하는 기법으로 모든 컬러에 적용할 수 있습니다. 프리미어 프로에서는 울트라 키 (Ultra Key) 효과를 이용해서 작업합니다.

주로 많이 사용하는 피부톤과 대비가 크고, 색 공간에서 가장 멀리 떨어진 블루와 그린 색을 사용합니다. 영화 특수효과에 전통적으로 사용되던 방식입니다. 최근에는 크리에이터가 라이브 방송할 때 뒷 배경을 합성하기 위해 사용합니다.

[디자인 LESSONS] - 크로마키에 대해서 총정리 그리고 버츄얼 스튜디오

크로마키에 대해서 총정리 그리고 버츄얼 스튜디오

크로마키와 버츄얼 스튜디오 배경 합성 크로마키란?영화 촬영 현장에서 실제로 구현할 수 없는 배경이나 효과를 합성하기 위해 특정 컬러를 빼고 합성하는 기술입니다. 보통은 그린 스크린이나

narie.tistory.com

그린스크린 앞에서 라이브 방송중인 유튜버

영화에서 사용된 그린스크린과 블루스크린

1. 크로마키 작업을 위한 초기 세팅

2. 모퉁이 고정 효과

3. 울트라 키 효과

4. 울트라 키 마스크 적용

작업파일 다운로드

2024 - 울트라키와 모퉁이고정.prproj

0.03MB

2020 - 울트라키와 모퉁이 고정.prproj

크로마키 작업을 위한 초기 세팅

1. V1 트랙에 있는 비디오를 V2 트랙으로 드래그하여 이동시킵니다. V1 트랙은 빈 공간으로 남겨놓습니다. 이 공간은 나중에 TV 모니터 속의 영상이 있을 자리입니다.

V1 트랙의 클립을 V2로 이동

빈 공간으로 남은 V1 트랙

2. CF 프로젝트 패널에 등록된 CF 영상 소스를 V3 트랙에 등록하고 클립 끝 부분을 V2영상과 같게 하기 위해서 단축키 Ctrl + K로 자르고 다음 부분을 삭제합니다.

CF 영상 등록

3. A3 트랙의 오디오를 단축키 Alt + 선택하여 삭제합니다.

CF 오디오 삭제

4. 프로그램 패널의 CF 영상을 더블 클릭하여 선택하고 모서리를 드래그하여 크기를 줄이고 모니터 위치로 옮깁니다.

V3 트랙의 클립 사이즈 줄임

모퉁이 고정 (Corner pin) 효과

포토샵의 Transform과 같은 것으로 모서리를 끌어서 이미지나 영상의 사각형 모양을 왜곡시키는 효과입니다. 작업 프로세스는 효과 (Effects) 패널의 검색 박스에서 모퉁이 (Corner)를 검색하고 > 영상 클립에 적용시킵니다.

모퉁이 (Corner) 부분을 끌어서 왜곡시킴

1. 효과 (Effects) 패널에서 모퉁이 (corner)를 입력해서 검색하면 [비디오 효과 > 왜곡 > 모퉁이 고정 (Video Effects > Distort > Corner Pin)]을 찾을 수 있습니다.

모퉁이 고정 (Corner Pin) 검색

2. V3 트랙의 CF 영상 클립을 선택하고 모퉁이 고정 (Corner Pin)을 더블 클릭하거나 클립으로 드래그하여 적용시키면 효과 컨트롤 (Effect Controls) 패널에 등록됩니다. > 여기서 모퉁이 고정 (Corner Pin) 메뉴를 선택합니다.

효과컨트롤 (Effect Controls)에 등록된 모퉁이 고정 (Corner Pin)

3. CF 영상 모서리를 드래그하여 블루스크린이 있는 모니터 모서리에 일치시킵니다.

모퉁이 고정 (Corner Pin) 적용

울트라 키 (Ultra Key) 효과

1. 크로마키 효과를 주기 위해서 V3 트랙의 영상을 블루스크린 모니터 아래로 옮깁니다. 모니터의 blue color를 뚫으면 아래의 영상이 보이는 원리입니다.

CF 영상을 비디오 1번 트랙으로 옮김

2. CF 영상은 모니터 뒤에 있기 때문에 화면에 나타나지 않습니다.

3. 효과 (Effects) 패널에서 울트라 (ultra)를 입력해서 검색하면 [비디오 효과 > 키잉 > 울트라 키 (Video Effects > Keying > Ultra Key)]를 찾을 수 있습니다.

울트라 키 (Ultra Key) 검색

4. V2 트랙의 블루스크린 배경 클립을 선택하고 울트라 키 (Ultra key)를 더블 클릭하거나 클립으로 드래그하여 적용시키면 효과 컨트롤 (Effect Controls) 패널에 등록됩니다. > 스포이드 도구를 선택하고 blue 톤 모니터를 클릭합니다.

스포이드 도구로 모니터 클릭

5. blue 톤 모니터가 투명해지면서 뒤에 있던 영상이 나타납니다. 문제는 왼쪽 창이 반투명해진 상태로 바뀝니다. 이유는 창이 blue에 가까운 톤이기 때문입니다.

울트라 키 적용한 모니터

울트라 키 마스크 적용

위 문제점을 해결하기 위해 마스크를 이용합니다. 마스크는 울트라 키 효과를 모니터에만 적용되게 바꿀 수 있습니다.

1. 효과 컨트롤 (Effect Controls) 패널에 등록된 울트라 키 (Ultra Key) 메뉴 바로 아래 펜 모양의 마스크를 선택합니다.

울트라 키의 마스크 도구 선택

2. 경계선을 또렷하게 하기 위해서 마스크 페더 (Mask Feather) 값을 0으로 입력합니다.

마스크 페더 값 0

3. 펜 도구를 이용해서 모니터 영역을 감싸줍니다. 마스크를 만들면 창이 원래 컬러로 되돌아옵니다.

펜 도구로 마스크 영역 만드는 중

마스크 영역만 울트라 키 적용됨

최근에는 대형 스튜디오에 스크린을 설치해서 3D영상을 이용한 버츄얼 스튜디오 촬영기법이 인기를 끌고 있습니다.

VA 스튜디오

크로마키에 대해서 총정리 그리고 버츄얼 스튜디오

개나리 스토리 — Wed, 17 Jul 2024 15:49:01 +0900

크로마키와 버츄얼 스튜디오 배경 합성

크로마키란?

영화 촬영 현장에서 실제로 구현할 수 없는 배경이나 효과를 합성하기 위해 특정 컬러를 빼고 합성하는 기술입니다. 보통은 그린 스크린이나 블루 스크린을 이용합니다. 파란색과 녹색은 피부색과 대조를 이루기도 하며, 색을 분리하기 쉬운 컬러입니다.

주의할 사항은 블루스크린에서 촬영할 때 파란 눈동자를 가진 사람이 있거나 파란색 계통의 옷을 입거나 소품을 가지고 있으면 안 됩니다. 그린 스크린도 마찬가지로 녹색의 소품이 있으면 안 됩니다.

왜 그린스크린과 블루스크린인가?

앞에서도 이야기했듯이 색상 휠에서 사람의 피부톤과 인접하지 않은 컬러이고, 색공간에 있어서도 가장 먼 곳에 위치해서 인물과 합성하기 적합한 컬러입니다.

특히 디지털카메라에서는 녹색을 더 밝게 깔끔하게 평면적으로 표현하여 블루 스크린에 비해 많이 사용하는 편입니다. 이러한 이점으로 조명 세팅에 있어서 블루스크린보다 좀 더 관대한 편입니다.

[개나리의 전체 글] - 개나리 쌤의 유튜브 편집 과정 전체보기 (포토샵 + 프리미어)

개나리 쌤의 유튜브 편집 과정 전체보기 (포토샵 + 프리미어)

포토샵을 이용한 유튜브 썸네일 만들기와 영상편집하기포토샵의 기초부터 레이어 스타일 문자 디자인 등의 예제와 소스파일이 첨부되어 있습니다.유튜브 썸네일 작업을 할 수 있도록 체계적으

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로에서 크로마키 활용

프리미어 프로에서 크로마키 활용

크로마키 효과를 이용한 울트라 키 합성 크로마키 (Chroma key) 효과는 영상이나 이미지에서 특정 색상을 제거하여 다른 여상과 합성할 때 사용하는 기법으로 모든 컬러에 적용할 수 있습니다. 프

narie.tistory.com

피부톤에서 멀리 떨어진 블루와 그린을 표시한 컬러 휠

녹색이 파란색에 비해 광도가 강하고 노이즈가 적다

녹색은 광도가 강하고 빛 반사로 인해서 사람의 머리카락 등 같은데 키잉 작업을 필요로 하는 경우가 많습니다. 그래서 밝은 분위기를 표현하는 낮 장면의 경우 그린 스크린이 유리합니다. 이에 반해 어두운 장면에서는 블루 스크린이 유리합니다.

그린 스크린의 특징

밝은 배경 합성에 유리

그린스크린은 피사체에 반사가 블루스크린보다 심해서 색상 번짐이 큼

뒷 배경과 가까울수록 반사가 심하고 키잉 작업 필요

블루 스크린의 특징

어두운 배경 합성에 유리

디지털카메라에서는 그린스크린에 비해 평면적 표현이 부족함 (노이즈)

피사체에 반사가 덜 해서 색상 번짐이 적음

배경 합성 방법의 종류

배경을 합성하는 방법은 전통적인 매트 페인팅부터 리어프로젝션, 그린스크린과 블루스크린, 최근 가장 각광받는 버츄얼스튜디어 촬영이 있습니다.

매트 페인팅 (matte painting) - 무광택 페인팅 기법으로 1900년대부터 사용된 전통적인 방법으로 그림을 그려서 배경을 만들었습니다. 주로 먼 배경을 표현할 때 사용했습니다. 배경이 너무 정적인 게 단점입니다.

The Wizard of Oz / Star Wars (매트 페인팅)

리어프로젝션 (rear projection) - 피사체 뒤에 영상을 투사해서 합성하는 기법으로 옛날 영화를 보면 운전하는 장면에서 뒷 유리에 보이는 배경으로 많이 사용했습니다.

North By Northwest 1959 (리어 프로젝션)

그린 스크린과 블루 스크린 (green screen, blue screen) - 가장 많이 사용하는 기법으로 촬영장소에 블루 스크린이나 그린 스크린을 만들고 실제 배경이 없는 곳에서 촬영한 후 사전 촬영한 영상이나 컴퓨터 그래픽으로 만든 영상을 후반작업을 통해서 합성하는 방식입니다. 배우들이 연기하기 힘든 단점이 있습니다.

Oktoberfest: Beer & Blood

버츄얼 스튜디오 (virtual studio) - 가장 최신 기술로 벽과 천장 전체에 스크린을 설치한 실내 스튜디오에서 미리 만들어 둔 가상 배경과 카메라와 연동되어 촬영하는 방식입니다. 카메라 앵글이 바뀌어도 실시간으로 배경이 바뀌는 특징이 있습니다. 배경의 분위기나 소품 등도 그 자리서 바로 바꿀 수도 있는 장점이 있습니다.

Virtual Production

Unreal Real Virtual Production - 3DArt

프리미어 프로 동영상 자동 자막 (AI) 3

개나리 스토리 — Tue, 16 Jul 2024 13:24:41 +0900

프리미어 프로 AI 기능, 음성인식으로 대본 만들어 자막 넣기

영상 제작에 있어서 대본은 중요한 비중을 차지합니다. 프리미어 프로에서 대본 제작은 인터뷰나 대사 처리한 내용을 자동으로 대본으로 만들어주어 자막으로 활용할 수 있게 합니다.

과거에는 녹음된 인터뷰 등의 대사를 일일이 타이핑해서 작업했습니다. 지금은 AI가 자동으로 음성을 분석해 번역해 주거나 대본을 만들어주는 앱들이 많습니다. 프리미어 프로도 시대에 맞게 영상의 음성을 분석해서 텍스트로 만들어줍니다. 다만 발음이 부정확하거나 주변 소음이 있는 경우에는 정확성이 떨어져, 작업자가 수정하는 과정을 거쳐야 합니다.

[디자인 LESSONS] - 프리미어 프로 동영상 그래픽 자막 넣기 1

[디자인 LESSONS] - 프리미어 프로 동영상 캡션 자막 (SRT) 만들기 2

[디자인 LESSONS] - 프리미어 프로 동영상 자동 자막 (AI) 3

작업파일 다운로드

2024 - 대본만들기.prproj

0.02MB

Now more than ever.mp4

19.67MB

사전 세팅에서 시작하기

1-1. 처음 시작 화면 또는 가져오기 (Import) 화면 우측에 자동 받아쓰기 (Automatic trascription)을 활성화하고 언어 (Language)를 한국어로 설정합니다. 비활성화되어도 텍스트 패널의 대본 (Transcript)에서 받아 쓰기 (Transcribe)로 생성할 수 있습니다.

자동 받아쓰기 (Automatic transcription)

언어 자동 감지 사용 (Enable language auto-detection)

화자 구분 (Speaker labeling): 화자 구분과, 구분하지 않기가 있습니다. 화자 구분은 두 사람 이상이 대화를 할 때 자막을 분리합니다.

받아쓰기 환경설정 (Transcription preferences) : 시퀀스의 클립만 자동 받아쓰기와 모든 클립 자동 받아쓰기가 있습니다.

가져오기 설정 (Import settings)

2-1. 위 설정에서 시퀀스의 클립만 자동 받아쓰기 (Auto-scribe only clips in sequence) 설정 상태에서 타임라인에 등록하면 자동으로 받아쓰기가 생성됩니다.

시퀀스에 등록되면 대본 (Transcript)에 자동으로 받아쓰기

사전 세팅 없이 시작하기

1-2. 처음 시작 화면 또는 가져오기 (Import) 화면 우측에 자동 받아쓰기 (Automatic trascription)가 비활성 상태에서는 다음의 과정을 따르면 됩니다.

텍스트 패널의 대본 (Transcript) 탭에서 받아쓰기 (Transcribe) 메뉴를 선택합니다.

소스 클립 받아쓰기 (Scribe)

2-2. 자동으로 음성을 분석하는 과정을 거치고 받아쓰기가 완료됩니다.

자동 받아쓰기 중

캡션 자막 만들기

3. 받아쓰기가 완료되면 오타 등을 수정합니다.

더블 클릭해서 오타나 띄어 쓰기 등 수정

4. 캡션 (Captions) 탭으로 이동하고 대본으로 캡션 만들기 (Create captions from transcript) 메뉴를 선택합니다.

대본으로 캡션만들기 (Create captions from transcript)

5. 캡션 설정에서 형식 (Format)은 소제목 (Subtitle), 최대 문자 길이 (Maximum length in characters)를 30, 줄 수 (Lines)를 한 줄 (Single)로 설정하는 것을 추천합니다.

캡션 만들기 설정

최대 문자 길이와 줄 수의 차이

6. 자막이 완성되면 자막 트랙의 클립들을 드래그 선택하여 원하는 스타일로 변경합니다.

대본 자동으로 받아쓰기 결과

프리미어 프로 동영상 캡션 자막 (SRT) 만들기 2

개나리 스토리 — Sun, 14 Jul 2024 01:43:14 +0900

프리미어 프로 동영상에 자막 넣기 - 캡션 자막

전통적인 그래픽 자막에 이어 캡션 자막은 2021 버전부터 본격적으로 사용되었습니다. 캡션 자막은 SRT 파일로 저장하여 유튜브나 기타 동영상 자막파일로 사용할 수 있습니다.

캡션자막은 오디오 트랙, 비디오 트랙이 아닌 자막 트랙을 만들어 사용하므로 레이어 위치상 최 상단에 위치하여 어떠한 요소도 자막을 가릴 수 없습니다. 그리고 여러 트랙을 만들어 영어권 콘텐츠의 경우, 한글, 영어, 한영 혼합 등 자막 트랙을 추가적으로 만들어 필요에 따라 사용할 수 있습니다.

[디자인 LESSONS] - 프리미어 프로 동영상 그래픽 자막 넣기 1

[디자인 LESSONS] - 프리미어 프로 동영상 캡션 자막 (SRT) 만들기 2

[디자인 LESSONS] - 프리미어 프로 동영상 자동 자막 (AI) 3

작업파일 다운로드

The Avengers subtitles.txt

0.00MB

The Avengers.mp4

18.89MB

[개나리의 전체 글] - 개나리 쌤의 유튜브 편집 과정 전체보기 (포토샵 + 프리미어)

개나리 쌤의 유튜브 편집 과정 전체보기 (포토샵 + 프리미어)

narie.tistory.com

캡션 자막 만들기

1. [창 > 텍스트 > (Window > Text)] 메뉴로 텍스트 패널을 불러오고 캡션탭을 누릅니다. > 캡션 화면에서 새 캡션 트랙 만들기 (Create captions from transcript) 버튼을 선택합니다.

2. 새 캡션 트랙 (New caption track) 창에서 소제목 (Subtitle)을 선택합니다. 만약 이미 만들어놓은 텍스트 스타일이 있으면 선택할 수 있습니다.

새 캡션 트랙 만들기 (Create new caption track)

3. 캡션 자막 전용 트랙이 생성됩니다. 일반 비디오 트랙이 아닌 자막 전용 트랙이라 레이어상 최상단에 위치해서 어떠한 영상이나 이미지도 자막을 가리지 않습니다.

캡션 트랙 생성

4. 텍스트를 입력하기 위해서 새 캡션 세그먼트 추가 아이콘을 클릭합니다.

새 캡션 세그먼트 추가 (Add new captions segment)

5. 기본 텍스트로 '안녕하세요'를 입력합니다. 임시 텍스트로 나중에 실제 내용으로 바꿉니다.

새 세그먼트에 '안녕하세요' 입력

6. 기본 그래픽 (Essential Graphics) 패널을 보면 정렬 및 변형 (Align and Transform)에 영역(Zone)이 생긴 것을 알 수 있습니다.

기본 그래픽 (Essential Graphics)에서 텍스트 위치 설정

7. 영역(Zone)에서 캡션 블록을 배치할 수 있습니다. 위 가운데 블록을 선택하면 자막은 위로 올라가고 자동으로 텍스트 가운데 맞춤됩니다.

캡션 자막을 프레임 위 가운데로 맞춤

8. 아래 왼쪽 블록을 선택하면 자막은 아래로 내려가고 자동으로 텍스트 왼쪽 맞춤됩니다. 아래 왼쪽 블록은 음악 쇼 프로그램에서 많이 사용하는 형식입니다.

캡션 자막을 프레임 아래 좌측으로 맞춤

9. 원하는 위치에 자막을 배치하고 나서 자막 트랙에 있는 클립을 영상 길이와 같게 늘려줍니다.

자막의 길이를 영상 길이와 같게 늘림

10. 각 자막이 시작되는 지점에 재생 헤드를 놓고 > 단축키 Ctrl + K로 자릅니다. 자막이 시작되는 위치는 비디오 영상과, 오디오 대사를 참고합니다.

자막이 바뀌는 지점을 Ctrl + K로 분할한 모습

11. 대사가 없는 첫 클립엔 Del 키를 눌러 삭제합니다.

자막 없는 부분 Delete 키로 삭제

12. 텍스트 패널의 캡션에 해당 대사를 입력합니다.

세그먼트 더블 클릭하여 자막 입력

13. 위 작업을 마치면 프로그램 패널에 자막이 나타납니다.

어벤져스 자막이 완료됨

14. 대사와 대사 사이 빈 시간대의 자막을 없애기 위해서 단축키 Ctrl + K로 잘라 지우거나 클립 끝 부분을 줄여서 대사 부분과 맞춥니다.

대사가 끝나는 지점 삭제 또는 뒷 부분 줄임

대사가 없는 지점 클립 조절해서 빈 공간으로 남김

캡션 자막 추가해서 영어 자막 만들기

캡션 자막을 추가해서 한글자막, 영어자막, 한영자막 등 여러 개 만들 수도 있습니다. 다만 두 개 이상이 동시에 보이지는 않습니다.

1. 트랙 추가는 트랙 헤드 부분 마우스 우클릭하여 [트랙 추가 (Add Track)] 메뉴를 선택합니다.

캡션 자막 추가해서 영어자막 만들기

2. 새 캐션 트랙 (New caption track) 창에서 소제목 (Subtitle)을 선택합니다. 미리 만들어놓은 자막 스타일이 있으면 스타일을 선택할 수 있습니다.

3. 기존 자막 만드는 방법을 반복하지 않고 복사 붙여 넣기 형식으로 작업하겠습니다. 기존 자막을 드래그하고 단축키 Ctrl + C로 복사합니다.

기존 캡션 자막 전체 복사

4. 아직까지 공식적으로 붙여 넣기가 지원되지 않아 기존 자막을 잠그고 > 새 자막 부분 눈 아이콘이 켜져 있는지 확인합니다.

기존 자막 트랙 잠그고 새 자막 트랙 활성화

5. 단축키 Ctrl + V로 붙여 넣습니다. > 자막 위치를 기존 자막 위치랑 일치시키기 위해 전체를 드래그해서 오른쪽으로 이동시킵니다.

새 캡션 자막에 붙여넣기

자막 클립 위치 기존 자막 위치와 같게 이동

6. 텍스트(Text) 패널의 캡션(Captions)에서 영어 자막을 입력하여 완성합니다.

텍스트 패널의 캡션에서 영어 자막으로 바꾸기

어벤져스 영어 자막이 추가됨

자막 이름 바꾸기

1. 트랙 헤드 부분을 우클릭하여 이름 바꾸기 (Rename) 메뉴를 선택합니다.

캡션 자막 트랙 이름 바꾸기

2. 다음과 같이 'eng, kor'로 바꾸면 자막 내용을 쉽게 확인할 수 있습니다.

이름 바꾼 영어 자막, 한글 자막 트랙

SRT 자막 파일 저장하고 불러오기

SRT(SubRip Subtitle) 파일은 자막 정보를 제공하는 텍스트 파일입니다. 형식은 자막 번호가 매겨지며, 시간 코드, 자막 내용 순으로 나열됩니다. 영상 편집 프로그램에서 시간, 내용 등을 수정할 수 있으며, 메모장에서도 수정 가능합니다.

1. 텍스트 (Text) 패널의 캐션 (Captions) 오른쪽 상단에 … 메뉴 아이콘을 눌러 [내보내기 > SRT 파일로 내보내기... (Export > Export to SRT file...)] 메뉴를 선택해서 저장합니다.

프리미어 프로에서 srt 자막 파일로 저장

2. 저장된 파일을 메모장에서 열면 아래와 같이 자막 번호, 시간 코드, 자막 내용의 형식으로 나열되어 있습니다. 이 정보는 메모장에서 바로 수정 가능합니다.

메모장에서 열어서 본 srt 자막 파일

3. 이미 저장된 SRT 자막 파일을 불러와 프리미어 프로에 등록할 수 있습니다. 텍스트 (Text) 패널의 캡션 (Captions)에서 [파일에서 캡션 가져오기 (Import captions from file)] 메뉴를 선택합니다.

srt 파일 가져오기

4. 새 캡션 트랙 (New caption track) 창에서 소제목(Subtitle)을 선택하고 기존 스타일이 있으면 선택하고 없으면 없음 (None) 선택합니다. 시작점 (Start Point)은 원하는 지점을 선택합니다.

srt 파일 캡션 설정

SRT 파일 불러올 때 Start Point

소스 시간 코드 (Source timecode): SRT 파일에 설정된 타임을 사용합니다.
재생 헤드 위치 (Playhead position): 현재 타임라인의 재생 위치가 자막 시작점이 됩니다.
타임라인 시작 (Timeline start): 타임라인 0초 지점부터 자막이 시작됩니다.

외부 자막 srt 파일 불러와 자막 등록된 화면

프리미어 프로 동영상 그래픽 자막 넣기 1

개나리 스토리 — Wed, 10 Jul 2024 16:15:48 +0900

프리미어 프로 동영상에 자막넣기 - 그래픽

영상 콘텐츠 제작에 있어서 가장 중요한 요소 중 하나인 자막은 정보의 정확한 전달에 큰 영향을 끼칩니다.

자막은 대사의 정확성을 높여주도록 오타와 문법 등에 맞게 입력해야 하며, 가독성을 높일 수 있도록 영상 배경과 텍스트 간에 차이가 확실히 구분되도록 사각형 배경이나, 테두리선, 그림자 등을 활용하는 것을 권장합니다.

자막의 종류에는 대사 자막, 보조 자막, 상황 자막, 설명 자막이 있습니다.

대사 자막 (Dialogue Subtitles): 출연자의 말을 그대로 글로 표현해 주는 것으로 대사 전달이 명확해야 하는 콘텐츠와 번역 자막에 사용됩니다.

보조 자막 (Supplementary Subtitles): 행동에 대한 의성어, 의태어, 포인트 등을 강조할 때 사용합니다. 예능 프로그램에서 많이 사용됩니다. 출연자가 깜짝 놀라는 표정을 지을 때 자막에 [깜짝!] , 문 닫는 소리 [쾅!] 이 있습니다.

상황 자막 (Situational Subtitles): 연재 상황에 대한 의미를 전달할 때 사용하며, 이전 상황이 컷 편집 등으로 삭제되어 알 수 없는 상황일 때도 설명 형태로 사용합니다. 전쟁 씬에서 병사들이 전쟁터를 정리하고 있고, 자막에 [이틀 후...], 1박 2일 출연진 한 명이 힘없이 등장하는 모습에 [ 강제 간헐적 단식 중인 홍길동!]처럼 사용됩니다.

설명 자막 (Descriptive Subtitles): 영상의 시각적 정보를 설명하거나 화자가 어려운 단어를 쓰는 상황에 그 개념 등을 설명할 때 사용합니다. 수평선에 아름다운 노을이 비치고 있을 때 [끝없는 바다에 노을이 비치고 있다.], 블랙홀에 대해서 이야기하고 있는 장면에 [블랙홀: 강력한 중력으로 인해 빛조차 빠져나올 수 없는 시공간의 영역]처럼 사용됩니다.

개나리 쌤의 유튜브 편집 과정 전체보기 (포토샵 + 프리미어)

narie.tistory.com

자막 넣는 방법에는 세 가지 방법이 있습니다. 그래픽 자막, 캡션 자막, 대본 자막으로 이루어져 있습니다. 첫 번째로 그래픽 자막에 대해서 알아보겠습니다.

[디자인 LESSONS] - 프리미어 프로 동영상 그래픽 자막 넣기 1

[디자인 LESSONS] - 프리미어 프로 동영상 캡션 자막 (SRT) 만들기 2

[디자인 LESSONS] - 프리미어 프로 동영상 자동 자막 (AI) 3

보호 여백 (Safe Margin) 만들기

보호 여백 (Safe Margins)의 Action Safe Margin과 Title Safe Margin

보호 여백 (Safe Margin)

영상 콘텐츠를 보여주는 매체는 과거 브라운관 형식의 아날로그 TV부터 디지털 TV, PC 모니터, 영화 스크린 등 다양합니다. 이러한 매체에 중요한 정보나 요소들이 화면의 가장자리에서 잘리거나 보이지 않게 하는 것을 방지하기 위해 사용합니다.

Action Safe Margin : 화면 내에 액션이나 주요 장면이 잘리지 않고 안전하게 표시되도록 보장하는 영역으로 촬영할 때 피사체가 되도록이면 이 영역 안으로 들어오게 합니다.

Title Safe Margin : 제목, 자막, 그래픽 요소들이 잘리지 않게 안전하게 표시되는 영역입니다.

* 유튜브와 같은 디지털 콘텐츠에서는 Tilte Safe Margin 영역을 Action Safe Margin과 같이 쓰이는 경향을 보임.

작업 파일 다운로드

Now more than ever.mp4

초기 세팅 - 문자 입력하기

1. 문자 도구 (Type Tool)를 선택하고 프로그램 패널에서 드래그하여 글상자를 만듭니다.

글상자 만들기

2. '안녕하세요'를 입력합니다. > 트랙에 있는 그래픽 자막 클립을 드래그하여 영상 길이와 같게 늘려줍니다.

글상자와 타임라인의 클립

3. 효과 컨트롤 (Effect Controls)에서 Text(안녕하세요) 메뉴에서 소스 텍스트 (Source Text) 위치로 이동합니다.

텍스트 입력 후 기본 값

4. 폰트 사이즈는 60, 텍스트 가운데 맞춤, 텍스트 아래 정렬하면 자막이 Title Safe Margin영역에 위치합니다.

텍스트 크기와 정렬 맞춤

5. 자막으로 사용될 텍스트 스타일을 만듭니다. 여기서는 칠은 흰색, 테두리 선은 검은색에 굵기는 4, 둥근 사각형 모양의 배경을 설정했습니다.

그래픽 자막 사각형 배경 등 설정

6. V2 트랙 타기팅을 클릭하여 활성화하고 [시퀀스 > 재생 헤드를 선택 항목 앞에 배치 (Sequence > Selection Follows Playhead)] 메뉴를 선택하면, 재생 헤드가 위치한 클립 중 맨 위 트랙이 선택됩니다.

V2 그래픽 자막 트랙 앞에 타기팅 활성화

자막 영역 자르기

오디오 파형과 영상을 보면서 자막이 시작되는 지점과 끝나는 지점을 단축키 Ctrl + K를 눌러 자르기 합니다.

1. 두 번째 자막이 시작되는 지점 02;27에서 자막 트랙이 선택된 것을 확인하고 단축키 Ctrl + K를 눌러 자릅니다. 꼭 아래 시간을 정확히 맞출 필요는 없습니다. 학습자가 실제로 영상을 보면서 잘라도 됩니다.

비디오 화면과 오디오 파형을 보면서 그래픽 자막 클립 자르기

2. 세 번째 자막이 시작되는 지점 07;00에서 자막 트랙이 선택된 것을 확인하고 단축키 Ctrl + K를 눌러 자릅니다.

3. 네 번째 자막이 시작되는 지점 10;11에서 자막 트랙이 선택된 것을 확인하고 단축키 Ctrl + K를 눌러 자릅니다.

4. 위와 같은 방법으로 13;09, 17;21, 20;10, 23;29, 27;13 시간 대에서 자르기를 합니다.

각 클립에 자막 입력하기

자막은 직접 입력해도 되고 미리 만들어진 텍스트 문서에서 복사, 붙여 넣기 해도 됩니다.

1. 메모장에서 자마 텍스트 문서를 열어 자막 내용을 복사합니다.

자막 메모장에서 복사

2. 첫 번째 자막 클립을 더블 클릭 (프리미어 프로 최신 버전)하면 텍스트 패널의 그래픽 탭이 열립니다. 더블 클릭해도 나타나지 않으면 [윈도우 > 텍스트 (Window > Text)] 메뉴를 선택합니다. > 첫 번째 텍스트를 더블 클릭해서 입력 모드가 활성화되면 내용을 직접 입력하거나 단축키 Ctrl + V를 눌러 메모장에서 복사한 내용을 붙여 넣습니다.

텍스트 패널의 그래픽 탭 / 프리미어 프로 2022 버전부터

3. 위 방법을 계속 사용해서 마지막까지 자막 내용을 입력합니다.

프리미어 프로 2022 이전 버전에서는 텍스트 패널의 그래픽이 없어 프로그램 패널의 화면에 직접 입력합니다. 2022 이후 버전은 두 방법 다 사용이 가능합니다.

(좌)텍스트 패널에 자막 입력과 (우)프로그램 패널에 자막 입력

4. 영상, 오디오의 자막 씽크가 맞지 않아 자막의 위치를 바꾸고 싶을 때는 단축키 Ctrl + 드래그하여 [롤링 편집 (Rolling Edit)]하여 자막의 경계 위치를 바꿀 수 있습니다.

또, 일반 컷편집처럼 자르고, 늘이고, 줄이고 할 수 있습니다.

자막 경계선 위치 조정 ( Ctrl + 드래그 )

5. 아래 영상은 프리미어 프로에서 자막 만들기하는 과정을 보여줍니다.

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

프리미어 프로 마스크 텍스트 모션과 템플릿 - 3

개나리 스토리 — Fri, 5 Jul 2024 17:36:20 +0900

마스크를 이용한 인트로 영상 만들고 템플릿 저장하기 - 고급편

그래픽 프로그램에서 마스크의 개념은 보편적으로 사용합니다. 콘텐츠의 특정 영역을 가리고 싶을 때 사용합니다.

창문이 있는 집에서 한 사람이 춤을 춥니다. 밖에 있는 사람의 눈엔, 창틀 안의 모습만 보일 것입니다. 이 창틀을 마스크 영역이라고 보면 됩니다.

집 안에 사람이 있지만 창틀 범위의 사람만 보입니다. 전신이 보이는 게 아니라 상체만 보입니다. 이 원리를 이용해서 사람이 앉아 있다가 일어서면, 창틀 아래 숨어 있다가 나타납니다. 영상 작업에 적용하면 마스크 영역 밖에 사라져 있던 피사체가 마스크 영역 안으로 들어오면서 나타나는 것을 볼 수 있습니다.

집: 영상 프레임 / 창틀: 보이는 영역 / 창틀 밖: 가려지는 영역

아래 영상을 보면 사각형 모양의 마스크를 만들어서 모션을 적용했습니다. 마스크 영역 아래에 있던 텍스트가 올라오면서 타나 나는 것을 볼 수 있습니다.

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

예제는 다음의 스토리를 따릅니다.

왼쪽에서 긴 막대가 나타납니다. > 긴 막대 위로 텍스트가 나타나면서 올라옵니다. > 긴 막대 아래로 텍스트가 나타나면서 내려옵니다. > 역순으로 사라집니다.

2024 - 타이틀 모션 마스크.prproj

0.02MB

2020 - 타이틀 모션 마스크.prproj

0.02MB

마스크를 이용한 타이틀 모션 초기 세팅

1. 오른쪽에 기본 그래픽(Essential Graphics) 패널이 없으면 창 > 기본 그래픽 (Window > Essential Graphics) 메뉴를 선택합니다. > 기본 그래픽 (Essential Graphics) 패널에서 편집 (Edit) 탭을 선택합니다.

기본 그래픽(Essential Graphics) 패널의 편집 (Edit) 선택

2. 문자 도구 (Type Tool)로 'KENARIE' 입력하고 > 긴 사각형을 그리고 > 'V-LOG'를 입력하고 다음과 같이 배치합니다. 여기서 주의할 점은 기존 클립이 선택된 상태에서 내용을 추가합니다.

텍스트 초기 세팅

하나의 클립에 여러 개 요소를 넣기

텍스트나 도형 등 그래픽 요소를 하나의 클립에 포함시키려면 기존 클립을 선택한 상태로 내용을 추가하면 됩니다. 클립을 선택 안 한 상태로 내용을 추가하면 새로운 트랙에 클립이 만들어집니다.

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

3. 초기 세팅이 끝나면 기본 그래픽 (Essential Graphics) 패널에서처럼 3개의 요소가 레이어 형식으로 포함된 것을 확인할 수 있습니다.

초기 세팅 작업 / 하나의 클립에 3개의 요소가 들어감

4. 프로그램 패널의 작업 순서 1, 2, 3과 효과 컨트롤 상의 레이어 위치가 반대로 되어 있습니다. 이유는 레이어의 작업 순서는 아래부터 위로 올라갑니다. 이 상태로 작업해도 상관은 없지만 아무래도 텍스트 배치와 레이어 배치 위치가 같으면 작업할 때 덜 헷갈리니 레이어 위치를 바꾸겠습니다.

효과 컨트롤 (Effect Controls)의 레이어 작업 순서는 아래서부터 위로

5. 텍스트 (Text) 레이어 (KENARIE)를 모양 (Shape) 레이어 위로 드래그합니다. > 텍스트 (Text) 레이어 (V-LOG)를 모양 (Shape) 아래로 드래그합니다.

레이어를 드래그하여 위치 바꿈

6. 프로그램 패널 안의 내용과 레이어 내용의 배치가 같아졌습니다. 이렇게 바꾸지 않고 작업해도 상관은 없습니다.

레이어 위치 바꾼 결과

마스크 만들기

1. 효과 컨트롤 (Effects Controls) 패널에서 텍스트 (KENARIE) 앞에 '＞'를 클릭해서 '∨'로 확장하고 > 사각형 모양의 마스크 아이콘을 선택합니다. > 마스크 페더 (Mask Feather) 값 10을 0으로 바꿉니다. > 프로그램 패널에서 사각형의 마스크 영역을 아래처럼 만듭니다.

텍스트 KENARIE 마스크 만들기 (아래 경계선 정확해야 함)

마스크의 선택과 수정

마스크 위치나 모양을 수정하려면 Mask(1) 메뉴를 선택해야 수정할 수 있는 바운딩 박스 (Bounding Box)가 나타납니다.

마스크 모양인 원, 사각형, 펜은 선택하면 안 됩니다. 마스크를 수정하는 게 아니라 새로운 마스크 Mask(2), Mask(3)... 등이 추가됩니다.

2. 효과 컨트롤 (Effects Controls) 패널에서 모양 (Shape) 앞에 '＞'를 클릭해서 '∨'로 확장하고 > 사각형 모양의 마스크 아이콘을 선택합니다. > 마스크 페더 (Mask Feather) 값 10을 0으로 바꿉니다. > 프로그램 패널에서 사각형의 마스크 영역을 아래처럼 만듭니다.

모양 긴 사각형 마스크 만들기 (좌우 경계선 정확해야 함)

3. 효과 컨트롤 (Effects Controls) 패널에서 텍스트 (V-LOG) 앞에 '＞'를 클릭해서 '∨'로 확장하고 > 사각형 모양의 마스크 아이콘을 선택합니다. > 마스크 페더 (Mask Feather) 값 10을 0으로 바꿉니다. > 프로그램 패널에서 사각형의 마스크 영역을 아래처럼 만듭니다.

텍스트 V-LOG 마스크 만들기 (위 경계선 정확해야 함)

프리미어 프로에서 마스크 페더 (Mask Feather) : 마스크 페더 값이 커지면 마스크 경계선 부분이 부드럽게 확장됩니다. 아래 이미지는 페더 값 0px과 200px의 차이입니다.

키프레임 작업

긴 사각형이 0초에서 15 프레임 사이에 왼쪽에서 가운데로, 텍스트 'KENARIE'가 15 프레임에서 1초 사이에 긴 사각형에 숨어 있다 위로 나타나고, 텍스트 'V-LOG'가 20 프레임에서 1초 15 프레임 사이에 긴 사각형에 숨어 있다 아래로 나타나는 모션입니다.

키프레임 차트

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

1. 타임 코드에 15를 입력해서 재생 헤드를 15 프레임에 위치시킵니다. > 효과 컨트롤 패널 > 모양(모양 01) > 변형 > 위치 (Effect Controls > Shape(Shape 01) > Transform > Position) 메뉴의 초 시계 모양의 토글 애니메이션 아이콘을 클릭하면 키프레임이 만들어집니다.

15프레임에 토글 애니메이션을 클릭하여 키프레임 생성

2. 재생 헤드를 0 프레임에 옮기고 위치 (Position) 값 왼쪽 X축에 마우스 커서를 올려놓고 왼쪽으로 긴 사각형 모양이 마스크 영역 밖으로 사라질 때까지 드래그합니다.

X 값을 조절하여 긴 사각형이 사라짐

위치 (Position) 값은 왼쪽 값이 X축, 오른 쪽 값이 Y축 입니다. 축의 시작 지점(0, 0)은 프레임의 왼쪽 상단입니다.

3. 15 프레임 위치로 옮기고 > 효과 컨트롤 패널 > 텍스트(KENARIE) > 변형 > 위치 (Effect Controls > Text(KENARIE) > Transform > Position) 메뉴의 초 시계 모양의 토글 애니메이션 아이콘을 클릭하면 키프레임이 만들어집니다.

프로그램 패널 화면에 아무런 변화가 없습니다.

텍스트 KENARIE 위치 값에 키프레임 추가

텍스트 KENARIE 시작지점에서 위치값을 바꿔 마스크 밖으로 사라지게 하지 않는 이유

지금 Y 값을 조정하여 위치를 바꾸면, 다음 키프레임 위치에서 초기 값을 다시 입력해야하는 번거로움을 없애기 위해서

4. 타임 코드에 100을 입력해서 재생 헤드를 1초에 위치시킵니다. > 키프레임 추가/제거 (Add/Remove Keyframe) 아이콘을 클릭해서 키프레임을 추가합니다. > 그리고 이전 키프레임 아이콘을 눌러 15 프레임으로 이동합니다.

프로그램 패널 화면에 아무런 변화가 없습니다.

5. 15 프레임 위치에서 > 위치 (Position) 값 오른쪽 Y축에 마우스 커서를 올려놓고 오른쪽으로 텍스트 'KENARIE'가 마스크 영역 밖으로 사라질 때까지 드래그합니다.

Y축 오른쪽 방향의 드래그는 텍스트가 아래로 움직입니다.

6. 재생헤드 20 프레임 위치로 옮기고 > 효과 컨트롤 패널 > 텍스트(V-LOG) > 변형 > 위치 (Effect Controls > Text(KENARIE) > Transform > Position) 메뉴의 초 시계 모양의 토글 애니메이션 아이콘을 클릭하면 키프레임이 만들어집니다.

프로그램 패널 화면에 아무런 변화가 없습니다.

7. 타임 코드에 +15를 입력해서 재생 헤드를 1초 5 프레임에 위치시킵니다. > 키프레임 추가/제거 (Add/Remove Keyframe) 아이콘을 클릭해서 키프레임을 추가합니다. > 그리고 이전 키프레임 아이콘을 눌러 20 프레임으로 이동합니다.

프로그램 패널 화면에 아무런 변화가 없습니다.

8. 20 프레임 위치에서 > 위치 (Position) 값 오른쪽 Y축에 마우스 커서를 올려놓고 왼쪽으로 텍스트 'V-LOG'가 마스크 영역 밖으로 사라질 때까지 드래그합니다.

Y축 왼쪽 방향의 드래그는 텍스트가 위로 움직입니다.

지금까지 작업으로 긴 사각형이 왼쪽에 숨어 있다 나타나고, 사각형에서 'KENARIE' 문자가 올라오고, 'V-LOG' 문자가 아래로 내려오면서 나타납니다.

다음은 텍스트 'V-LOG'가 2초에서 2초 15 프레임 사이에 위로 사라지고, 텍스트 'KENARIE'가 2초 10 프레임에서 2초 25 프레임 사이에 아래로 사라지고, 긴 사각형이 2초 25 프레임에서 3초 10 프레임 사이에 오른쪽으로 사라지는 모션입니다.

키프레임 차트

9. 타임 코드에 200을 입력해서 재생 헤드를 2초에 위치시킵니다. > 효과 컨트롤 패널 > 텍스트(V-LOG) > 변형 > 위치 (Effect Controls > Text(V-LOG) > Transform > Position) 메뉴의 키프레임 추가/제거 (Add/Remove Keyframe) 아이콘을 클릭해서 키프레임을 추가합니다. > 타임 코드에 +15(215)를 입력해서 2초 15 프레임으로 이동합니다.

프로그램 패널 화면에 아무런 변화가 없습니다.

10. 2초 15 프레임 위치에서 > 위치 (Position) 값 오른쪽 Y축에 마우스 커서를 올려놓고 왼쪽으로 텍스트 'V-LOG'가 마스크 영역 밖으로 사라질 때까지 드래그합니다.

11. 타임 코드에 210을 입력해서 재생 헤드를 2초 10 프레임에 위치시킵니다. > 효과 컨트롤 패널 > 텍스트(KENARIE) > 변형 > 위치 (Effect Controls > Text(KENARIE) > Transform > Position) 메뉴의 키프레임 추가/제거 (Add/Remove Keyframe) 아이콘을 클릭해서 키프레임을 추가합니다. > 타임 코드에 +15(225)를 입력해서 2초 25 프레임으로 이동합니다.

12. 2초 25 프레임 위치에서 > 위치 (Position) 값 오른쪽 Y축에 마우스 커서를 올려놓고 오른쪽으로 텍스트 'KENARIE'가 마스크 영역 밖으로 사라질 때까지 드래그합니다.

13.

2초 25 프레임에 위치에서 > 효과 컨트롤 패널 > 모양(모양 01) > 변형 > 위치 (Effect Controls > Shape(Shape 01) > Transform > Position) 메뉴의 키프레임 추가/제거 (Add/Remove Keyframe) 아이콘을 클릭해서 키프레임을 추가합니다. > 타임 코드에 +15(310)를 입력해서 3초 10 프레임으로 이동합니다.

14. 3초 10 프레임 위치에서 > 위치 (Position) 값 왼쪽 X축에 마우스 커서를 올려놓고 오른쪽으로 긴 사각형 모양이 마스크 영역 밖으로 사라질 때까지 드래그합니다.

모션 템플릿으로 저장하고 불러오기

앞에서 작업한 마스크를 이용한 텍스트 모션을 나중에 다시 사용하기 위해서 템플릿으로 저장합니다. 템플릿 저장은 현재 사용하고 있는 프리미어 프로에 내장하는 방법과 하드디스크 드라이브에 저장하여 나중에 불러와 사용하는 방법이 있습니다.

1. 완성된 텍스트 모션 클립을 선택하고 > 마우스 오른쪽 버튼을 눌러 > 모션 그래픽 템플릿으로 내보내기... (Export As Motion Graphics Template...) 메뉴를 선택합니다.

Export As Motion Graphics Template...

2. 팝업 메뉴에서 알기 쉬운 이름으로 바꾸고, 로컬 템플릿 폴더 (Local Templates Folder)나 로컬 드라이브 (Local Drive)를 선택합니다.

로컬 템플릿 폴더와 로컬 드라이브 옵션

3. 로컬 드라이브를 선택한 경우 기본 그래픽 (Essential Graphics) 패널에서 불러올 수 있습니다. > 오른쪽 하단에 저장된 템플릿 불러오기 메뉴 아이콘을 선택해서 불러옵니다.

기본 그래픽 패널에서 찾아보기 (Browse) 탭 화면

최근 목록 (Recent) 메뉴를 선택해야 쉽게 찾을 수 있습니다.

아래 첨부한 파일은 프리미어 프로 예제로 만든 기본 그래픽 패널에 등록할 수 있는 템플릿입니다. 글자만 바꾸어서 재사용 가능합니다.

타이틀 모션-마스크.mogrt

0.07MB

프리미어 프로 타이핑 효과 인트로 영상 만들기 - 2

개나리 스토리 — Fri, 5 Jul 2024 17:31:25 +0900

타이핑 효과 인트로 영상 만들기 실습 - 활용편

애플이 과거에 자주 사용했던 광고 스타일입니다. 텍스트 하나하나가 타이핑하듯이 나타나는 모션을 먼저 만들고, 텍스트가 나타날 때 확대되다가 다음 텍스트가 나타날 때 원래 크기로 돌아가는 모션을 추가합니다.

원리는 텍스트 하나하나 키프레임을 만들고 그 키프레임에서 필요한 텍스트만 남기고 안 보이는 텍스트는 삭제하는 방식입니다.

다음 영상을 보면 확인할 수 있습니다.

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

2024 - 타이틀 모션 타이핑.prproj

0.02MB

2020 - 타이틀 모션 타이핑.prproj

0.02MB

문자 타이핑 효과

1. 폰트 사이즈 200의 크기로 '안녕하세요'를 입력하고 텍스트 가운데 정렬, 위치 세로로 가운데 정렬합니다.

2. 효과 컨트롤 (Effects Controls) 패널의 텍스트 (안녕하세요) ＞를 클릭해서 ∨ 로 확장하면 소스 텍스트 (Source Text) 메뉴가 나타납니다. > 재생 헤드가 0초 지점인지 확인하고 > 초 시계 모양의 토글애니메이션 아이콘을 클릭해서 키프레임을 만듭니다.

타이핑 효과의 키프레임 개수

키프레임은 문자 갯수보다 2개 더 추가하면 됩니다. '안녕하세요'의 경우 다섯 글자이므로 총 7개의 키프레임을 만듭니다.

0초 지점에 소스 텍스트 키프레임 추가

3. 타임 코드에 + 5를 입력하여 5 프레임으로 이동합니다.

4. 재생 헤드가 5 프레임에 위치한 상태에서 키프레임 추가 아이콘을 클릭합니다.

5. 타임 코드에 +5를 입력하고 > 10 프레임으로 이동합니다. > 키프레임 추가 아이콘을 클릭하여 총 3개의 키프레임을 만듭니다.

6. 위와 같은 방법을 반복해서 총 7개의 키프레임을 만들거나 다음과 같이 복사 붙여 넣기 형식을 사용해도 됩니다. 복사 붙여 넣기 방법으로 작업하기 위해서 3개의 키프레임을 드래그로 선택하여 단축키 Ctrl + C를 눌러 복사합니다.

7. 붙여 넣기 단축키 Ctrl + V를 누릅니다. > 재생 헤드를 5번째 위치로 이동하기 위해서 다음 키프레임으로 이동 (Go to Next Keyframe) 아이콘을 눌러 이동합니다.

다음 키프레임으로 이동 (Go to Next Keyframe) 아이콘 비활성일 때

이전 키프레임으로 이동 (Go to Previous Keyframe) 한 번 클릭하고 나면, 다음 키프레임으로 이동 (Go to Next Keyframe) 아이콘이 활성화됩니다.

재생 헤드를 드래그해서 이동할 때는 Shift 키를 누른상태에서 움직여야 정확한 키프레임 위치에 이동합니다.

8. 5번째 키프레임위치에서 단축키 Ctrl + V를 눌러 붙여 넣기 합니다.

9. 총 7개의 키프레임이 만들어졌습니다. 처음에는 아무것도 없는 화면에서 시작해야 하기 때문에 > 재생 헤드를 0초에 옮기고 '안녕하세요'를 드래그해서 Delete 키를 눌러 삭제합니다.

10. 2번째 키프레임에서 '안'만 보여야 하므로 '녕하세요'를 위와 같은 방법으로 삭제합니다.

11. 3번째 키프레임에서 '안녕'만 보여야 하므로 '하세요'를 삭제합니다.

12. 4번째 키프레임에서 '안녕하'만 보여야 하므로 '세요'를 삭제합니다.

13. 5번째 키프레임에서 '안녕하세'만 보여야 하므로 '요'를 삭제합니다.

선택 도구 (Seletion Tool)를 선택하고 Shift + 스페이스 바를 눌러 재생합니다. 안녕하세요 문자가 차례로 나타나는 것을 확인할 수 있습니다.

문자 확대하여 강조하기

타이핑 효과가 만들어지면 여기에 문자가 나타날 때 확대되는 것을 추가합니다.

1. 재생 헤드를 2번째 키프레임에 위치하고 > '안'을 더블 클릭하여 선택하고 사이즈 250을 입력합니다.

2. 재생 헤드를 3번째 키프레임에 위치하고 > '안녕'을 더블 클릭하여 문자 입력상태가 되면 > '녕'을 선택하고 사이즈 250을 입력합니다.

3. 재생 헤드를 4번째 키프레임에 위치하고 > '안녕하'를 더블 클릭하여 문자 입력상태가 되면 > '하'를 선택하고 사이즈 250을 입력합니다.

4. 재생 헤드를 5번째 키프레임에 위치하고 > '안녕하세'를 더블 클릭하여 문자 입력상태가 되면 > '세'를 선택하고 사이즈 250을 입력합니다.

5. 재생 헤드를 6번째 키프레임에 위치하고 > '안녕하세요'를 더블 클릭하여 문자 입력상태가 되면 > '요'를 선택하고 사이즈 250을 입력합니다.

개나리 쌤의 유튜브 편집 과정 전체보기 (포토샵 + 프리미어)

개나리 스토리 — Thu, 4 Jul 2024 16:31:44 +0900

포토샵을 이용한 유튜브 썸네일 만들기와 영상편집하기

포토샵의 기초부터 레이어 스타일 문자 디자인 등의 예제와 소스파일이 첨부되어 있습니다.

유튜브 썸네일 작업을 할 수 있도록 체계적으로 단계적으로 정리되어 있습니다.

유튜브 영상 작업을 위한 프리미어 프로 편집 기초와 키프레임의 활용, 사진으로 영상 만들기, 자막 작업 등의 내용으로 이루어져 있습니다.

유튜버가 되기 위한 포토샵과 프리미어 프로

디자인 LESSONS] - 포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

narie.tistory.com

[디자인 LESSONS] - 포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

포토샵 프로그램 기초 다지기 - 기본 설정, 단축키 그리고 작업환경과 초기화, GTQ 설정 포함. 1. 포토샵 프로그램 초기화 세팅포토샵을 사용하다 보면 설정값들을 초기화하고 싶을 때가 있습니다

narie.tistory.com

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

유튜브 썸네일을 완성하기 위한 포토샵 기초 강좌 1유튜브 썸네일을 만들기 위해서 포토샵에서 이미지 합성하기를 설명하겠습니다. 이 과정을 거쳐서 저장하기, 문자 디자인, 레이어 스타일을

narie.tistory.com

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

유튜브 썸네일 만들기 강좌 두 번째 포토샵에서 문자를 이용한 디자인 (Typography)에 대해서 알아보겠습니다. 산세리프와 세리프 (Sans Serif, Serif) 산세리프는 세리프가 없다는 뜻으로 글자 끝 지

narie.tistory.com

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

유튜브 썸네일 만들기 강좌 3번째 - 레이어 스타일 만들기 포토샵 레이어 스타일(fx)은 레이어 또는 레이어 그룹에 다양한 시각적 효과를 주는 기능입니다. 레이어 스타일은 여러 속성을 조합하

narie.tistory.com

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

유튜브 썸네일 만들기 예제 강좌 - 포토샵 기초 강좌 최종 유튜브 썸네일 강좌 최종입니다.포토샵을 전혀 못하는 분은 이전 강좌를 학습하세요. 예제 파일은 페이지에 파일 첨부로 올라와 있습

narie.tistory.com

유튜브 채널 만들기

유튜브 채널 쉽게 만들기

2005년에 개인이 만든 영상을 누군가 볼 수 있게 하기 위한 취지로 시작된 인터넷 서비스가 이젠 전 세계의 수십억명의 사용자가 이용할 정도로 큰 플랫폼으로 성장해서 기존 레거시 미디어를 압

narie.tistory.com

유튜브 채널 디자인 등록하고 꾸미기

유튜브 채널 디자인은 단순한 이미지 이상의 역할을 합니다. 채널의 첫인상을 결정짓고 채널의 정체성과 방향성을 명확히 전달할 수 있습니다. 로고, 색상, 폰트 등을 통일되게 배치하여 채널만

narie.tistory.com

유튜브 채널 홈화면 레이아웃 꾸미기 (채널 트레일러)

홈화면 레이아웃 채널 트레일러방문자가 유튜브 채널에 처음 방문한 사람을 위한 소개 영상입니다. 채널 구독자가 아닌 방문자가 바로 볼 수 있게 재생되는 영상으로 어떤 채널인지 빠르게 이

narie.tistory.com

유튜브 초보자를 위한 브이로그 카메라 추천

유튜브 초보자를 위한 브이로그 용 카메라 추천

유튜브 초보자를 위한 브이로그(V-log) 용 가성비 용 카메라 렌즈 조합카메라를 처음 다루는 카알못 카메라 초보자를 기준으로 설명하면 풀프레임과 크롭바디 모델이 있는데, 시작은 크롭바디와

narie.tistory.com

[디자인 LESSONS] - 프레임, 해상도, 영상편집의 기초 - 영상편집 과정 교육 1

프레임, 해상도, 영상편집의 기초 - 영상편집 과정 교육 1

영상편집 과정 교육 - 프레임과 해상도에 대해서 알아보기 프레임(Frame) 의 개념과 이해 - 24프레임, 25프레임 30프레임프레임이란? 동영상을 구성하는 작은 단위로 각 프레임은 하나의 정지된 이

narie.tistory.com

[디자인 LESSONS] - 유튜브 촬영 장비 - 영상편집의 기초 - 영상편집 과정 교육 2

유튜브 촬영 장비 - 영상편집의 기초 - 영상편집 과정 교육 2

유튜버가 되기 위한 유튜브 촬영장비를 알아보자! 대한민국은 전 세계적으로 인구대비 유튜버 비율이 톱클래스에 해당되는 나라입니다. 대부분의 국민들이 고학력자라 새로운 직업군에 대한

narie.tistory.com

[디자인 LESSONS] - 프리미어프로 영상편집의 기초 - 영상편집 과정 교육 3

프리미어프로 영상편집의 기초 - 영상편집 과정 교육 3

영상편집의 기초 - 프로그램 실행하기와 화면 구성 어도비 프리미어프로 (Adobe Premiere Pro) 프로그램 실행하기1. 처음 시작 화면에서 왼쪽 상단에 New Project 버튼을 클릭합니다. 다음과 같은 화면에

narie.tistory.com

[디자인 LESSONS] - 프리미어프로 단축키와 단축키 바꾸기 - 영상편집 과정 교육 4

프리미어프로 단축키와 단축키 바꾸기 - 영상편집 과정 교육 4

프리미어 프로 필수 단축키와 다른 단축키 변경하기 프리미어에서 꼭 필요한 단축키와 자주 사용하지만 없는 단축키를 추가해서 만들어보겠습니다. 같은 어도비사 프로그램이라 해도 단축키

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 컷 편집 기초 - 영상편집 과정 교육 5

프리미어 프로 컷 편집 기초 - 영상편집 과정 교육 5

프리미어 프로 삼점식 컷 편집의 기초 다지기 [실습] 실습 학습 목차 프로젝트, 시퀀스 만들기 푸티지 가져오기 시작 지점, 종료 지점 만들기 타임라인 V 트랙에 비디오 등록하기

narie.tistory.com

[디자인 LESSONS] - 프리미어프로 키프레임 모션 그래픽 실습 - 영상편집 과정 교육 6

프리미어프로 키프레임 모션 그래픽 실습 - 영상편집 과정 교육 6

개나리쌤의 프리미어프로 키프레임을 이용한 모션그래픽 실습 예제 프리미어에서 키프레임이란?키프레임(Keyframe)이란, 영상 편집에 있어서 모션을 주기 위한 변곡점이라 할 수 있습니다. A지점

narie.tistory.com

[디자인 LESSONS] - 사진으로 동영상 만들기 실습 - 프리미어 프로 강좌 7

사진으로 동영상 만들기 실습 - 프리미어 프로 강좌 7

프리미어 프로를 이용한 사진으로 동영상 만들기 과정입니다. 1. 동영상을 만들기 위한 사진 촬영 방법동영상으로 제작할 때 최종 플랫폼이 SNS 형식인지, PC 형식의 미디어인지 고려해야 합니

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로에서 문자 디자인을 위한 기본 그래픽 (Essential Graphics)

프리미어 프로에서 문자 디자인을 위한 기본 그래픽 (Essential Graphics)

프리미어 프로 기본 그래픽 (Essenial graphics) 패널 알아보기 프리미어에서 문자를 이용한 작업에는 인트로 타이틀 모션, 자막 등을 만들 수 있습니다. 문자를 이용한 작업 전 꼭 알아야 할 패

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 텍스트 인트로 영상 만들기 - 1

프리미어 프로 텍스트 인트로 영상 만들기 - 1

키프레임을 이용한 그래픽 텍스트, 인트로 영상 만들기 실습 - 기초 편프리미어 프로 앱은 기본적으로 컷 편집용 프로그램이지만 키프레임 모션을 이용해서 간단한 타이틀 모션을 만들 수 있습

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 타이핑 효과 인트로 영상 만들기 - 2

프리미어 프로 타이핑 효과 인트로 영상 만들기 - 2

타이핑 효과 인트로 영상 만들기 실습 - 활용편애플이 과거에 자주 사용했던 광고 스타일입니다. 텍스트 하나하나가 타이핑하듯이 나타나는 모션을 먼저 만들고, 텍스트가 나타날 때 확대되다

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 마스크 텍스트 모션과 템플릿 - 3

프리미어 프로 마스크 텍스트 모션과 템플릿 - 3

마스크를 이용한 인트로 영상 만들고 템플릿 저장하기 - 고급편 그래픽 프로그램에서 마스크의 개념은 보편적으로 사용합니다. 콘텐츠의 특정 영역을 가리고 싶을 때 사용합니다. 창문이 있

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 동영상 그래픽 자막 넣기 1

프리미어 프로 동영상 그래픽 자막 넣기 1

프리미어 프로 동영상에 자막넣기 - 그래픽 영상 콘텐츠 제작에 있어서 가장 중요한 요소 중 하나인 자막은 정보의 정확한 전달에 큰 영향을 끼칩니다. 자막은 대사의 정확성을 높여주도록 오

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 동영상 캡션 자막 (SRT) 만들기 2

프리미어 프로 동영상 캡션 자막 (SRT) 만들기 2

프리미어 프로 동영상에 자막 넣기 - 캡션 자막전통적인 그래픽 자막에 이어 캡션 자막은 2021 버전부터 본격적으로 사용되었습니다. 캡션 자막은 SRT 파일로 저장하여 유튜브나 기타 동영상 자막

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 동영상 자동 자막 (AI) 3

프리미어 프로 동영상 자동 자막 (AI) 3

프리미어 프로 AI 기능, 음성인식으로 대본 만들어 자막 넣기 영상 제작에 있어서 대본은 중요한 비중을 차지합니다. 프리미어 프로에서 대본 제작은 인터뷰나 대사 처리한 내용을 자동으로 대

narie.tistory.com

[디자인 LESSONS] - 크로마키에 대해서 총정리 그리고 버츄얼 스튜디오

크로마키에 대해서 총정리 그리고 버츄얼 스튜디오

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로에서 크로마키 활용

프리미어 프로에서 크로마키 활용

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 영상에 모자이크 블러 효과 적용하기

프리미어 프로 영상에 모자이크 블러 효과 적용하기

프리미어 프로 영상에 모자이크와 가우시안 블러 효과 적용 과거 방송에 자신이 얼굴이 노출되면 자랑하던 시절이 있었습니다. 하지만 누구도 확인할 방법이 없던 시절이었죠. 본인이 녹화하

narie.tistory.com

개나리쌤의 유튜브 영상편집 과정

프리미어 프로 텍스트 인트로 영상 만들기 - 1

개나리 스토리 — Mon, 1 Jul 2024 14:21:54 +0900

키프레임을 이용한 그래픽 텍스트, 인트로 영상 만들기 실습 - 기초 편

프리미어 프로 앱은 기본적으로 컷 편집용 프로그램이지만 키프레임 모션을 이용해서 간단한 타이틀 모션을 만들 수 있습니다.

콘텐츠가 시작 전에 약 3초 정도 인트로 타이틀 모션이 나오면 내가 보려는 영상의 주체가 명확히 전달되겠죠. 이 페이지에서는 간단하게 타이틀이 나타났다 사라지는 예제를 실습하겠습니다.

예제는 다음의 스토리를 따릅니다.

'Hello'의 작은 문자가 점점 커지면서 또렷하게 보입니다. > 잠시 1초 정도 그 상태를 유지하다가 > 프레임 밖에 넘칠 정도로 커지면서 사라집니다.

2024-인트로 키프레임.prproj

0.02MB

2020 - 인트로 키프레임.prproj

0.02MB

타이틀 모션 초기 세팅

1. 문자 도구 ( Type Tool)로 Hello 문자 입력하고 > 크기 200, 가운데 정렬, 기준점도 가운데로 이동합니다.

Hello 문자의 초기 세팅 값

아래 이미지는 애니메이션 전의 초기 값이 적용된 프로그램 패널 화면입니다.

초기 세팅 값 텍스트 크기 200

2. 모션의 길이를 3초로 맞추기 위해서 재생 헤드 위치를 3초 지점에 놓고 단축키 Ctrl + K로 클립을 자르고 다음 클립 부분을 선택 후 Del 키로 삭제합니다.

그래픽 텍스트는 5초 값이 기본 값

실습 예제 결과물은 아래 동영상과 같습니다.

모션을 위한 키프레임 작업

1. 재생 헤드 (Playhead) 0초 위치에서 > 초 시계 모양의 토글 애니메이션 아이콘을 클릭합니다. > 비율 조정 (Scale)을 20으로 축소합니다. > 불투명도 (Opacity)를 10%로 축소해 흐리게 합니다. 이 설정이 애니메이션 되기 직전의 값입니다.

토글 애니메이션(Toggle animation) 활성화

2. 타임 코드에 '100'을 입력하고 Enter 키를 칩니다. > 재생 헤드 (Playhead)가 1초 지점에 위치한 상태에서 > 비율 조정 (Scale) : 100, 불투명도 (Opacity) : 100을 입력합니다.

1초 지점의 화면

3. 타임 코드에 '200' 또는 '+100'을 입력합니다. > 재생 헤드 (Playhead)가 2초 지점에 위치한 상태에서 > 비율 조정 (Scale)과 불투명도 (Opacity) 위치의 키프레임 추가/제거 (Add/Remove keyframe) 아이콘을 눌러 1초의 값을 2초 위치에서도 똑같이 유지합니다.

2초 지점의 화면

4. 타임 코드에 '215'를 입력합니다. > 재생 헤드 (Playhead)가 2초 15프레임 위치에서 > 비율 조정 (Scale)을 600으로 확대합니다. > 불투명도 (Opacity)를 0%로 사라지게 합니다.

2초 15프레임 지점의 화면

위와 같은 실습 예제 결과물은 아래 동영상과 같습니다.

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

프리미어 프로에서 문자 디자인을 위한 기본 그래픽 (Essential Graphics)

개나리 스토리 — Thu, 27 Jun 2024 18:18:49 +0900

프리미어의 기본 그래픽 (Essenial graphics) 패널 알아보기

프리미어에서 문자를 이용한 작업에는 인트로 타이틀 모션, 자막 등을 만들 수 있습니다. 문자를 이용한 작업 전 꼭 알아야 할 패널의 설정에 대해서 설명합니다. 이 페이지의 내용은 다음과 같습니다.

1. 기본 그래픽 (Essential Graphics) 패널과 효과 컨트롤 (Effect Controls) 패널 비교

2. 문자를 입력하는 방식 포인트 텍스트, 단락 텍스트

3. 문자를 입력하고 설정하기 전까지 프로세스

4. 기본 그래픽 (Essential Graphics) 설정하기

문자 디자인을 위한 패널 화면

기본 그래픽 (Essential Graphics) 패널은 창 > 기본 그래픽 (Windows > Essential Graphics) 메뉴를 선택하면 됩니다. 기본 그래픽 (Essential Graphics) 패널은 문자 디자인을 위한 곳으로 효과 컨트롤 (Effect Controls)에도 같은 설정 화면이 나타납니다.

아래 화면의 흰 테두리 박스를 보면 내용이 같은 것을 알 수 있습니다. 오른쪽 상단의 'T 안녕하세요' 레이어 문자를 선택한 상태에서 확인됩니다.

효과 컨트롤의 텍스트 부분과 기본 그래픽의 텍스트 화면

효과 컨트롤 (Effect controls)의 텍스트 부분의 변형 (Transform)과 오른쪽 기본 그래픽 (Essential Graphics) 패널의 박스 부분과 같음을 알 수 있습니다. 차이점이 있다면 기본 그래픽은 키프레임 작업을 할 수 없으므로 모션 그래픽 작업을 할 때는 효과 컨트롤을 이용해야 합니다.

기본 그래픽은 설정 값만 정할 뿐 키프레임 작업은 효과 컨트롤에서 해야 함

마지막으로 기본 그래픽 (Essential Graphics)에서 선택된 레이어 문자를 해제하면 패널에 다른 설정 화면이 나타나는데 이것은 효과 컨트롤 (Effect Controls)의 그래픽 (Graphics)의 벡터 모션 (Vector Motion) 내용과 같습니다. 기본 그래픽 패널에 문자가 여러 개 등록되었을 때 각각 텍스트 모션이 아닌 하나의 클립에 대한 모션을 만들 수 있습니다.

상대성 이론하고 좀 비슷한데 예를 들면 비행기가 100의 속도로 원을 그리며 날고 있고, 비행기 안의 사람이 5의 속도로 직진하고 있으면 비행기 안에 앉아 있는 사람의 입장에선 걷는 사람이 속도 5의 직선운동으로 보이지만 실제 사람은 105의 속도로 회전 운동이랑 같은데...^^ 좀 너무 나갔나요 ~

어쨌든 문자에 모션을 주고 그 문자 모션을 유지하면서 클립의 프레임 화면에 대한 모션을 추가로 적용할 때 사용합니다.

기본 그래픽에서 문자 선택을 해제하면 텍스트 설정이 아닌 프레임 화면의 설정이 됨

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

위 영상을 보면 텍스트 모션과 텍스트 모션에 벡터 모션을 추가했을 때의 차이점을 보여줍니다.

문자를 입력하는 방식, 포인트 텍스트와 단락 텍스트

문자를 입력하는 방식은 포토샵이나 일러스트레이터와 마찬가지로 클릭 > 입력, 드래그 > 입력 방식이 있습니다.

클릭 입력(포인트 텍스트)은 주로 타이틀과 같은 강조의 의미를 전달하고 개별 문자에 대한 모션을 줄 때 사용합니다. 드래그 입력(단락 텍스트)은 글 상자를 만들어서 장문의 내용을 입력하고 여러 행의 내용이 필요할 때 사용하며, 자막 작업에 주로 사용합니다.

포인트 텍스트와 단락 텍스트

포인트 텍스트와 단락 텍스트 형식을 바꾸고 싶으면 텍스트 속성 (Text Properties) 메뉴를 선택하고 텍스트 레이어 유형 (Text Layer Type)에서 포인트 텍스트 (Point Text), 단락 텍스트 (Paragraph Text) 형식으로 바꿀 수 있습니다.

텍스트 속성 메뉴를 이용한 텍스트 모드 전환

문자 입력 프로세스

포토샵, 일러스트레이터와 마찬가지로 문자를 입력하고 나면 무조건 반사적으로 기본 툴을 선택합니다.

내용을 입력하고 기본 툴로 바꾸지 않으면, 본인도 모르게 작업 공간을 클릭하면서 새로운 텍스트 입력모드로 빈 커서가 만들어집니다. 실제 작업 중 초보자들이 많이 하는 실수입니다.

프리미어 프로에서 문자 입력 프로세스

문자를 입력할 때 위와 같은 순서로 해야 합니다.

① 문자 도구 (Type Tool) 선택

② 프로그램 패널에 내용 입력

③ 선택 도구 (Selection Tool) 선택

④ 텍스트 가운데 맞춤 (Center align text) 선택

⑤ 세로 정렬, 가로 정렬 선택

기본 그래픽 (Essential Graphics) 설정

기본 그래픽 (Essential Graphics)의 주요 내용은 다음과 같습니다.

1. 반응형 디자인 - 위치 (Responsive Design - Position)

고정 대상 (Pin To) : 고정될 대상을 선택하는 옵션입니다. ⓛ번 이모티콘을 선택하고 > ②번 고정 대상 (Pin To) 메뉴에서 안녕하세요를 선택합니다. 그리고 마지막으로 > ③번에서 상, 하, 좌, 우 원하는 방향을 선택합니다.

방향만 따라다니려면 상과 좌를 선택하면 됩니다. 상하좌우 다 선택하면 크기까지 같이 늘어나고 줄어듭니다.

기본 그래픽의 반응형 디자인 프로세스

이모티콘이 텍스트에 연결되어 움직임 (위, 왼쪽 선택)

2. 정렬 및 변형 (Align and Transform)

위치 배치나 크기, 회전, 불투명도 등을 키프레임 모션을 위한 것이 아니라 초기 세팅값을 정할 때 사용합니다.

정렬과 변형 (Align and Transform)

프레임 기준으로 왼쪽 정렬, 수직으로 가운데 정렬, 오른쪽 정렬, 상단 정렬, 수평으로 가운데 정렬, 하단 정렬을 합니다.

왼쪽, 수직 가운데, 오른쪽, 위, 수평 가운데, 아래 정렬

X, Y 축 위치 값을 정하고 기준점 X, Y 축 값을 정합니다.

가로, 세로 위치와 기준점 위치

크기와 회전 각도를 정합니다.

크기와 각도

불투명도 값을 정합니다.

불투명도 값

3. 연결된 스타일 (Linked stye)

텍스트 스타일을 여러 개 만들어 저장하고 필요할 때 가져다 쓸 수 있는 메뉴입니다. 매번 편집할 때마다 스타일을 만드는 번거로움에서 벗어날 수 있습니다.

스타일을 만들어 사용하는 방법은 현재 프로젝트에 저장하는 (Create style...) 방법과 하드 드라이브에 저장된 스타일을 불러오는(Import style...) 방법이 있습니다.

스타일 만들기 (Create style...) 메뉴

텍스트에 테두리, 둥근 사각형의 배경을 만들고, 저장하려면 위 이미지에서 처럼 스타일 만들기 (Create style...) 메뉴를 선택합니다. 이름을 적고 프로젝트에 저장 (Save to Project) 메뉴를 체크하면 현재 프로젝트에 저장합니다.

로컬 스타일에 저장 (Saver to Local styles) 메뉴를 체크하면 하드 드라이브에도 저장합니다. 하드 드라이브에 저장하면 스타일 가져오기 (Import style) 메뉴를 이용해서 불러올 수 있습니다.

새 텍스트 스타일 (New Text Syle) 저장 화면

저장하면 다음과 같이 프로젝트 패널에 등록됩니다. 프로젝트에 등록된 아이콘을 타임라인에 있는 클립에 드래그해서 바꾸거나 기본 그래픽 (Essential Graphics) 패널에서 스타일을 불러오면 됩니다.

새 텍스트 스타일이 적용된 프로젝트 패널과 기본 그래픽 패널

4. 텍스트 (Text)

문서작업할 때 사용하는 옵션과 거의 같습니다. 글꼴을 선태하고, 크기를 지정하고 그 외 스타일을 입히는 내용들로 구성되어 있습니다.

글꼴 종류를 선택하고 모양을 지정하고, 크기를 정합니다.

ⓛ 텍스트 왼쪽 맞춤, 텍스트 가운데 맞춤, 텍스트 오른쪽 맞춤입니다.

② 마지막 줄 왼쪽 강제 정렬, 마지막 줄 가운데 강제 정렬, 균등 배치, 마지막 줄 오른쪽 강제 정렬입니다.

③ 텍스트 위쪽 정렬, 텍스트 세로 가운데 정렬, 텍스트 아래쪽 정렬입니다.

ⓛ 자간 조절 (Tracking) : 드래그한 문장이나 전체 문장의 간격을 조정합니다.

② 커닝 (Kerning) : 커서가 깜박거리고 있는 지점의 간격을 조정합니다.

③ 행간 (Leading) : 행간의 간격을 조절하니다.

④ 기준선 이동 (Baseline Shift) : 선택한 글자를 올리거나 내립니다.

⑤ 탭 너비 (Tab Width) : 탭 간격을 설정합니다.

ⓛ 볼드체, 이탤릭체 : 문자를 두껍게, 기울임 체로 만듭니다.

② 모두 대문자, 작은 대문자 : 소문자를 입력한 문자를 강제로 대문자 크기로 대문자, 소문자 크기로 대문자로 바꿉니다.

③ 위 첨자, 아래 첨자 : 위 첨자 아래 첨자를 만듭니다.

④ 밑줄 : 문자에 밑줄을 표시합니다.

⑤ 왼쪽에서 오른쪽으로 입력, 오른쪽에서 왼쪽으로 입력 : 문자의 입력 방향을 결정합니다.

5. 모양 (Appearance)

텍스트의 색상과 테두리, 그림자, 배경 등의 모양을 만듭니다.

칠 (Fill) : 문자의 색상을 바꿉니다.

선 (Stroke) :문자의 테두리 색상과 두께를 지정합니다.

배경 (Background) : 문자의 사각형 배경을 만듭니다. 세부 옵션은 다음과 같습니다.

ⓛ 컬러 (Color) : 배경 컬러를 정합니다.

② 불투명도 (Opacity) : 배경의 투명한 정도를 정합니다.

③ 크기 (Size) : 사각형 모양의 배경 크기를 정합니다.

④ 모서리 반경 (Corner Radius) : 둥근 모서리 값을 정합니다.

어두운 영역 (Shadow) : 그림자를 만듭니다. 세부 옵션은 다음과 같습니다.

ⓛ 컬러 (Color) : 그림자 컬러를 정합니다.

② 불투명도 (Opacity) : 그림자의 투명한 정도를 정합니다.

③ 각도 (Angle) : 그림자의 방향을 정합니다.

④ 거리 (Distance) : 그림자와의 거리를 정합니다.

⑤ 크기 (Size) : 그림자의 굵기를 정합니다.

⑥ 흐림 효과 (Blur) : 그림자의 흐림 효과 정도를 정합니다.

텍스트 마스크 (Mask with Text)

텍스트에 이미지나 영상을 포함하고자 할 때 사용합니다. 조건은 텍스트가 레이어상 위에 위치해야 합니다.

마스크를 적용하기 위해서 프레임 안에 문자가 앞에, 이미지나 영상을 뒤에 배치합니다. > 그리고 기본 그래픽의 레이어에서 '안녕하세요' 문자 레이어를 선택합니다.

텍스트가 레이어에서 위에 배치해야 함

기본 그래픽 아래쪽에 텍스트 마스크 (Mask with Text)를 체크합니다. > 선 (Stroke)에 마스크를 포함시키고 싶지 않다면 채우기에만 마스크 적용 (Mask Only Fill)을 체크하면 마스크 범위에서 제외됩니다.

텍스트 마스크 적용할 때 선 (Stroke) 제외 옵션 선택

Search

개나리 스토리 — Sun, 23 Jun 2024 16:15:19 +0900

사진으로 동영상 만들기 실습 - 프리미어 프로 강좌 7

개나리 스토리 — Mon, 17 Jun 2024 02:37:22 +0900

프리미어 프로를 이용한 사진으로 동영상 만들기 과정입니다.

1. 동영상을 만들기 위한 사진 촬영

동영상으로 제작할 때 최종 플랫폼이 SNS 형식인지, PC 형식의 미디어인지 고려해야 합니다. SNS 형식이면 세로 사진이 중심이 되고, 블로그, 카페 등과 같은 인터넷 페이지 형식이면 가로 사진이 중심이 됩니다. 예제는 가로 사진을 중심으로 하겠습니다.

세로 영상은 인물 중심 표현에 유리하며, 스마트폰에서 세로 화면으로 시청하기 편하다는 장점이 있습니다. 반면에 컴퓨터에서 시청할 때 필러박스 (Pillarbox)가 생겨서 좌우 화면 낭비가 심하고 좌우 배경을 담기 힘듭니다.

가로 영상은 넓은 화각으로 사람의 시야각과 비슷합니다. 많은 배경화면을 영상에 담을 수 있습니다. 단점은 스마트폰에서 시청할 때 가로모드 화면이라 그립감이 떨어집니다.

필러박스 (Pillarbox) : 레거시 영상이나 세로 촬영의 좁은 화면비 (4:3, 9:16)로 촬영한 영상을 넓은 화면비(16:9)에 표시할 때, 좌우 검은 띠를 추가해서 원본 비율을 유지하는 방식입니다.

레터박스 (Letterbox) : 영화처럼 넓은 화면비로(2.35:1) 촬영된 영상을 좁은 화면비(16:9)에 표시할 때, 위아래 검은 띠를 추가해서 원본 비율을 유지하는 방식입니다.

세로 이미지로 인한 필러박스

2.35:1 비율의 영상을 16:9 화면에 표시하여 나타난 레터박스

2. 사진 동영상 만들기 초기 세팅

2-1. 사진을 영상으로 만들기 위한 작업 프로세스

주제와 작업 프로세스
추억의 여행 사진을 모아서 동영상으로 만들기
사진 타임라인 V1 트랙에 등록 > 사진 크기 프레임에 맞게 조절 > 사진 클립 3초로 변경 > 장면전환 20프레임 > 각각의 클립 키프레임 이용 모션 작업 > 오디오 추가
프로젝트 이름	날짜 - 사진 동영상 만들기
시퀀스 이름	on a journey

예제 파일 다운로드 (같은 폴더에서 작업)

on a journey.zip

19.95MB

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

2-2. 새 프로젝트 (New Project) 메뉴를 선택하고 > 프로젝트 이름 (Project name)에 '날짜 - 사진 동영상 만들기' > 프로젝트 위치 (Project location)에 본인 작업 폴더 지정 가져오기 (Create) 메뉴를 선택합니다.

프리미어 프로 홈 화면

2-3. 단축키 Ctrl + N을 눌러 새 시퀀스를 만듭니다. HD 1080p 29.97 fps 프리셋을 선택하고 > 시퀀스 이름 (Sequence Name)에 'on a journey'를 입력합니다.

시퀀스 설정

2-4. 단축키 Ctrl + I를 눌러 'on a journey' 폴더를 선택하고 폴더 가져오기 (Import Folder) 메뉴를 선택하여 폴더 안에 있는 모든 소스를 불러옵니다. > Ctrl + I를 눌러 추가로 mp3 음악 파일을 불러옵니다.

폴더 가져오기 (Import Folder)

3. 사진 클립 시간 조절과 다중 장면전환

3-1. 프로젝트 패널의 on a journey 폴더를 V1트랙으로 드래그하여 타임라인에 등록하고 > 단축키 \(￦)를 눌러 타임라인 패널에 알맞게 클립 크기를 조절합니다.

저장소 (bin) 타임라인에 등록

3-2. 사진의 크기를 프레임 크기에 맞추고, 시간 조절하기 위해서 모든 클립을 선택합니다.

3-3. 모두 선택된 클립에 마우스 커서를 올려놓고, 우클릭하여 프레임 크기로 비율 조정 (Scale to Frame Size) 메뉴를 선택합니다.

모든 크기로 비율 조정

Scale to Frame Size : 사진의 크기가 프레임에 맞게 조절됨

프레임 크기로 비율 조정 (Scale to Frame Size) 설정으로 인해서 필러박스가 생기는 경우, 사이즈를 더 키워야 합니다. 필러박스가 생기는 이유는 사진의 가로세로 비율이 편집 프레임 비율하고 달라서 생기는 문제입니다. 예를 들면 영상편집은 16:9 비율로 편집하는데 미러리스로 촬영된 사진은 3:2 비율이기때문입니다.

3-4. 모두 선택된 클립에 마우스 커서를 올려놓고, 우클릭하여 사진의 시간 길이를 조절하기 위해서 속도/지속 시간... (Speed/Duration...) 메뉴를 선택합니다.

프리미어 프로의 클립 시간 조절

3-5. 지속 시간 (Duration)을 3초로 맞추기 위해서 300을 입력합니다. > 그리고 잔물결 편집 후, 행 클립 이동 (Ripple Edit, Shifting Trailing Clips) 메뉴를 체크합니다.

사진 시간 길이 조절

잔물결 편집 후, 행 클리 이동 (Ripple Edit, Shifting Trailing Clips)

기존 클립의 시간을 늘리거나 줄일 때, 빈 공간은 없애주고, 모자란 공간은 밀어내서 확보합니다.

3-6. 장면 전환을 주기 위해서 클립과 클립 사이를 선택하고 단축키 Ctrl + D나 마우스 우클릭하여 기본 전환 적용 (Apply Default Transitions) 메뉴를 선택합니다.

클립과 클립 사이 경계 클릭

3-7. 단축키 = 를 두 번 정도 눌러 클립을 확대하고 장면 전환 아이콘을 더블 클릭하여 전환 지속 시간 설정 (Set Transition Duration) 창이 나타나면 시간을 20 프레임으로 정하기 위해서 20을 입력하고 > 단축키 Ctrl + C를 눌러 설정 값을 복사합니다.

장면 전환 지속 시간 설정

3-8. 모든 클립에 장면 전환을 넣기 위해서 Ctrl + 드래그하여 선택하고 > 단축키 Ctrl + V로 붙여 넣기 합니다.

모든 클립에 장면 전환 지속 시간 붙여넣기

위 작업에서 사진을 이름 순서가 아닌 사용자 순서로 등록하고 싶다면 다음 과정을 따르면 됩니다.

프로젝트 패널에서 on a journey 폴더를 더블클릭하면 저장소 안의 사진들을 확인할 수 있습니다.

마우스 커서를 프로젝트 패널에 올려놓고 단축키 Grave accent (` ) 를 눌러 패널을 확대하고 > 타임라인에 등록할 사진 순서를 정합니다. > 순서는 Ctrl 키를 누른 상태로 원하는 사진을 순서대로 클릭합니다.

다시 단축키 Grave accent (` ) 를 눌러 패널을 원래 크기로 축소하고 > 선택한 사진들을 타임라인으로 드래그해서 등록하면 > 사용자가 선택한 순서대로 트랙에 등록됩니다.

4. 사진을 영상으로 만들기 위한 키프레임 편집

재생 헤드 (Playhead)를 움직일 때 자동으로 클립을 선택하게 하기 위해서 시퀀스 > 재생 헤드를 선택 항목 앞에 배치 (Sequence > Selection Follows Playhead) 메뉴를 선택합니다.

재생 헤드를 선택 항목 앞에 배치 (Selection Follows Playhead)

위와 같이 설정을 하면 재생 헤드를 옮길 때마다 재생 헤드가 위치하는 지점의 클립이 자동 선택되어서 프리미어 프로의 편집 효율성이 높아집니다.

첫 번째 클립에 줌 아웃 (Zoom Out) 효과를 주기 위한 키프레임 작업입니다.

4-1. 재생 헤드를 첫 번째 클립의 왼쪽에 가까운 위치로 이동합니다. > 효과 컨트롤 (Effect Controls) 패널에서 위치 (Position), 비율 조정 (Scale)의 애니메이션 켜기/끄기 (Toggle animation) 아이콘을 선택합니다. > 재생 헤드를 오른쪽으로 이동하고 키프레임을 추가해서 총 4개의 키프레임이 완성됩니다.

클립 선택하고 키프레임 추가

4-2. 시작 키프레임 (왼쪽) 위치 값 (1110, 340 ) 비율 값 (140)을 입력하여 확대합니다.

시작 지점 키프레임

4-3. 종료 키프레임 (오른쪽) 위치 값 (960, 540), 비율 값 (100) 그대로 변경하지 않습니다.

종료 지점 키프레임

4-4. 양쪽의 키프레임들을 클립 장면 전환이 있는 클립 끝으로 옮겨서 클립이 시작하는 지점부터 끝나는 지점까지 자연스럽게 모션이 되도록 합니다.

자연스러운 움직이을 위해서 키프레임 끝으로 이동

재생하면 첫 번째 클립 부분이 다음과 같이 줌 아웃됩니다.

사진 동영상 모션 결과

재생 헤드를 키프레임 위치로 이동하고 바꾸려는 숫자 위에서 마우스를 좌우로 드래그하면 값을 직관적으로 바꿀 수 있습니다.

두 번째 클립에 줌 인 (Zoom In) 효과를 주기 위한 키프레임 작업입니다.

4-5. 재생 헤드를 두 번째 클립의 왼쪽에 가까운 위치로 이동합니다. > 효과 컨트롤 (Effect Controls) 패널에서 위치 (Position), 비율 조정 (Scale)의 애니메이션 켜기/끄기 (Toggle animation) 아이콘을 선택합니다. > 재생 헤드를 오른쪽으로 이동하고 키프레임을 추가해서 총 4개의 키프레임이 완성됩니다. (4-1 참고)

4-6. 시작 키프레임 값은 그대로 놔두고, 종료 키프레임 (오른쪽) 위치 값 (1336, 733 ) 비율 값 (140)을 입력하여 확대합니다.

종료 지점 키프레임 값 변경

4-7. 양쪽의 키프레임들을 클립 끝으로 이동합니다. (4-4 참고)

재생하면 두 번째 클립 부분이 다음과 같이 줌 인이 됩니다.

사진 동영상 모션 결과

세 번째 클립에 아크 라이트 (Arc right) 효과를 주기 위한 키프레임 작업입니다.

4-8. 재생 헤드를 세 번째 클립의 왼쪽에 가까운 위치로 이동합니다. > 효과 컨트롤 (Effect Controls) 패널에서 비율 조정 (Scale), 회전(Rotation)의 애니메이션 켜기/끄기 (Toggle animation) 아이콘을 선택합니다. > 재생 헤드를 오른쪽으로 이동하고 키프레임을 추가해서 총 4개의 키프레임이 완성됩니다. (4-1 참고)

4-9. 시작 키프레임 (왼쪽) 회전 값 (-10) 비율 값 (134)를 입력하여 왼쪽으로 회전시키고 확대합니다. 종료 키프레임 (오른쪽) 값은 그대로 놔둡니다.

시작 지점 키프레임 값 변경

회전 시 프레임 빈 공간이 보이면 안 됨.

4-10. 양쪽의 키프레임들을 클립 끝으로 이동합니다. (4-4 참고)

재생하면 세 번째 클립 부분이 다음과 같이 줌 아웃되면서 시계 방향으로 회전합니다.

사진 동영상 모션 결과

회전 값이 '- '이면 왼쪽 방향, '+' 이면 오른쪽 방향으로 회전합니다.

네 번째 클립에 붐 다운 (Boom down) 효과를 주기 위한 키프레임 작업입니다.

4-11. 이번 작업에는 필러박스를 없애기 위해 효과 컨트롤 (Effect Controls)에서 키프레임을 만들지 않고 비율 조정 (Scale) 값을 315로 확대합니다. 이렇게 키프레임 없이 값을 바꾸면 315가 기본 값이 됩니다.

비율 조정 (Scale) 값을 키워서 Letterbox를 없앰

4-12. 재생 헤드를 네 번째 클립의 왼쪽에 가까운 위치로 이동합니다. > 효과 컨트롤 (Effect Controls) 패널에서 위치 (Position)의 애니메이션 켜기/끄기 (Toggle animation) 아이콘을 선택합니다. > 재생 헤드를 오른쪽으로 이동하고 키프레임을 추가해서 2개의 키프레임이 완성됩니다. (4-1 참고)

4-13. 시작 키프레임 (왼쪽) 위치 값 (960, 1400)을 입력하여 아래로 이동시키고, 종료 키프레임 (오른쪽) 위치 값 (960, 650)을 입력하여 위로 이동시킵니다.

4-14. 양쪽의 키프레임들을 클립 끝으로 이동합니다. (4-4 참고)

재생하면 네 번째 클립 부분이 다음과 같이 사진이 위로 올라가면서 짐벌 카메라가 내려오면서 촬영하는 듯한 붐 다운(Boom down) 효과가 됩니다.

사진 동영상 모션 결과

다섯 번째 클립에 트래킹 (Tracking) 효과를 주기 위한 키프레임 작업입니다.

4-15. 좌우로 이동하는 트래킹 공간 확보를 위해서 효과 컨트롤 (Effect Controls)에 키프레임을 만들지 않고 비율 조정 (Scale) 값을 200으로 확대합니다. 이렇게 키프레임 없이 값을 바꾸면 200이 기본 값이 됩니다.

비율 조정 (Scale) 값을 키워서 좌우 움직일 수 있는 가용 범위 확보

4-16. 재생 헤드를 다섯 번째 클립의 왼쪽에 가까운 위치로 이동합니다. > 효과 컨트롤 (Effect Controls) 패널에서 위치 (Position)의 애니메이션 켜기/끄기 (Toggle animation) 아이콘을 선택합니다. > 재생 헤드를 오른쪽으로 이동하고 키프레임을 추가해서 2개의 키프레임이 완성됩니다. (4-1 참고)

4-17. 시작 키프레임 (왼쪽) 위치 값 (1180, 300)을 입력하여 오른쪽으로 이동시키고, 종료 키프레임 (오른쪽) 위치 값 (320, 300)을 입력하여 왼쪽으로 이동시킵니다.

4-18. 양쪽의 키프레임들을 클립 끝으로 이동합니다. (4-4 참고)

4-19. 재생하면 다섯 번째 클립 부분이 카메라가 오른쪽으로 이동하면서 촬영하는 듯한 트래킹 (Tracking) 효과가 됩니다.

사진 동영상 모션 결과

4-20. 나머지 클립들을 사용자 스타일로 키프레임 모션 작업을 합니다.

5. 배경 음악 등록하기

비디오 트랙 작업이 끝나면 프로젝트 패널에 있는 배경 음악을 오디오 트랙 A1에 등록합니다.

프리미어 프로에서 음악을 오디오트랙에 등록하는 프로세스

5-1. 작업 프로세스는 다음과 같습니다.

① 프로젝트 패널에서 오디오 아이콘을 더블클릭합니다.

② 재생 헤드위치 (Playhead Position) 타임 코드에 4200 입력합니다.

③ 종료 표시 (Mark Out)을 선택하거나 단축키 O를 입력합니다.

④ 오디오만 드래그 (Drag Audio Only) 아이콘을 A1 트랙에 드래그하여 등록합니다.

⑤ 트랙 헤드 부분을 더블 클릭하여 트랙을 확장시킵니다.

⑥ 음악이 끝나는 뒷부분 볼륨 레벨선을 Ctrl + 클릭으로 키프레임 두 개를 만들고 끝부분을 아래로 끌어내려 볼륨을 줄입니다.

프리미어프로 키프레임 모션 그래픽 실습 - 영상편집 과정 교육 6

개나리 스토리 — Thu, 13 Jun 2024 02:08:28 +0900

개나리 쌤의 프리미어프로 키프레임을 이용한 모션그래픽 실습 예제

프리미어에서 키프레임이란?

키프레임(Keyframe)이란, 영상 편집에 있어서 모션을 주기 위한 변곡점이라 할 수 있습니다. A지점에서 B지점으로 어떤 이미지나 텍스트가 움직이기 위해서는 두 개 이상의 변곡점이 있어야 합니다. 이 지점이 키프레임입니다.

10초의 영상에서 문자 크기가 50px에서 100px로 커진다고 가정하면 0초에서 10초라는 사이에 두 개 이상의 키프레임이 필요합니다. 0초 지점에 50의 값을 주고, 5초 지점에 100의 값을 주면, 모션이 시작될 때 50의 크기가 5초가 되면 100이 되고 100의 값은 10초까지 새로운 값(키프레임)이 없기 때문에 끝까지 100의 값을 유지합니다.

아래 키프레임 N 개념도를 보면 5초까지 텍스트가 커지다가 10초까지 커지지 않는 키프레임 작업을 통한 모션의 결과입니다.

Keyframe N 개념도

키프레임을 이용한 모션 그래픽스 (Motion Graphics) 작업

이번 실습은 배경이 투명한 PNG 포맷의 캐릭터 이미지와 숲 영상, 사운드를 포함해서 모션작업을 하겠습니다.

1. 효과 컨트롤 (Effect Controls)의 종류와 개념

기본적으로 동작 (Motion)과 불투명도 (Opacity), 시간 다시 매핑 (Time Remapping), 오디오 (Audio)가 있습니다. 세부 내용은 다음과 같습니다.

1) 위치 (Position) : 비디오 소스의 위치를 가로 (X), 세로(Y) 축으로 이동시킵니다.

2) 비율 조정 (Scale) 비디오 소스의 크기를 조정합니다.

3) 회전 (Rotation) : 비디오 소스를 회전시킵니다. (2X45는 두 바퀴 45도를 의미합니다.)

4) 기준점(Anchor) : 비디오 소스의 중심점을 표시합니다. (주로 프로그램 패널에서 직접 위치를 조정합니다.)

5) 깜박임 제거 (Anti-flicker) : 과거 브라운관 TV나 모니터, 형광등 등에서 많이 발생하며 화면의 깜박임 현상을 제거합니다.

6) 불투명도 (Opacity) : 불투명도를 나타내며 불투명도 70%는 투명도 30%를 뜻합니다.

7) 혼합모드 (Blend Mode) : 포토샵에 있는 효과와 같습니다. 아래 트랙과 색상을 혼합합니다.

8) 속도 (Speed) : 비디오의 속도를 조절합니다.

효과 컨트롤 (Effect Controls)

효과 컨트롤 (Effect Controls)에서 키프레임 작업을 할 때 주의 사항

위와 아래 차이점은 클립을 선택했느냐 안 했느냐의 차이입니다. 꼭 클립을 선택해야 해당 효과 컨트롤 (Effect Controls) 설정 화면이 나타납니다.

2. 작업 프로세스와 첨부 파일

스토리와 작업 프로세스
안개가 낀 숲길, 멀리서 안녕맨이 걸어오고 있습니다. 흐릿하게 보이던 안녕맨이 가까워지면서 또렷하게 보입니다.
기준점 위치 조정 > 회전 반복 키프레임 > 위치 키프레임 > 비율 키프레임 > 불투명도 키프레임 > 오디오 추가 > 볼륨 키프레임
프로젝트 이름	날짜 - 안녕맨
시퀀스 이름	안녕맨

예제 파일 첨부 (같은 폴더에서 작업)

안녕맨 - State Drive.mp3

이 포스팅 과정을 학습하면 아래 영상의 결과가 나옵니다.

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

3. 모셔 그래픽을 위한 초기 세팅

1) 프로젝트 패널에 있는 '숲 Forest.mp4' 소스를 타임라인 V1 트랙에 등록합니다.

프로젝트 패널의 소스

새 시퀀스에 등록할 때 나타나는 경고

클립 불일치 경고 (Clip Mismatch Warning)

이 클립은 시퀀스 설정과 일치하지 않습니다. 클립의 설정과 일치하도록 시퀀스를 변경하겠습니까? 라는 경고 창이 뜨면 작업자의 시퀀스 설정 값으로 작업하려면 '기존 설정 유지 ( Keep existing settings )' 메뉴를, 영상 소스의 설정 값으로 시퀀스를 변경하려면 '시퀀스 설정 변경 ( Change sequence settings )' 메뉴를 선택합니다.

새 시퀀스를 만들었다는 의미는 기존 영상 소스의 설정값을 무시하겠다는 뜻이므로 기존 설정을 유지합니다.

* 항상 묻기(Always ask) 체크 해제하면 다음부터는 경고창이 뜨지 않습니다.

2) 프로젝트 패널에서 안녕맨. png 소스를 타임라인 V2에 드래그하여 등록합니다.

3) 단축키 \(￦) 키를 눌러 클립을 타임라인 패널에 맞게 확대합니다.

4) V2 클립을 드래그하여 V1 길이와 같게 합니다.

클립 드래그하여 늘리는 모습

5) V2 안녕맨 클립을 선택하고 > 마우스 우클릭으로 '프레임 크기로 비율 조정 (Scale to Frame Size)' 메뉴를 선택해서 이미지를 프레임에 맞게 채워줍니다.

프레임 크기로 비율 조정 (Scale to Frame Size)

프레임 크기로 비율 조정 (Scale to Frame Size)	프레임 크기에 맞게 조정된 값이 60%로 축소되어도 효콰 컨트롤에는 비율이 100%로 표시
프레임 크기로 설정 (Set to Framee Size)	프레임 크게에 맞게 조정된 값 그대로 표시. 60%로 축소되었다면 효과 컨트롤에 60% 로 표시

Scale to frame size 전 / 후

6) 프로그램 패널의 안녕맨 캐릭터를 더블클릭하여 기준점(Anchor Point)을 발과 발 사이로 옮깁니다.

프리미어 프로에서는 효과 컨트롤 (Effect Controls)에 있는 기준점의 값을 바꾸면 프로그램 화면 안의 이미지 위치가 옮겨지는 문제가 있습니다.

기준점을 드래그하여 이동

프리미어 프로 앵커 위치에 따른 회전 모습

7) 효과 컨트롤 (Effect Controls) 초기 세팅 값은 다음과 같습니다.

동작 (Motion)
위치 (Postition)	940/730
비율 조정 (Scale)	30
회전 (Rotation)	0
기준점 (Anchor Point)	340/1888
불투명도 (Opacity)
불투명도 (Opacity)	100

모션 그래픽 전 초기 세팅

4. 키프레임을 이용한 모션 실습 - 회전 (Rotation)

안녕맨 캐릭터가 걸어오는 모습을 표현하기 위해서 회전 값을 -3에서 3° 로 반복하겠습니다.

1) 스톱워치 타이머 모양의 아이콘 메뉴를 클릭하면 재생 헤드(Playhead)가 위치한 지점에 키프레임이 추가됩니다. 키프레임이 만들어지면 모션의 시작 값을 입력하게 됩니다. 여기서는 -3을 입력합니다.

애니메이션 켜기/끄기 (Toggle animation) 메뉴 선택 > 첫 번째 키프레임 -3 값

활성화 된 Toggle animation 메뉴를 다시 누르면 기존 키프레임이 삭제되면서 현재 값을 기준으로 초기화됩니다.

2) 타임 코드에서 재생 헤드 위치 (Playhead Position) 값 +15를 입력하고 Enter 키를 누르면 재생 헤드가 15 프레임에 위치합니다. > 효과 컨트롤 (Effect controls)에서 회전 (Rotation) 값 3을 입력합니다.

두번째 키프레임 값 3.0

3) 다시 타임 코드에서 +15를 입력하고 -3을 입력합니다.

세 번째 키프레임 값 -3.0

위와 같이 작업이 완료되면, 같은 방법으로 끝까지 키프레임을 만듭니다. 문제는 매 프레임마다 키프레임을 반복작업하기가 번거롭기 때문에 복사 붙여 넣기 형식으로 채우겠습니다.

키프레임 이동 방법

+15와 15의 차이 : +15는 현재 프레임에서 15프레임을 더해서 이동하라는 뜻입니다. 15는 15프레임 위치로 이동하라는 뜻입니다.

4) 만들어진 3개의 키프레임을 드래그하고 Ctrl + C로 복사합니다.

-3, 3, -3 의 키프레임 복사

５）복사하면 현재 재생헤드가 위치한 지점을 포함해서 3개가 복사됩니다. 따라서 다음 키프레임 두 개가 추가됩니다. > 다음 키프레임으로 이동 (Go to Next Keyframe) 아이콘을 두 번 클릭하고 > Ctrl + V 하여 또 2개를 추가합니다.

６）위와 같은 작업을 계속 반복하여 끝까지 키프레임을 만듭니다.

키프레임 복사하여 채움

５. 키프레임을 이용한 모션 실습 - 위치 (Position)

1) 재생헤드를 0초에 위치하고 > 위치 (Position) 애니메이션 켜기/끄기 (Toggle animation) 메뉴를 선택합니다. > 키프레임이 만들어지면 위치 값은 기존 940/730 그대로 둡니다.

2) 재생 헤드를 맨 뒤에 배치하면 프로그램 (Program) 패널 화면이 나타나지 않습니다. > 재생헤드를 대략 11초 지점에 위치하고 > 위치 값 1200/1050을 입력합니다.

3) 시작 지점 키프레임과 마지막 지점 키프레임 값의 차이로 다음과 같은 위치로 이동합니다.

첫 번째 키프레임과 마지막 키프레임 위치

6. 키프레임을 이용한 모션 실습 - 비율 조정 (Scale)

1) 재생헤드를 0초에 위치하고 > 비율 조정 (Scale) 애니메이션 켜기/끄기 (Toggle animation) 메뉴를 선택합니다. > 키프레임이 만들어지면 비율 값은 기존 30 그대로 둡니다.

2) 위치 (Position)의 다음 키프레임으로 이동 (Go to Next Keyframe) 아이콘을 눌러 재생헤드를 위치 (Position)과 같게 11초 지점으로 이동합니다.

3) 재생 헤드 11초 지점에서 비율 조정 (Scale) 값 60을 입력하고 > 11초 지점에 있던 두 개의 키프레임을 오른쪽 맨 끝으로 이동시킵니다.

11초 지점의 비율 조정 60의 값 입력

두 개의 키프레임을 맨 끝으로 이동

4) 시작 지점 키프레임과 마지막 지점 키프레임 값의 차이로 다음과 같은 비율로 바뀝니다.

첫 번째 키프레임과 마지막 키프레임 의 크기

7. 키프레임을 이용한 모션 실습 - 불투명도 (Opacity)

안개가 끼면 멀리 있을 때 흐리게 보이고 가까워지면 잘 보이는 것처럼 0초 지점엔 불투명도 50을, 6초 지점에 다다르면 불투명도 100의 값을 입력하여 잘 보이게 하겠습니다.

1) 재생헤드를 0초에 위치하고 > 불투명도 (Opacity) 애니메이션 켜기/끄기 (Toggle animation) 메뉴를 선택합니다. > 키프레임이 만들어지면 불투명도 값을 50으로 입력합니다.

첫 번째 키프레임에 불투명도 50의 값

2) 타임코드에 600을 입력해서 6초 지점에 재생 헤드를 위치시키고 불투명도 (Opacity) 값 100을 입력합니다.

첫 번째 키프레임에 불투명도 50의 값

3) 시작 지점 키프레임과 마지막 지점 키프레임 값의 차이로 다음과 같은 불투명도로 바뀝니다.

0초 지점 불투명도 50%, 6초 지점 불투명도 100%

8. 오디오 등록하고 마무리

1) 비디오 트랙 작업이 끝나고 오디오 트랙 작업을 하기 위해서 프로젝트 패널의 mp3 소스를 더블 클릭하여 소스 화면에서 미리 듣기 합니다.

프리미어 프로에서 오디오 편집 작업

2) 영상 길이가 대략 12초이므로 타임코드에 1200을 입력하고 종료 표시 (Mark Out) 메뉴를 선택하거나 단축키 O를 입력합니다.

12;00 지점에 Mark Out 설정

3) 오디오만 드래그로 (Drag Audio Only ) 아이콘을 드래그하여 A1 트랙에 등록하거나

Drag Audio Only 아이콘을 드래그 하여 오디오 트랙에 등록

4) 재생 헤드를 0초에 맞추고 덮어쓰기 (Overwrite)를 눌러 타임라인 A1 트랙에 등록합니다.

Overwrite 아이콘을 클릭하여 오디오 트랙에 등록

5) 오디오 소리를 점점 줄이기 위해서 마우스 커서를 볼륨 레벨선에 올리고 Ctrl + 클릭으로 키프레임을 추가합니다.

Ctrl +클릭으로 볼륨 레벨에 키프레임 추가

6) 5번과 같은 방법으로 두 번째 키프레임을 만들고 아래로 드래그하여 볼륨을 낮춥니다. 보통 -20dB 정도 이하면 소리가 안 납니다.

Ctrl + 클릭 후 아래로 드래그하여 볼륨 소리를 줄임

작업이 완료되면 Export로 mp4 동영상 파일로 만들면 됩니다. 동영상 파일로 저장하는 방법은 아래 링크를 클릭하고, 페이지의 마지막 부분에 있습니다.

[디자인 LESSONS] - 프리미어 프로 컷 편집과 저장하기 - 영상편집 과정 교육 5

프리미어 프로 컷 편집과 저장하기 - 영상편집 과정 교육 5

narie.tistory.com

프리미어 프로 컷 편집과 저장하기 - 영상편집 과정 교육 5

개나리 스토리 — Sun, 9 Jun 2024 20:36:00 +0900

프리미어 프로 삼점식 컷 편집의 기초 다지기 [실습]

실습 학습 목차

프로젝트, 시퀀스 만들기

푸티지 가져오기

시작 지점, 종료 지점 만들기

타임라인 V 트랙에 비디오 등록하기

타임라인 A 트랙에 오디오 등록하기

프리미어 프로 동영상 mp4 파일로 내보내기

새로운 프로젝트를 만들고, 시퀀스를 만들어 삼점식 컷 편집을 하고, 음악을 넣고, mp4 영상으로 내보내는 과정입니다.

이 페이지 실습 예제를 따라 하면 프리미어 프로의 전체적인 프로세스를 이해하고 기초적인 작업이 가능하게 될 것입니다.

프로젝트 이름	컷편집 기초-memories
시퀀스 이름	memories (푸들의 추억)
스토리	푸들 강아지가 어디론가 차를 타고 떠나고 있습니다. 푸들은 냐옹이를 그리워하는 듯 창 밖을 하염없이 바라보고 있습니다. 푸들의 그리움엔 아랑곳 없이 차는 점점 멀어져 가고 있습니다.

1. 프로젝트(Project) 만들고 푸티지 가져오기 (Import)

1. 프리미어 프로그램을 실행합니다. > 새 프로젝트 (New Project) 메뉴를 선택합니다.

2. 프로젝트 이름 (Project name), 프로젝트 위치 (Project location)를 지정하고 만들기 (Create) 메뉴를 선택합니다.

3. 새 항목 (New Item) 메뉴를 선택하고 시퀀스... (Sequence...) 를 선택합니다.

4. 시퀀스 프리셋 화면에서 HD 1080p 29.97 fps 을 선택하고 memories라고 시퀀스 이름을 입력합니다.

시퀀스 설정 화면

5. Ctrl +I 단축키로 소스 파일을 불러옵니다. 소스 파일은 아래 첨부된 파일을 불러오면 됩니다.

가져오기(Import) 한 소스들

2. 타임라인에 등록하기 (삼점식 편집)

1. 프로젝트 패널에서 가져온 푸들.mp4 아이콘을 더블클릭하여 선택합니다. > 소스 패널에서 재생 헤드(Playhead)로 탐색하고 원하는 시간 대에 Mark In (단축키 : M)을 선택합니다. > 타임코드(Time code)에 +200을 입력해서 시작 지점(IN)에서 2초 다음으로 재생 헤드가 이동하면 Mark Out (단축키 :O)을 선택하여 종료 지점을 만듭니다.

타임코드 사용방법
00;00;00;00 로 표시되며 각 위치 값은 [ 시간;분;초;프레임 ]입니다. 3분 25초 10프레임 위치로 이동하고 싶으면 32510을 입력하면 00;03;25;10 위치로 이동합니다. 현재 시간을 기준으로 이전 시간 2초 지점으로 이동하려면 -200을 입력하고 Enter 키를 누르면 됩니다.

2. 인 아웃 지점이 설정되면 위 이미지처럼 회색 바가 만들어집니다. 타임라인의 재생 헤드가 0초 지점에 있는지 확인하고 Insert 메뉴를 선택하거나 비디오만 드래그 아이콘을 끌어다가 직접 비디오 1번 트랙에 드래그합니다.

인(In) 아웃(Out) 지점 삭제 - 마우스 우클릭

소스 패널의 In, Out 영역을 타임라인 패널의 재생 헤드 위치에 등록하는 삼점식 편집

3. 타임라인에 등록된 푸들 영상의 클립은 상당히 작게 보일 겁니다. 타임라인 전체 시간에서 차지하는 시간이 짧아서입니다. > 단축키 ' \(￦)' 를 눌러서 클립을 확대합니다. > 클립을 약간 줄이기 위해 Backspace 왼쪽의 단축키' - ' 를 두 번 정도 누릅니다. ' = ' 누르면 확대됩니다.

타임라인 비디오 트랙(V1)에 등록된 작게 보이는 클립

단축키 '\ (￦)' 를 눌러 확대된 모습 ' - , = ' 키로 클립을 확대 축소 가능

＼(￦) Back Slash (원) 는 타임라인 패널에 소스가 등록되면 습관적으로 눌러야 하는 단축키

4. 위와 같은 방법으로 '푸들 > 자동차 > 고양이 > 주행중' 순서로 2초(02;00) 씩 배치합니다.

자동차 클립을 더블클릭하고 소스 패널의 타임코드에 400을 입력하고 Enter 키를 누릅니다. > 단축키 ' I '를 눌러 In 점을 지정합니다. > 타임코드에 +200을 입력하고 Enter 키를 누릅니다. 재생 헤드가 6초 (06;00) 지점으로 이동합니다. > 단축키 'O' 를 선택하여 In Out 지점을 완성합니다.

자동차 소스의 In(04;00) ~ Out(6:00)

5. 타임라인 재생 헤드 위치가 강아지 클립 뒷 부분에 정확히 위치했는지 확인합니다. 재생 헤드를 Shift + 드래그하면 정확하게 클립 경계선에 자석처럼 붙습니다.

Shift 키를 누른 상태로 재생 헤드 움직임

6. 자동차는 푸들과 달리 오디오가 포함된 소스입니다. 오디오를 제외하고 비디오만 등록하기 위해서 소스 패널에서 비디오만 드래그 아이콘을 누른 상태로 푸들 클립 왼쪽으로 끌어다 놓습니다. 오디오는 제외된 상태로 등록된 것을 확인할 수 있습니다.

Drag Video Only 아이콘을 끌어다 직접 트랙에 놓으면 오디오는 등록 안 됨

7. 타임라인의 시퀀스에 등록된 자동차 클립은 4K(UHD :3840X2160) 해상도라서 자동차 영상이 크게 확대되어 들어옵니다. 편집 중인 FHD (1920X1080) 화면에 맞추기 위해서 자동차 클립을 선택하고 우클릭 '프레임 크기로 비율 조정 (Scale to Frame Size) ' 메뉴를 선택합니다.

프로그램 패널의 모니터 프레임에 맞추기 위해서 Scale to Frame Size 메뉴 선택

8. 4~6번과 같은 방법으로 고양이 8초(800)~10(+200)초 지점을 타임라인 비디오 트랙에 등록합니다.

고양이 소스 In(08;00) ~ Out(10:00) 점을 트랙에 등록

9. 4~6번과 같은 방법으로 주행중 10초(1000)~12(+200) 초 지점을 타임라인 비디오 트랙에 등록합니다. > 주행 중 영상 소스가 작은 크기의 영상이므로 > 해당 클립 우클릭 > '모니터 프레임에 맞추기 (Scale to Frame Size)' 메뉴를 선택합니다.

주행중 소스 In(10;00) ~ Out(12;00) 점을 트랙에 등록 우

위와 같이 프로젝트 패널에 있는 소스들의 시작 지점 (Mark In)과 종료 지점 (Mark Out)을 지정하고 타임라인 패널 트랙에 등록하는 과정을 학습했습니다.

3. 트랙에 오디오 넣기

1. 프로젝트 패널의 bmg.mp3 오디오를 더블클릭합니다. > 소스 패널에서 0초에 시작 지점 (Mark In)을 선택하고(단축키 I ) 10초에 종료 지점 (Mark Out)을 지정(단축키 O)합니다. > 타임라인의 재생 헤드가 0초에 있는 지를 확인하고 덮어쓰기 (Overwrite) 메뉴를 선택합니다.

오디오 트랙에 10초 음악 등록

2. 오디오 클립이 비디오 클립보다 2초 정도 길게 등록되었습니다. 재생 헤드를 비디오 클립 마지막 위치에 맞추고, > 오디오 클립을 선택한 상태에서 Ctrl + K로 오디오 클립을 자릅니다. > 잘린 뒷부분을 선택하고 Delet 키를 눌러 삭제합니다.

Ctrl + K 키를 눌러 오디오 클립을 자름

3. 오디오 페이드 아웃을 만들기 위해서 두 지점에 키프레임을 만듭니다. > 대략 6초 지점 볼륨 라인에 Ctrl + 클릭을 하고 끝 지점에도 Ctrl + 클릭하여 두 개의 키프레임을 만듭니다.

Ctrl + 클릭으로

4. 오른 쪽에 있는 키프레임을 반 정도 내리면 소리가 점점 줄어들면서 Fade Out 됩니다.

왼쪽 키프레임은 고정, 오른쪽 키프레임은 내린 상태로 볼륨이 줄어듬

프리미어 프로 삽입 (Insert)과 덮어쓰기 (Overwrite)

삽입 (Insert) : 기존 클립을 다음 위치로 밀면서 클립과 클립 사이 끼어들어간다. 삽입된 영상 길이만큼 시간이 늘어난다.

덮어쓰기 (Overwrite) : 소스를 기존 클립 위치에 상관 없이 덮어 씌운다. 영상의 길이는 변하지 않는다.

4. 프리미어 프로 동영상 mp4 파일로 내보내기

1. 편집이 끝난 동영상을 내보내기 (Export)하면 최종 결과물을 배포할 수 있습니다. 상단 내보내기 (Export) 탭을 선택하거나 단축키 Ctrl + M 키를 누릅니다.

내보내기 (Export) 화면

2. 파일 이름 (File Name), 위치 (Location), 사전 설정 (Preset), 포맷 (Format)을 설정합니다.

1) 파일 이름 (File Name) : 기본적으로는 시퀀스 이름을 따릅니다. 원하는 이름을 새로 입력합니다.

2) 위치 (Location) : 동영상 파일로 저장할 위치를 지정합니다. 원하는 위치를 선택하고 저장 버튼을 누릅니다.

3) 사전 설정 (Preset) : 프리셋은 높은 비트 전송률의 소스와 같은 설정 (Match Source - Adaptive High Bitrate)을 선택합니다.

4) 포맷 (Format) : 현재 대중적으로 사용하고 있는 mp4 포맷인 H.264를 선택합니다.

미디어파일 세팅

5. 출력 (Output) 정보를 확인하고 내보내기 (Export) 버튼을 선택합니다.

Output 정보와 Export 버튼

6. 인코딩 과정을 거쳐 완성된 영상을 파일 탐색기에서 실행하면 됩니다.

인코딩 과정

파일탐색기의 파일과 미디어 플레이어 재생

H.264와 H.265 차이
H.264 - Advanced Video Coding, AVC	안드로이드폰 기본 값 OFF, 호환성이 높음,
H.265 - High Efficiency Video Coding, HEVC	아이폰 기본 값 ON, H.264에 비해 압축율 높음, 호환성 낮음

프리미어프로 단축키와 단축키 바꾸기 - 영상편집 과정 교육 4

개나리 스토리 — Sun, 9 Jun 2024 20:21:43 +0900

프리미어 프로 필수 단축키와 다른 단축키 변경하기

프리미어에서 꼭 필요한 단축키와 자주 사용하지만 없는 단축키를 추가해서 만들어보겠습니다.

같은 어도비사 프로그램이라 해도 단축키가 일관적이지 않는 경우가 많습니다. 포토샵과 일러스트레이터, 프리미어와 애프터이펙트의 단축키는 유사프로그램 특성상 같아야 하는데 같아도 될만한 단축키가 의외로 많이 다릅니다. 따라서 일부로 서로 유사하게 바꿀 수 있습니다. 다만 작업자 혼자 PC를 쓰는 경우에 해당됩니다.

여러 사람이 동시에 사용한다면 작업 중 혼동을 일으킬 수 있으므로 서로 협의하에 단축키를 바꾸는 것이 중요합니다. 그럴 때는 기본 단축키를 쓰는 것을 권장합니다.

[개나리의 전체 글] - 개나리 쌤의 유튜브 편집 과정 전체보기 (포토샵 + 프리미어)

개나리 쌤의 유튜브 편집 과정 전체보기 (포토샵 + 프리미어)

narie.tistory.com

애플 G4 A1048 무선 키보드

1. 프리미어 프로 단축키 바꾸기

프리미어 프로 단축키에서 J (역재생), K (정지), L (재생) 은 과거부터 많이 사용했던 단축키입니다. 중복 클릭하면 2배속, 4배속, 8배속으로 사용할 수 있습니다. 이 단축키를 '스페이스 바'와 '좌우 방향키'로 대체하고 J, K를 어도비 애프터 이펙트 (Adobe After Effects)에서 자주 사용하는 '이전 키프레임으로 이동', '다음 키프레임으로 이동' 단축키로 변경하겠습니다. 프리미어 프로는 기본적으로 컷 편집용 프로그램이지만 최근 키프레임의 사용 빈도가 늘어나고 있습니다. 여기에 맞추어 단축키를 만들어 보겠습니다.

1) 편집 > 키보드 단축키 ( Edit > Keyboard Shortcuts... ) 메뉴를 선택합니다.

2) 단축키 변경 프로세스는 키보드 언어를 영어로 바꾸고 > 단축키를 사용하려는 메뉴를 검색해서 > 해당 목록을 찾아 선택합니다. > 단축키를 눌러 적용시키고 > 저장하면 됩니다.

3) 오른쪽 상단의 키보드 언어를 영어로 바꾸어야 합니다. 프리미어 프로 단축키를 사용할 때 키보드가 한글 모드일 때는 동작하지 않습니다. 맥북 (MacBook)이나 아이맥 (iMac) 등 맥용 애플컴퓨터는 한영 모드 상관없이 작동됩니다.

프리미어 프로 키보드 단축키 화면

4) 검색창에 내용을 입력합니다. '이전 키프레임 (previous keyframe)'이라고 검색하면 해당 목록이 나타납니다.

이전 키프레임 선택 ( Select previous Keyframe )

5) 해당 모록을 선택하고 마우스 커서가 위치한 지점을 클릭합니다. 어두운 박스가 표시돼야 단축키가 입력됩니다.

6) 키보드에서 J를 누릅니다. 기존에 이미 단축키가 있기 때문에 경고 메시지가 나옵니다.

단축키 J 입력

7) 다음 키프레임 선택 (Select next Keyframe) 도 같은 방법으로 추가하면 됩니다.

다음 키프레임 선택 ( Select next Keyframe )

8) 단축키 입력을 마치면 다음과 같이 키보드 J와 K 키에 내용이 바뀐 것을 확인할 수 있습니다. 이제 확인 (OK) 버튼을 누르면 완료됩니다. 이제 프리미어 프로와 애프터 이펙트가 이전 키프레임 선택과, 다음 키프레임 선택을 같은 단축키로 사용할 수 있습니다.

2. 프리미어 프로 단축키 목록

프리미어에서 자주 사용하는 단축키 목록은 다음과 같습니다.

Ctrl + N	새로운 시퀀스
Ctrl + O	프로젝트 열기
Ctrl + I	소스 가져오기
Ctrl + ＼(￦)	프리미어 프로 전체화면 모드

Space Bar	재생, 정지
Ctrl + Shift + Space Bar	시작(In) 종료(Out) 지점 재생
Shift + Space Bar	처음부터 재생
Enter	렌더링 및 재생
＼(￦)	클립 전체 보기
-, =	클립 길이 축소, 확대 보기
` (Grave accent)	커서가 위치한 패널 확대 보기
Shift + Del / Alt + Backspace	클립과 여백 동시 삭제

◀	이전 프레임(Shft + ◀: 5프레임 씩) 재생 헤드 이동
▶	다음 프레임(Shft + ▶: 5프레임 씩) 재생 헤드 이동
▲	이전 경계 지으로 재생 헤드 이동
▼	다음 경계 지점으로 재생 헤드 이동
Alt + ◀	이전 프레임으로 클립 이동
Alt + ▶	다음 프레임으로 클립 이동

Ctrl + 클립 드래그 선택	관통 편집물(through Edits) 선택
Alt + 클립 드래그	클립 복사
Alt + 클립 선택	비디오 오디오 클립 개별 선택
Ctrl + K	선택된 클립 자르기
Shift + Ctrl + K	모든 트랙 클립 자르기
클립 커팅 부분 선택 후 Del	커팅 된 클립 연결 (Join Through Edits)
W	재생헤드 다음 클립영역 삭제
Q	재생헤드 이전 클립영역 삭제

M	마커 추가
Shift + M	다음 마커로 이동
Ctrl + Shift + M	이전 마커 이동
I	시작 표시
O	종료 표시
, (Comma)	ON 소스 패치 트랙에 삽입
. (period)	ON 소스 패치 트랙에 덮어 쓰기

D	재생 헤드에 걸친 ON 트랙의 클립 선택
Ctrl + D	비디오 전환
Ctrl + Shift + D	오디오 전환
Shift + D	오디오, 비디오 모두 전환

프리미어프로 영상편집의 기초 - 영상편집 과정 교육 3

개나리 스토리 — Sun, 9 Jun 2024 18:24:26 +0900

영상편집의 기초 - 프로그램 실행하기와 화면 구성

어도비 프리미어프로 (Adobe Premiere Pro) 프로그램 실행하기

1. 처음 시작 화면에서 왼쪽 상단에 New Project 버튼을 클릭합니다.

다음과 같은 화면에서 초기 세팅을 하고 시작해야 합니다. 프리미어 프로는 시작할 때 프로젝트 파일명, 저장할 위치를 꼭 지정하고 시작합니다. 그래야 작업 중 문제가 생겨도 복원이 가능합니다.

참고로 프리미어는 작업 내용을 Adobe Premiere Pro Auto-Save 폴더에 수시로 저장합니다. 문제가 생기면 현재 저장한 프로젝트 파일과 같은 폴더에서 찾아 시간 순으로 이전 작업내역을 찾아 복구할 수 있습니다.

New Project 시작 화면

1) 프로젝트 이름 ( Project name)을 정합니다. '날짜-제목' 형식을 추천합니다. 그래야 나중에 작업한 프로젝트를 찾기가 쉽습니다.

2) 프로젝트 위치 (Project location)를 정합니다. 목록에 저장하려는 위치가 없으면 위치 선택(Choose Location...) 메뉴를 선택해서 폴더를 지정합니다.

프로젝트(Project) 파일과 푸티지 (footage) 파일을 같은 폴더에 넣고 작업하는 것을 권장합니다.

[개나리의 전체 글] - 개나리 쌤의 유튜브 편집 과정 전체보기 (포토샵 + 프리미어)

개나리 쌤의 유튜브 편집 과정 전체보기 (포토샵 + 프리미어)

narie.tistory.com

프리미어 프로를 이용한 작업시 중요한 점은 프로젝트 파일과 푸티지 파일들을 같은 위치에 넣고 작업하는 것을 권장합니다. 프로젝트 파일은 기본적으로 소스들을 링크(link)형식으로 연결하고 있기 때문에 소스들의 위치 경로가 바뀌면 프로젝트 파일을 불러와서 편집, 수정하려고 할 때 다음과 같은 메시지가 뜨면서 잃어버린 경로를 설정하라고 나옵니다.

프로젝트와 연결된 소스 위치가 바뀌어 나타난 경고창

링크 미디어 (Link Media) 경고창이 뜨면 찾기 버튼(Locate)으로 경로를 다시 지정해야합니다. 이러한 문제로 인해서 같은 경로에서 작업하기를 권장합니다.

아니면 미디어 복사 (Copy media) 메뉴를 이용할 수 있습니다. Copied files destination : Same as project 를 선택하면 처음 프로젝트를 만들 때 흩어져 있는 소스를 프로젝트 파일이 있는 폴더로 복사해줍니다.

프로젝트와 같은 경로로 복사

푸티지 (footage)

영상 제작시 미편집한 원본 소스

나만의 작업 영역 (Workspaces) 만들기

다음 이미지는 프리미어 프로를 설치하고 처음 프로젝트를 만들었을 때 화면입니다. 기본 화면은 학습(Learning) 화면입니다. 가장 많이 사용하는 작업 영역은 편집 (Editing), 어셈블리 (Assembly), 세로 (Vertical), (기본) Essentials 등이 있습니다. 물론 사용 목적에 맞게 다른 설정들도 수시로 바꾸며 작업할 수 있습니다. 결국엔 작업자 취향이 가장 중요하겠죠. ^^

첫 작업 영역 화면

편집 (Editing) 작업 영역을 기준으로 개인의 작업 영역을 만들어보겠습니다.

편집 (Editing) 기본 화면

1. 자주 사용 안하는 패널 닫기 - 닫으려는 패널 메뉴에 마우스 우클릭으로 패널을 닫습니다.

작업 영역에서 제외하려는 패널 닫기

위와 같은 방법을 이용해서 오디오 클립 믹서 (Audio Clip Mixer), 메타데이터 (Metadata), 라이브러리 (Libraries), 정보 (Info), 마커 (Markers), 작업 내역 (History)를 닫습니다. 그러면 다음과 같이 소스 (Source), 효과 컨트롤 (Effect Controls), 효과 (Effects), 프로젝트 (Project), 프로그램 (Program), 타임라인 (Timeline) 패널만 남습니다.

개인 작업 영역

2. 개인 작업 영역 저장 - 창 > 작업 영역 > 새 작업 영역으로 저장... (Window > Workspace > Save as New Workspace...) 메뉴에서 이름을 지정하고 확인 버튼을 누릅니다.

새 작업 영역 (New Workspace)

'개나리' 작업 영역이 만들어졌습니다. 여러 사람이 쓰는 컴퓨터의 경우 작업 환경이 달라지면 아래에 있는 '저장된 레이아웃으로 재설정 (Reset to saved layout)' 메뉴를 선택하면 초기 저장된 작업 영역 화면으로 바뀝니다.

저장된 레이아웃으로 재설정 (Reset to saved layout)

시퀀스 (Sequence) 만들기

프로젝트 패널에는 영상, 이미지, 오디오 , 시퀀스들이 모여있습니다. 여기서 시퀀스는 또 영상, 이미지, 오디오 등을 포함합니다. 이 시퀀스는 프로젝트 내에서 한 개 이상의 Shot으로 이루어진 장면을 의미합니다. 여러 Shot이 시퀀스를 구성하고 있습니다. 쉽게 설명하면 여러 소스들을 모아서 하나의 장면을 만든다고 생각하면 됩니다.

긴 시간의 영상 편집에서는 이런 짧은 시퀀스 여러 개를 모아서 또 하나의 긴 시퀀스가 됩니다. 파일 탐색기의 폴더 개념을 생각하면 됩니다. 폴더는 여러 요소들로 모여있지만 이 폴더도 상위 폴더에서는 하나의 요소로 포함됩니다.

시퀀스를 만드는 방법은 다음과 같습니다.

파일 > 새로 만들기 > 시퀀스... (File > New > Sequence...) 메뉴를 이용하거나 단축키 Ctrl + N 을 사용합니다. 마지막 방법은 프로젝트 패널에서 새 항목 (New Item) 메뉴를 선택합니다.

New Sequence

시퀀스 프리셋

프리셋 화면에서 원하는 시퀀스 설정을 지정하고 시퀀스 이름을 입력하고 확인 버튼을 누릅니다.

프리셋에는 기본적으로 HD 1080p, Social, UHD (4K) 등이 있습니다. 원하는 편집 화면을 지정합니다. 여기서 특히한 것은 소셜 내용이 추가되었습니다. 소셜미디어에 올릴 영상을 만들 때 사용하면 됩니다.

프리미어 프로 패널의 작업 프로세스

프리미어 프로의 작업 프로세스는 사용할 영상 소스를 불러와서 선택하고 > 선택한 영상을 소스 패널에서 편집할 IN, OUT 지점을 정한 후 > 타임코드에 있는 시퀀스 트랙에 옮깁니다. > 타임코드로 옮긴 영상 IN, OUT은 클립 형태로 비디오, 오디오 트랙에 등록되며 이곳에서 세밀한 컷 편집을 통해 > 프로그램 패널에서 결과를 모니터링합니다.

푸티지를 확인하고 타임라인 패널에서 시퀀스 편집 (3점식 편집)

삼점식 편집
영상 편집에 있어서 세 개의 편집점을 사용하여 타임라인에 재생헤드 위치에 클립을 배치하는 방법입니다. 편집점은 소스 패널에서 시작점 (IN), 종료점 (OUT), 타임라인 패널 편집점을 뜻합니다.

작업은 프로세스 : 프로젝트 패널에서 원하는 소스를 선택하고 > 소스 패널에서 영상의 IN, OUT 점을 선태합니다. > 마지막으로 재생 헤드(PlayHead) 위치의 타임라인 트랙에 배치합니다.

컷 편집 중에 클립에 어떤 효과를 적용하고 싶으면 > 효과(Effects) 패널에서 원하는 패널을 골라서 > 시퀀스에 등록된 클립에 드래그하여 적용합니다. > 적용된 효과는 효과 컨트롤 (Effect Controls) 패널에서 효과 값을 제어합니다. > 그 값이 적용된 상태로 프로그램 패널에서 결과를 모니터링합니다.

효과 적용과 효과를 제어하는 컨트롤

패널 확대 축소

프리미어 프로로 영상 편집 작업 시 확대하려는 패널 위에 마우스 커서를 올려 놓고 단축키 [ ` (Grave accent) ]를 눌러 확대 축소를 할 수 있습니다. 이렇게하면 부족한 화면을 효율적으로 이용할 수 있습니다.

프로젝트 패널 확대하기 위한 단축키 [ ` 그레이브 액센트]

모니터 최대 확대 된 프로젝트 패널

[디자인 LESSONS] - 프리미어프로 단축키와 단축키 바꾸기 - 영상편집 과정 교육 4

[디자인 LESSONS] - 프리미어 프로 컷 편집과 저장하기 - 영상편집 과정 교육 5

[디자인 LESSONS] - 프리미어프로 키프레임 모션 그래픽 실습 - 영상편집 과정 교육 6

[디자인 LESSONS] - 사진으로 동영상 만들기 실습 - 프리미어 프로 강좌 7

유튜브 촬영 장비 - 영상편집의 기초 - 영상편집 과정 교육 2

개나리 스토리 — Sun, 9 Jun 2024 17:10:41 +0900

유튜버가 되기 위한 유튜브 촬영장비를 알아보자!

대한민국은 전 세계적으로 인구대비 유튜버 비율이 톱클래스에 해당되는 나라입니다.

대부분의 국민들이 고학력자라 새로운 직업군에 대한 직업교육에 대한 열의도 높고, 이슈를 잘 따라가는 국민성도 한 몫합니다. 모든 국민들이 한 이슈를 따라가는 속성 때문에 과다경쟁이 되고 그 결과 그 업종의 인력과잉으로 열정페이 직업군으로 전락하고 또 다른 이슈를 찾아 떠납니다.

아이러니하게도 이러한 국민들의 쏠림현상이 얼마 전까지 인력이 몰리던 웹디자인, 코딩 쪽의 인력이 줄어드는 결과를 낳고 있습니다. 이젠 웹 분야 과잉인력으로 인한 경쟁자가 줄수도 있지 않을까 하는 뇌피셜 ^^

어쨌든 현재 시점의 대한민국은 유튜브 공화국입니다. 시청뿐만 아니라 스스로 콘텐츠를 생산하기에 이르렀습니다. 이에 따라 장비수요가 늘기 시작했고, 이에 대한 정보는 다음과 같습니다.

1. 스마트폰과 카메라
2. 안드로이드 폰과 아이폰
3. 카메라, SLR, DSLR, 미러리스 차이
4. 짐벌, 액션캠, 드론, 그린스크린, 마이크, 삼각대, 조명

유튜브 라이브 방송을 위한 스튜디오 세팅

1. 스마트폰, 카메라 무엇으로 촬영해야 할까?

자본주의 국가답게 금전적 여유에 맞게 촬영장비를 선택하는 것이 가장 중요합니다. 이유는 가격대가 비싸기 때문에 쉽게 구매했다가 사용도 못하고 바로 중고나라나 당근마켓으로 직행하는 경우가 생깁니다. 처음부터 고퀄리티가 아닌, 배워가면서 장비를 업그레이드하는 것을 추천합니다.

시작단계에서는 스마트폰으로 촬영해도 충분하다고 할 수 있습니다. 요즘 스마트폰은 손떨방 기능도 짐벌 못지않기 때문에 퀄리티면에서는 크게 걱정 안 해도 됩니다.

2. 스마트폰, 안드로이드 폰, 아이폰 무엇을 살까?

과거에는 확실히 아이폰이 카메라 성능이 좋았습니다. 하지만 지금은 삼성과 애플을 떠나 다른 제조사들을 비롯해서 상향 평준화가 이루어졌습니다. 따라서 크게 고민할 필요는 없습니다. 다만 동영상 촬영 시 손떨림 방지 기능이 있는 제품을 선택해야겠죠.

참고로 스마트폰에 렌즈가 두 개, 세 개 이렇게 있는데 이게 괜히 있는 게 아닙니다. 카메라로 치면 카메라 바디에 렌즈 3 개를 들고 다니는 걸 내장시킨 거라 보면 됩니다. 그래서 스마트폰 가격이 카메라 렌즈 때문에 많이 비쌉니다.

렌즈를 들고다녀야 하는 카메라와 렌즈 3개 달린 스마트폰

3. 카메라, SLR, DSLR, 미러리스 차이는 뭘까?

SLR

2000년 이전에 많이 사용하던 Single-Lens Reflex 카메라입니다. 필름 기반의 카메라입니다. 렌즈를 통해 들어온 빛이 거울을 통해 뷰파인더로 들어오는 원리 작동하는 전문가용 카메라입니다.

SLR 필름 카메라

DSLR

2000년 대 들어오면서 인기를 끌기 시작해서 2010년 중반까지 시장을 선도했습니다. Digital Single-Lens Reflex 카메라는 필름을 디지털 센서로 대체하였고 필름 인화과정 없이 바로 메모리에 저장되는 방식을 갖고 있어 디지털 시대에 최적화된 전문가용 카메라입니다.

필름대신 이미제 센서가 장착된 DSLR

미러리스 (Mirrorless)

DSLR 이후 현재 시장을 지배하고 있습니다. Mirrorless 카메라는 거울을 제거한 전자식 뷰파인더를 채택하고 있습니다. 이러한 이유로 DSLR에 비해 소형화 경량화가 가능하게 되었고 동영상 촬영에 강점을 보이고 있습니다.

미러가 삭제된 미러리스 카메라

결론적으로 카메라 대세는 미러리스입니다. 이젠 기존 카메라 회사에서도 DSLR 모델을 단종시켜나가고 있고 DSLR 전용렌즈는 더 이상 출시하지 않는 추세입니다.

SLR은 내연기관 자동차, DSLR은 하이브리드 자동차, 미러리스는 전기 자동차라고 생각하면 이해하기 쉽습니다.

4. 그 밖의 장비 짐벌, 액션캠, 드론, 그린스크린, 마이크, 삼각대, 조명

짐벌 (Gimbal)

카메라와 스마트폰과 연결해서 사용하는 장비로 촬영할 때 흔들림을 최소화합니다. 미러리스나, 스마트폰 자체적으로도 손떨방 기능이 있기는 하지만, 좀 더 부드럽게 영상을 촬영하고 싶을 때 사용합니다. 극단적으로 뛰어도 안정적인 화면 영상을 촬영할 수 있고, 피사체를 자동으로 추적하는 등 다양한 옵션이 있습니다.

단점은 무게와 휴대성에서 문제가 있지만 촬영의 퀄리티를 높이는 데 이만한 장비가 없습니다.

미러리스 카메라 짐벌과 스마트폰 짐벌

액션 캠 (Action Cam)

휴대성에 최적화된 촬영장비입니다. 손떨림 방지가 잘되고, 광각 렌즈를 사용하므로 주변 환경을 넓게 촬영할 수 있습니다. 악족건 환경 촬영에 유리하며, 브이로그 용으로 많이 사용하며 익스트림 스포츠, 여행 유튜버 등에 최적화되어 있습니다. 단점은 빛이 약한 야간 촬영에 취약한 편입니다.

헬맷에 착용한 액션캠

드론 (Drone)

방송 촬영에서 먼저 사용되었고, 헬리캠이라고도 불리었습니다. 드론에 카메라를 장착하여 촬영하는 장비입니다. 가격이 저렴해져 대중화되었으며 영상 제작자 외에도 최근엔 건설, 부동산 관련 종사자들도 많이 사용하는 편입니다. 장비를 구매하기 전에 드론 자격증 4종 이상을 먼저 취득해야 특정 지역에서는 촬영 허가를 받을 수 있습니다.

드론 캠 촬영하는 이미지

그린 스크린

영상 배경을 합성하기 위해 사용하는 장비입니다. 천, 벽에 페인트 칠, 벽지, 천 등 어떤 형태든 상관없습니다. 합성은 프리미어 프로와 같은 영상 편집 프로그램이나 OBS 스튜디오 같은 라이브 방송 앱에서 설정할 수 있습니다.

카메라 삼각대, 조명, 그린스크린

마이크

정보를 제공하기 위해서는 음성 목소리도 중요합니다. 요즘은 Ai 목소리가 대체하기도 하지만 신뢰도면에서는 본인 목소리를 녹음하는 것을 권장합니다. 촬영 장비에는 기본적으로 마이크가 내장되어 있습니다.

촬영장비에 장착한 마이크

외장 마이크	촬영 장비에 장착한 마이크
핀 마이크	옷깃에 장착한 마이크로 무선 송신기와 수신기로 통신
이어폰 마이크	스마트폰 용 이어폰 마이크로 의외로 음질 좋음
실내용 마이크	스튜디오에서 촬영할 때 사용하는 마이크

삼각대와 조명

삼각대는 카메라를 고정시켜 촬영하는 장비입니다. 카메라가 고정된 상태로 촬영하기 때문에 장 시간 장소가 바뀌지 않는 스튜디오나 야외에서도 고정된 위치서 흔들릴지 않게 촬영할 때 사용합니다. 단점으로는 휴대성이 떨어지는 것이 단점이나 영상의 퀄리티를 높이는 데 필요합니다.

삼각대에 고정된 카메라

조명의 경우 빛이 부족한 장소에서 촬영할 때 사용합니다. 빛이 부족하면 영상 촬영 시 노이즈가 생기기 쉽습니다. 노이즈를 줄이는 역할을 하며 조명 위치에 따라 피사체의 분위기 등을 연출할 수 있습니다.

스마트폰을 링 조명 안에 연결하여 촬영하는 링 조명도 많이 사용하고 있습니다.

링 조명

그린스크린 앞에서 라이브 방송하는 모습

위에서 열거한 모든 촬영장비를 처음부터 무리해서 구매하기보다는 스마트폰으로 시작하는 것을 추천합니다. 여유가 되면 야외 촬영은 액션캠 위주로 하고 실내 방송은 미러리스 카메라를 추천합니다.

프레임, 해상도, 영상편집의 기초 - 영상편집 과정 교육 1

개나리 스토리 — Sun, 9 Jun 2024 17:00:21 +0900

영상편집 과정 교육 - 프레임과 해상도에 대해서 알아보기

프레임(Frame) 의 개념과 이해 - 24프레임, 25프레임 30프레임

프레임이란? 동영상을 구성하는 작은 단위로 각 프레임은 하나의 정지된 이미지를 뜻합니다. 이런 정지된 이미지가 연속적으로 보여주면 움직이는 영상이 됩니다.

가장 대표적인 것이 플립 북 (Flip book)입니다.

플립북 : 책장에 연속적인 그림을 그려서 빠르게 넘기면 마치 움직이는 애니메이션처럼 보입니다. 영화가 초기에 활동 사진(motion picture)이라고 불리운 이유가 있겠죠. ^^ 이처럼 한 페이지 한페이지를 영상에서는 프레임이라고 합니다.

플립 북 - 각 페이지에 연속적인 동작을 그리고 책장을 넘기면 움직이는 영상처럼 보인다.

위와 같은 원리로 필름속의 연속적인 사진을 빠르게 돌리면 활동사진(motion picture)가 되고 이것이 영화의 시초가 됩니다. 이 필름을 초당 24장을 볼 수 있게 돌리면 24fps (Frame Per Second)가 됩니다.

필름 프레임 속의 연속된 동작

영상 프레임 종류
48fps, 60fps, 120fps [* 24 fps (23.976) ]	영화, 광고
50fps [* 25 fps]	유럽 방송 규격
60fps [* 30 fps (29.97) ]	미국 방송 규격
120, 240 fps	고속 촬영 - 슬로우 모션에 유리
[ * 전통적인 방식 ]

위 표는 각 매체별 사용하는 프레임 수 입니다. 24, 30프레임이 정확하지 않다는 것이 이상할 것입니다. 내용이 상당히 복잡한데 간단히 이야기하면 흑백 텔레비젼이서 컬러 텔레비젼으로 바뀌는 시점에서 흑백TV와의 호환성 문제 때문에 일부 프레임에 컬로신호를 집어넣어 기존 30프레임을 유지하였습니다. 이 방송 규격이 틀어지니 영화의 규격에도 영향을 받아 원래 24fps 였던 영화 프레임이 23.976이 된 것입니다.

그래서 30프레임(29.97)촬영 시 1분마다 2프레임의 오차가 생기는 데 이걸 보정해서 건너뛰는 것이 drop 방식입니다. 이 방식으로 편집하면 1분 시간 위치가 1분 2프레임으로 건너뜁니다. none drop 방식은 시간의 오차를 감안하고 그냥 프레임 단위로 촬영합니다. 문제는 이렇게 none drop 방식으로 촬영하면 1시간 짜리 영상에 3.6초의 오차가 생깁니다. 그래서 짧은 영상에서는 사용 가능하나 한국 방송환경이 drop 방식이므로 drop 방식을 추천합니다.

드롭 프레임 시간 코드 ( drop 방식 )

비드롭 프레임 시간 코드( none drop 방식 )

한국 TV 방송 규격의 변천사

시대	방송 방식	해상도 프레임	속도	색 공간	특징
1961	흑백 아날로그	525i (NTSC)	30	-	대한민국 최초 TV 방송 시작 (KBS)
1980	컬러 아날로그	525i (NTSC)	30	-	컬러 TV 방송 전면 도입
2001	지상파 디지털 (DTV)	1920×1080i (HD)	60i	Rec. 709	디지털 방송 시험 송출 시작
2012	지상파 디지털 완전 전환	1920×1080i (HD)	60i	Rec. 709	아날로그 방송 종료
2017	지상파 UHD (ATSC 3.0)	3840×2160p (4K UHD)	60p	Rec. 2020	세계 최초 지상파 UHD 방송 도입

한국은 2017년 세계 최초로 지상파 4K UHD 방송(ATSC 3.0)을 도입했으며, 현재는 60Hz(60fps)로 송출됩니다. 한국을 제외한 국가 대부분은 2020년 이후 4K UHD 서비스가 시작되었습니다.

영상 해상도 FHD와 UHD 비교

해상도는 가로 세로 픽셀수를 말합니다. 일반적으로 가장 대중적으로 사용하는 모니터는 FHD 1920X1080 픽셀이고 이 보다 면적대비 4배의 픽셀이 있는 디스플레이가 UHD 3840X2160이 있습니다. 가격은 보통 현재 시점으로 두 배 이상 비쌉니다.

FHD, UHD 픽셀 수 비교

위 사진을 보면 32인치 모니터라 가정하면 FHD 픽셀이 UHD 모니터 크기로 늘리면 픽셀이 커지면서 해상도가 떨어집니다. 이것이 FHD와 UHD 모니터의 해상도 차이를 나타냅니다. 픽셀에 대한 내용은 아래 링크를 클릭하면 확인할 수 있습니다.

해상도
SD (Standard Definition)	720X480
HD (High-Definition)	1280X720
FHD (Full High-Definition)	1920X1080
4K UHD (Ultra High-Definition)	3840X2160
8K UHD (Ultra High-Definition)	7680X4320

[디자인 LESSONS] - 포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

narie.tistory.com

개나리 쌤의 유튜브 편집 과정 전체보기 (포토샵 + 프리미어)

개나리 스토리 — Sun, 9 Jun 2024 14:42:02 +0900

포토샵을 이용한 유튜브 썸네일 만들기와 영상편집하기

포토샵의 기초부터 레이어 스타일 문자 디자인 등의 예제와 소스파일이 첨부되어 있습니다.

유튜브 썸네일 작업을 할 수 있도록 체계적으로 단계적으로 정리되어 있습니다.

유튜브 영상 작업을 위한 프리미어 프로 편집 기초와 키프레임의 활용, 사진으로 영상 만들기, 자막 작업 등의 내용으로 이루어져 있습니다.

유튜버가 되기 위한 포토샵과 프리미어 프로

디자인 LESSONS] - 포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

narie.tistory.com

[디자인 LESSONS] - 포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

narie.tistory.com

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

narie.tistory.com

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

narie.tistory.com

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

narie.tistory.com

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

narie.tistory.com

[디자인 LESSONS] - 프레임, 해상도, 영상편집의 기초 - 영상편집 과정 교육 1

프레임, 해상도, 영상편집의 기초 - 영상편집 과정 교육 1

narie.tistory.com

[디자인 LESSONS] - 유튜브 촬영 장비 - 영상편집의 기초 - 영상편집 과정 교육 2

유튜브 촬영 장비 - 영상편집의 기초 - 영상편집 과정 교육 2

narie.tistory.com

[디자인 LESSONS] - 프리미어프로 영상편집의 기초 - 영상편집 과정 교육 3

프리미어프로 영상편집의 기초 - 영상편집 과정 교육 3

narie.tistory.com

[디자인 LESSONS] - 프리미어프로 단축키와 단축키 바꾸기 - 영상편집 과정 교육 4

프리미어프로 단축키와 단축키 바꾸기 - 영상편집 과정 교육 4

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 컷 편집 기초 - 영상편집 과정 교육 5

프리미어 프로 컷 편집 기초 - 영상편집 과정 교육 5

narie.tistory.com

[디자인 LESSONS] - 프리미어프로 키프레임 모션 그래픽 실습 - 영상편집 과정 교육 6

프리미어프로 키프레임 모션 그래픽 실습 - 영상편집 과정 교육 6

narie.tistory.com

[디자인 LESSONS] - 사진으로 동영상 만들기 실습 - 프리미어 프로 강좌 7

사진으로 동영상 만들기 실습 - 프리미어 프로 강좌 7

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로에서 문자 디자인을 위한 기본 그래픽 (Essential Graphics)

프리미어 프로에서 문자 디자인을 위한 기본 그래픽 (Essential Graphics)

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 텍스트 인트로 영상 만들기 - 1

프리미어 프로 텍스트 인트로 영상 만들기 - 1

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 타이핑 효과 인트로 영상 만들기 - 2

프리미어 프로 타이핑 효과 인트로 영상 만들기 - 2

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 마스크 텍스트 모션과 템플릿 - 3

프리미어 프로 마스크 텍스트 모션과 템플릿 - 3

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 동영상 그래픽 자막 넣기 1

프리미어 프로 동영상 그래픽 자막 넣기 1

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 동영상 캡션 자막 (SRT) 만들기 2

프리미어 프로 동영상 캡션 자막 (SRT) 만들기 2

프리미어 프로 동영상에 자막 넣기 - 캡션 자막 전통적인 그래픽 자막에 이어 캡션 자막은 2021 버전부터 본격적으로 사용되었습니다. 캡션 자막은 SRT 파일로 저장하여 유튜브나 기타 동영상 자

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 동영상 자동 자막 (AI) 3

프리미어 프로 동영상 자동 자막 (AI) 3

narie.tistory.com

[디자인 LESSONS] - 크로마키에 대해서 총정리 그리고 버츄얼 스튜디오

크로마키에 대해서 총정리 그리고 버츄얼 스튜디오

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로에서 크로마키 활용

프리미어 프로에서 크로마키 활용

narie.tistory.com

[디자인 LESSONS] - 프리미어 프로 영상에 모자이크 블러 효과 적용하기

프리미어 프로 영상에 모자이크 블러 효과 적용하기

narie.tistory.com

유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

개나리 스토리 — Sat, 8 Jun 2024 08:45:14 +0900

유튜브 썸네일 만들기 예제 강좌 - 포토샵 기초 강좌 최종

유튜브 썸네일 강좌 최종입니다.

포토샵을 전혀 못하는 분은 이전 강좌를 학습하세요. 예제 파일은 페이지에 파일 첨부로 올라와 있습니다.

유튜브 썸네일 이미지 사이즈는 정해진 사이즈가 있는 것은 아니지만 비율은 16:9로 맞추는 것을 권장합니다.

포토샵이나 기타 그래픽 프로그램을 이용하는 방법과, 영상 편집 중 맘에 드는 장면을 캡처해서 사용하는 방법, 유튜브 영상 올릴 때 사이트에서 자동으로 추천하는 이미지 중 선택해서 사용하는 방법이 있습니다. 원하는 방법을 선택하면 됩니다.

소스 파일 첨부

이전 강좌

1. [디자인 LESSONS] - 포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

2. [디자인 LESSONS] - 포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

3. [디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

4. [디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

5. [디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

새 도큐먼트 만들고 이미지 가져오기

1. 포토샵을 실행하고 새 파일 (New file) 메뉴를 선택합니다. > 새 문서 창이 뜨면 제목을 적고 폭(Width) 1920, 높이(Height) 1080, 해상도(Resolution) 72 , 색상 모드(Color Mode) RGB, 배경 내용(Background Contents) 화이트로 설정하고 만들기(Create) 메뉴를 선택합니다.

새 문서 설정 화면 (단축키 Ctrl + N)

포토샵 작업 전 화면

2. 파일(File) > 포함 가져오기...(Place Embedded...) 메뉴를 선택하고 'beach illust.png' 파일을 불러옵니다. > ' Ctrl + - '를 눌러 캔버스를 축소하고 모서리 부분을 확대해서 좌우 빈 공간을 채웁니다.

포함하여 가져오기 (Place Embedded)한 이미지

이미지를 확대하여 좌우 빈공간 채움

파일(File) > 포함 가져오기...(Place Embedded...)

작업중인 도큐먼트에 새로운 이미지가 고급 개체(Smart Object) 형식으로 들어옵니다. 고급 개체는 자르거나 색칠하는 등 레이어 자체를 변형을 시킬 수 없습니다. 마스크를 이용한 작업을 하거나 레이어의 썸네일을 더블클릭하여 내부에서 수정할 수 있습니다. 레이어를 축소시켰다가 확대해도 원본을 건드린 것이 아니기 때문에 픽셀 손상이 없는 장점이 있습니다.

3. 파일(File) > 열기...(Open...) 메뉴를 선택하고 '상품설명.jpg' 파일을 불러옵니다.

4. 선택(Select) > 피사체(Subject) 메뉴를 선택하거나 도구바에서 개체 선택 도구(Object Selection Tool)를 이용해서 선택합니다.

모드: 올가미(Lasso) 설정 후 개체 선택 도구(Object Selection Tool) 선택

5. 피사체를 올가미로 피사체를 감싸주고 단축키 Ctrl + C로 복사합니다.

6. 단축키 V 눌러 기본 도구인 이동 도구(Move Tool)로 바꾸어줍니다. > 이전에 불러온 'beach illust.png'에

7. 레이어 스타일의 그림자(Drop Shadow) 효과를 적용합니다. 레이어 스타일의 설명은 이전 강좌에 자세히 설명하고 있습니다.

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

narie.tistory.com

레이어 스타일 그림자 (Drop Shadow) 효과 작업

문자 입력하고 색칠하기

1. 수평 문자 도구 (Horizontal Type Tool)를 선택하고 > 문자를 입력할 위치에 클릭합니다. 이때 Lorem Ipsum 문장은 타이핑하는 순간 사라지기 때문에 삭제하려고 Delete 키를 누를 필요 없습니다. > 옵션 바에서 굵은 폰트를 선택하고 > 폰트 크기를 150pt로 맞춥니다.

2. '나리 해변에서~' 입력하고 '나리'를 드래그합니다. > 옵션 바에서 폰트 크기 200을 입력하고 Enter 키를 누릅니다.

3. 단축키 V 눌러 이동 도구 (Move Tool)로 바꾸고 적절한 위치에 배치합니다.

4. 입력한 문장을 더블클릭하면 입력모드로 바뀝니다. > '나리'를 드래그하여 선택하고 옵션 바에서 색상 아이콘을 클릭합니다.

5. 색상 피커 (Color Picker) 창에서 R: 233 G: 83 B: 83을 입력합니다.

6. '해변에서~'를 드래그하여 선택하고 옵션 바에서 색상 아이콘을 클릭합니다.

7. 색상 피커 (Color Picker) 창에서 컬러 값을 입력하지 않고 마우스 커서를 이미지로 옮기면 스포이드 도구로 바뀝니다. 이때 원하는 색을 클릭하여 선택합니다.

8. 위 1~4번과 같은 순서로 '숨겨진 보물을 찾다!' 라고 입력합니다.

옵션은 문자 크기 150pt / 180pt, 색상 R: 255 G: 255 B: 255 / R: 180 G: 220 B: 240

9. '숨겨진 보물 ... ' 레이어를 선택하고 레이어 스타일(fx) 메뉴에서 획 (Stroke)을 선택합니다.

10. 다음과 같이 레이어를 설정합니다.

레이어 스타일 획 (Stroke) 옵션

크기(Size): 10px, 위치(Position): 바깥쪽(Outside), 혼합 모드(Blend Mode): 표준(Nomal), 불투명도(Opacity): 100%, 칠 유형(Fill Type): 색상(Color), 색상(Color) R:0 G:0 B0

레이어 스타일 드롭 섀도 (Drop Shadow) 옵션

혼합 모드(Bled Mode): 곱하기(Multiply), 불투명도(Opacity): 100%, 각도(Angle): 144°, 전체 조명 사용(Use Global Light): 체크 해제, 거리(Distance): 10px, 스프레드(Spread): 100%, 크기(Size): 18px

11 . '나리 해변에서~ ' 레이어를 선택하고 레이어 스타일(fx) 메뉴에서 경사와 엠보스 (Bevel & Emboss)를 선택하고 다음과 같이 설정합니다.

레이어 스타일 경사와 엠보스 (Bevel & Emboss) 옵션

스타일(Style): 내부 경사(Inner Bevel), 기법(Technique): 거칠게 깎기(Chisel Hard), 깊이(Depth): 150%, 방향(Direction): 위로(Up), 크기(Size): 5px, 부드럽게(Soften): 0px, 각도(Angle): 135 °, 전체 조명 사용(Use Global Light): 체크 해제, 높이(Altitude):69 °

레이어 스타일 획 (Stroke) 옵션

크기(Size): 10px, 위치(Position): 바깥쪽(Outside), 혼합 모드(Blend Mode): 표준(Nomal), 불투명도(Opacity): 100%, 칠 유형(Fill Type): 색상(Color), 색상(Color) R:80 G:40 B20

12. 다음과 같이 레이어 스타일이 적용되었습니다. 눈 모양의 아이콘을 켰다, 껐다 하면 해당 스타일을 감추거나 보이게 할 수 있습니다.

레이어에 적용된 스타일(fx)

레이어 스타일 삭제 (Clear Layer Style)

레이어를 선택하고 마우스 우클릭하면 레이어 스타일을 복사하거나 삭제할 수 있습니다.

유튜브 썸네일 파일로 저장하기

위 작업을 통해 다음과 같이 완성되었습니다. 작업내용의 저장은 원본파일 보관과 수정을 위한 PSD 파일과 실제 유튜브 영상의 썸네일로 사용하기 위한 범용 파일 JPG파일로 저장합니다.

1. 작업한 원본 파일을 보관하기 위해서 파일 (File) > 저장 (Save) 메뉴를 선택하고 '유튜브 썸네일.psd'로 저장합니다.

완성된 유튜브 썸네일

2. 다른 곳에 작업 파일을 보내거나 유튜브 썸네일로 올리기 위해선 JPG, PNG 형식으로 저장하면 됩니다.

파일 (File) > 사본 저장... (Save a Copy...) 메뉴를 선택하고 '유튜브 썸네일.jpg'로 저장합니다.

JPEG 옵션 창에서 품질 (Quality)를 최대 값 12로 슬라이더를 올립니다.

JPG 옵션

PNG (Portable Network Graphics): JPEG와 다르게 투명 또는 반투명 배경의 그래픽을 처리할 수 있어 최근에 많이 사용하는 포맷입니다. JPEG는 배경이 없어도 무조건 흰색으로 저장됩니다.

1. [디자인 LESSONS] - 포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

narie.tistory.com

2. [디자인 LESSONS] - 포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

narie.tistory.com

3. [디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

narie.tistory.com

4. [디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

narie.tistory.com

5. [디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

narie.tistory.com

유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

개나리 스토리 — Thu, 6 Jun 2024 18:56:30 +0900

유튜브 썸네일 만들기 강좌 3번째 - 레이어 스타일 만들기

포토샵 레이어 스타일(fx)은 레이어 또는 레이어 그룹에 다양한 시각적 효과를 주는 기능입니다. 레이어 스타일은 여러 속성을 조합하여 다양한 효과를 만들어냅니다. 예를 들어 그림자 효과에 입체 효과를 추가하는 등 다양한 효과를 만들어 낼 수 있습니다.

포토샵 초창기에는 그림자나 입체 효과와 같은 레이어 스타일을 디자이너가 채널 패널을 이용해서 직접 디자인을 했습니다. 세상이 바뀌어 이젠 메뉴 형식으로 설정값만 주면 됩니다. 포토샵은 일반인들이 쉽게 다가갈 수 있는 프로그램으로 계속 업그레이드되고 있습니다.

포토샵 레이어 스타일에는 다음과 같이 10개가 있습니다. 이 중에서 드롭 섀도, 외부 광선, 그레디언트 오버레이, 획, 경사와 엠보스 등이 유튜브 썸네일 작업에 자주 사용하는 스타일입니다.

[디자인 LESSONS] - 포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

[디자인 LESSONS] - 포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

레이어 스타일 ( Layer Style )
1. 드롭 섀도 (Drop Shadow)	레이어에 그림자 추가, 레이어가 떠 있는 효과
2. 내부 그림자 (Inner Shadow)	레이어 내부에 그림자 추가, 레이어가 가라앉은 효과
3. 색상 오버레이 (Color Overlay)	레이어에 기존 색을 무시하고 새로운 색으로 덮음
4. 외부 광선 (Outer Glow)	레이어 외부에 광선 효과 추가
5. 내부 광선 (Inner Glow)	레이어 내부에 광선 효과 추가
6. 그레이디언트 오버레이 (Gradient Overlay)	그라데이션 효과를 레이어에 적용
7. 패턴 오버레이 (Pattern Overlay)	레이어에 패턴을 덧씌움
8. 획 (Stroke)	레이어에 윤곽선을 만듬
9. 경사와 엠보스 (Bevel & Emboss)	레이어에 입체감을 줌
10. 새틴 (Satin)	이미지에 매끈한 질감을 표시

첨부파일

beach illust.psd

1.15MB

1. 그림자 효과 드롭 섀도 (Drop Shadow)

포토샵에서 가장 많이 사용하는 레이어 스타일입니다. 레이어에 그림자 효과를 만듭니다.

1. 첨부 파일을 다운로드하고 불러옵니다. > 레이어에서 Layer 2를 선택합니다. > (fx) 레이어 스타일의 그림자... (Drop Shadow...)를 선택합니다.

레이어 Layer2 선택 후 Drop Shadow 선택

2. 드롭섀도 (Drop Shadow) 옵션에서 필수 구조는 다음과 같습니다.

불투명도 (Opacity)	그림자의 강약을 조절합니다. 0이 되면 그림자는 사라집니다.
각도 (Angle)	그림자의 방향을 결정짓습니다. 앵글 값의 반대 방향으로 그림자가 만들어집니다. * 전체 조명 사용 (Use Global Light) : 다른 옵션의 앵글 값과 같이 연동됩니다.
거리 (Distance)	레이어 이미지와 그림자와의 거리를 나타냅니다. 0이 되면 그림자는 각도 값에 상관 없이 모든 방향으로 보입니다.
스프레드 (Spread)	그림자의 확산 농도를 나타냅니다. 값이 100에 가까워질수록 그림자가 날카로워집니다.
크기 (Size)	그림자의 확산 정도를 나타냅니다. 값이 클수록 퍼집니다.

포토샵 레이어 스타일의 Drop Shadow

다음 이미지는 거리 10px 떨어진 그림자가 10px만큼 확산된 상태에서 스프레드 값에 따라 경계선이 어떻게 바뀌는지를 보여줍니다.

스프레드 차이에 따른 그림자 모양

스프레드가 100%가 되면 유리 상자에 연기가 꽉 찬 상태로 농도가 짙어져 연기가 마치 구조물처럼 불투명해 보입니다. 반대로 스프레드가 0%에 가까워지면 유리 상자 틈새로 연기가 빠져나간다고 가정하면, 농도가 옅어서 흐리게 퍼지는 효과가 나타납니다.

다음 이미지는 앵글 값의 각도와 거리에 따른 그림자 모양을 보여줍니다. 전체 조명 사용 (Use Global Light)를 체크하면 다른 옵션에서 앵글 값을 사용할 때 그림자의 앵글 값도 연동돼서 바뀝니다. 그림자의 각도를 의도치 않게 바꾸고 싶지 않다면 체크 해제합니다.

각도 (Angle) 값 반대 방향으로 44px만큼 이동한 그림자

2. 내부 그림자 (Inner Shadow) 효과

레이어에 내부 그림자 효과를 줍니다. 작업 방법은 드롭섀도(Drop Shadow)와 같습니다. 확산의 개념인 스프레드 (Spread)가 조여 오는 개념인 경계 감소(Choke)로 바뀔 뿐 원리는 같습니다.

불투명도 (Opacity)	내부 그림자의 강약을 조절합니다.
각도 (Angle)	내부 그림자의 방향을 결정짓습니다. 앵글 값의 반대 방향으로 그림자가 만들어집니다.
경계 감소 (Choke)	그림자 내부 확산 농도를 나타냅니다. 100에 가까워질수록 날카로워집니다.
크기 (Size)	그림자 내부 확산 정도를 나타냅니다. 값이 클수록 퍼집니다.

내부 그림자 (Inner Shadow)

새로운 레이어 스타일을 추가할 때는 체크 박스가 아닌 텍스트 메뉴 선택

내부 그림자를 적용한 상태에서 추가로 획(Stroke)을 선택할 때 두번 째와 같이 텍스트 메뉴를 선택해야 새로 추가된 설정 화면으로 바뀝니다. 체크 박스를 선택하면 기존 설정 화면이 새로운 설정 화면으로 갱신이 안 됩니다.

3. 색상 오버레이 (Color Overlay) 효과

레이어에 특정 컬러로 덮어 씌우는 효과입니다. 어떤 이미지든 상관없이 컬러로 덮어버립니다. 사용 빈도가 높지는 않습니다. 아래 이미지는 내부 그림자가 포함된 상태에서 색상 오버레이 (Color Overlay) 효과에 레드 컬러를 적용한 상태입니다. 불투병도 값을 50%로 낮추면 기존 색상이 약하게 나타납니다.

레드 컬러를 적용한 색상 오버레이에 불투명도 값 50% 낮춤

4. 외부 광선 (Outer Glow) 효과

포토샵 레이어 외부에 광선 효과가 추가됩니다. 각도(Angle)만 없다 뿐이지 그림자와 거의 비슷한 작업 방식입니다. 필수 구조와 요소는 다음과 같습니다.

불투명도 (Opacity)	외부 광선 효과의 강약을 조절합니다.
노이즈 (Noise)	효과에 노이즈를 줍니다.
스프레드 (Spread)	내부 그림자의 확산 농도를 나타냅니다. 100에 가까워질수록 날카로워집니다.
크기 (Size)	효과의 확산 정도를 나타냅니다. 값이 클수록 퍼집니다.

스프레드 값이 커질수록 날카로워짐

외부 광선 효과 Softer와 Precise 차이

5. 내부 광선 (Inner Glow) 효과

포토샵 레이어에 내부 광선 효과를 줍니다. 작업 방법은 외부 광선 효과(Outer Glow)와 같습니다. 확산의 개념인 스프레드 (Spread)가 조여 오는 개념인 경계 감소(Choke)로 바뀔 뿐 원리는 같습니다.

불투명도 (Opacity)	내부 광선 효과의 강약을 조절합니다.
노이즈 (Noise)	효과에 노이즈를 줍니다.
경계 감소 (Choke)	효과의 내부 확산 농도를 나타냅니다. 100에 가까워질수록 날카로워집니다.
크기 (Size)	효과의 내부 확산 정도를 나타냅니다. 값이 클수록 퍼집니다.

경계 감소 (Choke) 값이 클수록 날카로워짐

내부 광선 효과 Center와 Edge 차이

6. 그라디언트 오버레이 (Gradient Overay) 효과

포토샵 레이어에 그레이디언트 오버레이를 적용합니다. 그레이디언트는 색상을 연속적으로 표현하는 색상입니다. 가장 대표적인 것이 무지개 색이나 하늘색입니다. 보통 디자인에서 하늘색을 표현할 때는 흰색에서 하늘색으로 변하게 표현하는 것을 볼 수 있습니다. 무지개는 빨간색에서 보라색까지 여러 색상이 연속적으로 변합니다.

그라디에이션이 적용된 산과 하늘 이미

그라데이션과 과 그라디언트 (Gradation & Gradient) 차이

원칙적으로 그라데이션 (Gradation)은 인지적 관점 용어이고, 그라디언트 (Gradient) 는 기술적 관점 용어입니다. 실제 사용에 있어서는 혼용되어 사용하는 경향이 있습니다.

* 그라디언트, 그레이디언트 ? 일반적으로 한국어 표기에서 그라디언트라고 사용하지만 포토샵 한글 버전 명칭이 그레이디언트 라고 정해져 있어 이 명칭도 혼용되어 사용합니다.

불투명도 (Opacity)	그라디언트 효과의 불투명도를 조절합니다.
그레이디언트 (Gradient)	그라디언트 컬러를 설정합니다.
스타일 (Style)	스타일을 선택합니다. 선형, 방사형, 각도, 반사, 다이아몬드 스타일을 사용할 수 있습니다.
각도 (Angle)	그라디언트의 방향을 설정합니다.
비율 (Scale)	그라디언트를 넓게 또는 좁게 크기를 조절합니다.
방법 (method)	그라디언트 색상 전환 방식으로 클래식 (Classic), 가시 범위 (perceptual), 선형 (Linear), 매끄럽게 (Smooth), 줄무늬(Stripes) 가 있습니다.

포토샵에 사전 설정 형식으로 컬러 종류별로 라이브러리가 많이 있기 때문에 원하는 스타일을 선택하거나 선택한 스타일을 수정하는 방법으로 적용하면 됩니다.

포토샵 그라디언트 사전설정 선택

1. 작업을 위해서 그라디언트 적용 된 부분을 클릭하여 그라디언트 편집창(Gradient Editor)을 열고 좌우측 색상 정지점(Color Stop)을 더블클릭하여 원하는 색상을 선택하거나 사전 설정(Presets) 색상 중 원하는 컬러를 선택합니다.

위 정지점: 불투명도, 아래 정지점: 색상

2. 좌우 컬러값이 다르면 그라디언트가 적용된 것을 볼 수 있습니다. 아래 빈 공간 ① 지점을 클릭하면 색상 정지점이 추가됩니다. 이 정지점을 더블클릭하던가 ② 위치의 Color 메뉴를 선택해서 다른 색을 적용합니다.

그라디언트 편집창 (Gradient Editor)

3. 아래 예제는 중간 지점에 흰색 컬러를 적용하여 3개의 색상이 점점 변해가는 그라디언트를 볼 수 있습니다. 색상 정지점을 삭제하고 싶으면 아래 방향으로 드래그하면 삭제됩니다.

색상 정지점 (Color Stop)을 드래그하여 삭제

4. 검은색 불투명도 정지점 (Opacity Stop)을 선택하고 아래 불투명도(Opacity) 값을 0으로 바꾸면 흰색 아이콘으로 바뀌면서 투명해집니다.

그라디언트 오버레이에 불투명도 적용

그라디언트 설정 값 사전 설정 (Presets)에 저장하기 : 새로 만들기 (New) 메뉴를 선택하면 저장됩니다.

7. 패턴 오버레이 (Pattern Overlay) 효과

포토샵 레이어에 패턴을 입히는 효과입니다. 작업자가 만들어 저장한 패턴이나 포토샵에서 제공해 주는 패턴을 패턴 피커 (Pattern Picker)에서 선택합니다. 포토샵에서 제공하는 사전 설정된 라이브러리가 적어서 패턴을 만들고 레이어 스타일에 적용하는 방법을 알아보겠습니다.

1. 패턴 작업을 위한 기본 세팅 > 도구 (Tool) 바에서 사각형을 선택하고 옵션(Options) 바에 모양 (Shape) 상태에서 획(Fill)을 선택하고 컬러 값을 없음으로 세팅합니다.

패턴 작업을 위한 기본 세팅

2. 창 (Window) > 모양 (Shape) 메뉴를 선택해서 모양 (Shape) 패널을 불러옵니다. 포토샵에서 제공해 주는 기본 모양들이 있습니다.

창 > 모양 (Window > Shape) 메뉴를 통한 패널

3. CC 버전 이후에는 레거시 라이브러리를 별도 메뉴를 통해서 불러와야 합니다. 모양 (Shape) 패널의 메뉴 아이콘을 누르고 '레거시 모양 및 기타 (Legacy Shapes and More)' 메뉴를 선택합니다. 이 레거시 모양은 포토샵 GTQ 자격증 시험에 꼭 필요합니다.

GTQ 자격증 시험에 필요한 레거시 모양 및 기타 (Legacy Shape and More)

4. 위와 같이 기본 세팅이 끝나면 패턴을 만들어 저장하고 레이어 스타일에 적용합니다. > 패턴 디자인을 하기 위해 새로 만들기 (New...) 메뉴를 선택하고 > 폭 (Width) 500 픽셀, 높이 (Height) 500 픽셀, 해상도 (Resolution) 72 ppi, 색상 모드 (Color Mode) RGB, 배경 내용 (Background Contents) 투명 (Transparent)으로 설정하고 만들기 (Create) 메뉴를 선택합니다.

패턴 디자인 초기 설정

5. 모양 (Shape) 패널에서 원하는 모양을 캔버스로 드래그하여 배치합니다. 색을 바꾸려면 레이어에 사각형 모양의 썸네일 아이콘을 더블클릭해서 원하는 컬러로 바꿉니다.

원하는 모양을 캔버스로 드래그

6. 다음과 같이 패턴 디자인이 완성되면 '편집 (Edit) > 패턴 정의... (Define Pattern...) 메뉴'를 선택해서 '고양이 패턴'이라고 저장합니다.

Shape를 이용해서 패턴 디자인하고 저장

7. 레이어 스타일 메뉴에서 패턴 오버레이 (Pattern Overy)를 선택합니다. 패턴 목록에서 작업한 패턴을 선택합니다.

작업한 모양을 패턴으로 등록

8. 비율 (Scale)을 30%로 축소하고 실제 적용된 패턴을 드래그하여 적당한 위치로 배치합니다.

레이어에 등록된 패턴

위와 같이 모양을 디자인하고 레이어 스타일을 이용하여 패턴 오버레이(Pattern Overay)를 등록하였습니다. 패턴 디자인은 모양뿐만 아니라 이미지도 가능합니다.

8. 획 (Stroke) 효과

포토샵 레이어 가장자리에 윤곽선을 그립니다. 색상과 굵기를 정할 수 있습니다. 칠 유형에는 색상과 그라디언트가 있습니다. 필수 구조와 유형은 다음과 같습니다.

크기 (Size)	윤곽선의 굵기입니다.
위치 (Position)	윤곽선의 위치를 결정 짓습니다. 바깥쪽 (Outside) , 안쪽 (Inside), 중앙 (Center)이 있고 대부분 바깥쪽 (Outside)로 작업합니다. (GTQ 자격증 시험에서는 바깥쪽을 대부분 사용)
혼합 모드 (Blend Mode)	현재 레이어와 아래 레이어들과 색상을 혼합합니다.
불투명도 (Opacity)	윤곽선의 불투명도를 조절합니다.
칠 유형 (Fill Type)	윤곽선에 색상 (Color), 그라디언트 (Gradient), 패턴 (Pattern)을 칠할 수 있습니다.

1. 획 (Stroke) 크기 (Size) 10px, 위치 (Position) 바깥쪽 (Outside), 칠 유형 (Fill type) 색상 (Color) 값에 흰색을 적용합니다.

레이어 스타일 획 (Stroke) 적용

중복 인쇄 (OverPrint) : 인쇄 작업시 두가지 컬러가 겹쳐 있을 때 중복인쇄하는 것으로 일반적으로는 가는 Black 문자나 선 처리를 인쇄할 때 사용하고 포토샵은 기본적으로 중복 인쇄 비활성임.

9. 경사와 엠보스 (Bevel & Emboss) 효과

포토샵 레이어 이미지, 도형, 문자에 입체감을 주는 효과입니다. 입체 효과에 스타일에는 외부 경사, 내부 경사, 엠보스, 쿠션 엠보스, 획 엠보스가 있습니다.

외부경사 (Outer Bevel)	레이어 테두리 밖에 표현되는 입체 효과입니다.
내부 경사 (Inner Bevel)	레이어 테두리 안쪽에 표현되는 입체 효과입니다.
엠보스 (Emboss)	레이어 테두리 밖에서 안쪽으로 이어지는 입체 효과입니다.
쿠션 엠보스 (Pillow Emboss)	레이어 테두리 밖과 안쪽 경계 부분에 표현되는 음각 효과입니다.
획 엠보스 (Stroke Emboss)	레이어 스타일 획 (Stroke)가 체크 되어있을 때 표현되는 입체 효과입니다.

레이어 스타일 경사와 엠보스 효과 스타일 종류

방향 (Direction)의 경우 위로 (Up)가 기본이며 아래로 (Down)을 체크하면 스타일 효과가 반대로 표시됩니다.

경사와 엠보스(Bevel & Emboss) 업 다운 비교

그 밖의 기법 (Technique)의 매끄럽게 (Smooth), 거칠게 깎기 (Chisel Hard), 부드럽게 깎기 (Chisel Soft)와 깊이 (Depth), 크기 (Size), 부드럽게 (Soften)를 미세 조정하여 원하는 값을 지정합니다.

경사와 엠보스의 기법 (Technique) 종류

10. 새틴 (satin) 효과

포토샵 레이어에 금속과 같은 질감을 만드는 효과로 사용 빈도가 낮습니다. 레이어를 겹친 상태로 어긋나면서 모양이 바뀝니다.

혼합 모드 (Blend Mode)	현재 레이어와 아래 레이어들과 색상을 혼합합니다.
불투명도 (Opacity)	새틴 효과의 불투명도를 조절합니다.
각도 (Angle)	겹친 레이어 이동 방향을 조절합니다.
거리 (Distance)	겹친 레이어의 어긋나는 거리를 조절합니다.
크기 (Size)	확산 정도를 나타냅니다. 값이 클수록 퍼집니다.

레이어 스타일 세틴 (Satin) 적용

아래 설정을 보면 각도 (Angle)을 45˚ 값에 따라 겹쳐 있던 문자가 대각선 방향으로 30, 80 픽셀만큼 이동하여 교차한 것을 볼 수 있습니다. 겹친 부분만 혼합 모드 (Blend Mode)가 적용되었습니다. 세 번 째는 크기 (Size) 값을 올려서 확산시켰습니다.

Angle 45˚, Distance 30px 값의 세틴 레이어 스타일

Angle 45˚, Distance 80px 값의 세틴 레이어 스타일

Angle 45˚, Distance 80px, Size 30px 값의 세틴 레이어 스타일

위와 같이 레이어 스타일을 총 정리했습니다. 레이어에 시각적 효과를 위해 많이 사용하기 때문에 꼭 알아야 할 내용이었습니다.

유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

개나리 스토리 — Sun, 2 Jun 2024 01:54:05 +0900

유튜브 썸네일 만들기 강좌 두 번째

포토샵에서 문자를 이용한 디자인 (Typography)에 대해서 알아보겠습니다.

산세리프와 세리프 (Sans Serif, Serif)

산세리프는 세리프가 없다는 뜻으로 글자 끝 지점의 장식이 없습니다. 깔끔하고 모던한 느낌을 주며, 로고, 표지판, 인터넷 등의 문자에 많이 사용합니다.

세리프는 글자 끝에 작은 장식이 있는 문자로 고전적인 느낌을 줍니다. 소설책, 기사 등 인쇄 매체에 많이 사용합니다.

한글 문자를 예로 들면 산세리프는 고딕체, 세리프는 명조, 궁서체 류의 서체라 보면 됩니다.

[디자인 LESSONS] - 포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

[디자인 LESSONS] - 포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

산세리프와 세리프 비교

문자 입력하기와 비틀기

아래한글 프로그램에서 사용하는 글맵시와 같은 기능입니다. 글자를 부채꼴 모양, 깃발 모양 등 여러 모양을 만들 수 있습니다. 작업 프로세스는 다음과 같습니다.

1. beach illust.png 소스 파일을 파일 (File) > 열기 (Open)으로 불러옵니다. > 단축키 Ctrl + 0을 눌러 화면을 채웁니다. > 왼쪽 도구상자에서 수평 문자 도구 (Horizontal Type too)을 선택합니다.

beach illust.png

0.15MB

수평 문자 도구

2. 폰트 목록에서 두꺼운 서체 하나를 선택합니다.

포토샵 폰트 목록 화면

3. 글자 크기를 300pt로 정합니다.

글자 크기 선택

4. 컬러 아이콘을 클릭하고 원하는 컬러를 지정합니다.

컬러 픽커 화면에서 원하는 색을 선택

5. 화면을 클릭하면 Lorem Ipsum이라고 표시됩니다. delete, backspace 키를 눌러 지우지 말고 바로 원하는 내용을 입력합니다.

문자 툴로 화면 클리하면 나타나는 문장 Lorem Ipsum

로렘 입숨 (Lorem ipsum)

출판이나 그래픽 디자인 분야에서 최종 문장이 나오기 전에 임시로 나열하는 더미 텍스트.
16세기 이후부터 사용된 것으로 추정되며 키케로의 [ 최고 선악론]에서 유래. Lorem Ipsum

6. 원하는 내용을 입력합니다. 예제는 narie라고 입력했습니다.

7. Ctrl +T를 눌러서 모서리 부분을 드래그하여 글자 사이즈를 더 키웁니다.

8. 변형은 Ctrl + T를 눌러 작업하므로, 변형 컨트롤 표시 (Show transform controls) 체크 해제합니다. 커서를 놓으면 레이어 경계 표시 ( Show layer bounds on hover )가 선택된 상태에서는 마우스 커서가 해당 레이어 위치에 가면 영역 박스가 표시됩니다.

Show transform controls 체크 해제 (좌), 마우스 커서가 위치하면 표시되는 bounds (우)

9. 텍스트 레이어 우측 빈 공간을 마우스 우클릭하여 텍스트 뒤틀기 (Warp Text) 메뉴를 선택하여 원하는 스타일을 선택하고 옵션 값을 조정합니다.

텍스트 뒤틀기 (Warp Text) 로 글자 모양 만들기

문자 이미지화 (Rasterise Type)

포토샵에서 문자 모양을 변형시키거나 타이포그래피적 요소로 디자인하는데 일러스트레이터에 비해 많은 제약사항이 있습니다. 가장 베스트는 일러스트레이터에서 디자인하고 포토샵으로 불러오는 것이지만, 그렇다고 포토샵에서 아예 텍스트 모양을 변형시키는 것이 불가능하지는 않습니다.

문자를 이미지화시켜서 변형시키면 좀 더 자유롭게 모양을 만들 수 있습니다. 이렇게 하면 벡터 방식의 텍스트가 비트맵 방식의 이미지가 됩니다. 따라서 이미지 편집하듯이 작업할 수 있습니다.

1. 텍스트 레이어 우측 빈 공간을 마우스 우클릭하여 문자 래스터화 (Rasterise Type) 메뉴를 선택합니다. T 자 형태의 썸네일 아이콘이 이미지 아이콘으로 모양이 바뀝니다.

문자 레스터화 후 모양이 바뀐 썸네일 아이콘

2. 올가미 도구 (Lasso Tool)를 선택해서 'n'자를 감싸서 선택합니다.

이미지가 된 문자를 올가미 도구로 선택

3. 선택된 부분을 Ctrl + T를 눌러 사이즈를 늘리고, 회전하고, 모서리 부분 Ctrl + 드래그하여 왜곡시킵니다. 같은 방법으로 i자의 윗부분도 변형합니다.

단축키 Ctrl + T 후 변형시키는 과정

문자 변형이 끝나면 Ctrl + D를 눌러 선택 영역을 해제합니다.

색조 / 채도로 색칠하기

1. 문자 레이어를 선택하고, 문자의 일부분을 다각형 올가미 도구( Polygonal Lasso Tool)로 선택합니다.

색칠할 영역을 다각형 올가미 도구로 작업 중

2. 이미지 > 조정 > 색조/채도... (Image > adjustments > Hue/Saturation... ) 메뉴나 단축키 Ctrl + U를 눌러 색조 (Hue) 슬라이더 바를 움직여 원하는 색으로 바꾸고, Ctrl + D 단축키로 선택 영역 해제합니다.

색조 ( Hue)

빨강, 녹색 등과 같이 서로 구별되는 색의 고유한 특성을 나타냄. 색상환을 기준으로 0도는 빨강, 120도는 녹색, 240도는 파랑색을 의미

채도 (Saturation)

색의 선명도를 나타내. 채노나 높을수록 순수 색에 가까워지며, 낮아질수록 색이 빠져나가며 채도가 없으면 무채색이 됨.

밝기 (Lightness)

색의 밝기를 나타냄. 흰색은 명도가 가장 높고, 검은색은 명도가 가장 낮음.

문자, 브러시로 색칠하기

1. 문자 래스터화 (Rasterise Type)로 이미지가 된 텍스트를 브러시를 이용해서 칠할 수 있습니다. > 브러시 도구(Brush Tool)를 메뉴를 선택합니다.

브러시 도구

2. 마우스 오른쪽 버튼을 눌러 브러시 크기(Size) 300px 정도, 경도(Hardness) 0% 를 입력하고, Enter 키를 누릅니다. 경도 (Hardness)는 100에 가까울수록 브러시 경계선이 또렷해집니다. 0에 가까울수록 경계선이 부드럽게 페더(Feather) 값이 커집니다.

Feather : 선택 영역의 경계를 부드럽게 해줌. 값이 클수록 경계가 더욱 흐릿해짐.

브러시 크기와 경도

3. 레이어 패널에서 잠그기 (Lock)에서 투명한 픽셀 잠그기 버튼을 선택하면 선택한 레이어 오른쪽에 자물쇠가 생깁니다. 브러시로 색을 칠할 때 문자 이외의 투명한 부분은 잠김 상태가 돼서 문자 부분만 색칠할 수 있습니다.

투명 픽셀 잠그기

4. 컬러 패널에서 원하는 색을 선택합니다.

컬러 패널에서 원하는 색 지정

5. 브러시로 그림처럼 드래그하여 색을 칠하면 텍스트 이외에는 색칠 안 되는 것을 확인할 수 있습니다. 경도 (Hardness)를 0%로 해서 브러시 경계선이 부드럽게 칠해지는 것을 확인할 수 있습니다. 마치 그러데이션 효과를 적용한 것처럼 표현됩니다.

브러시를 드래그하여 문자 색칠 / Hardness 값 0

레이어 분리하기

이미지 화 된 텍스트에서 'n'자를 새로운 레이어로 분리해서 'n'과 'a'를 겹치게 배치하겠습니다. 한 레이어에서 겹치며 완전히 이미지가 붙어버려 복구할 수 없습니다. 따라서 이럴 경우에는 레이어를 분리시켜 겹치게 디자인할 수 있습니다.

1. 해당 레이어가 선택되었는지 확인하고 올가미 도구를 이용해서 'n' 부분을 선택합니다. 현재 레이어 2개입니다.

레이어 2개인 상태

2. Ctrl + Shift + J 단축키를 누릅니다. 'n'자를 잘라내기 하여 새로운 레이어의 똑같은 위치에 붙여 넣기 합니다. 결과 이미지를 보면 이미지 위치는 그대로 유지하면서 새로운 레이어가 추가된 것을 확인할 수 있습니다.

레이어 추가되어 3개 됨

3. Ctrl + T 단축키를 눌러 모양을 변형시키고 문자를 겹치게 배치하고 Enter 키를 누릅니다. 화면상에 문자가 겹쳐 있더라도 레이어가 별도로 존재하기에 언제든지 위치를 조정할 수 있습니다.

이상 포토샵에서 문자를 디자인하고 색칠하는 과정을 학습했습니다. 다음 과정은 레이어에 스타일을 입히는 과정에 대해서 알아보겠습니다.

유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

개나리 스토리 — Mon, 27 May 2024 01:43:44 +0900

유튜브 썸네일을 완성하기 위한 포토샵 기초 강좌 1

유튜브 썸네일을 만들기 위해서 포토샵에서 이미지 합성하기를 설명하겠습니다. 이 과정을 거쳐서 저장하기, 문자 디자인, 레이어 스타일을 학습하고 썸네일 작업 예제를 만들어보겠습니다.

[디자인 LESSONS] - 포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

[디자인 LESSONS] - 포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

위 링크는 포토샵 기초 강좌로 내용을 순차적으로 학습하는 것을 추천합니다.

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

1. Select > Subject 메뉴로 피사체를 선택합니다.

Select > Subject 메뉴를 이용한 선택

위처럼 메뉴를 이용한 방법도 있고 다음처럼 Object Selection을 이용해서 올가미로 감싸듯이 선택합니다.

1) 오브젝트 선택도구 선택

2) 모드(Mode)에서 올가미(Lasso) 옵션 지정

3) 올가미 씌우듯이 아이스크림 선택

Object Selection 도구로 아이스크림 이미지 선택

2. 아이스크림 피사체가 선택되면 Ctrl + C 단축키로 복사합니다.

3. 고양이 사진에 Ctrl + V로 붙여 넣은 다음, Ctrl + T로 자유 변형툴을 실행합니다. 바운딩 박스가 나타나면 흰색 포인트 부분을 이용해서 사이즈를 줄이고 모서리 부분을 돌려서 회전시킵니다.

4. 사이즈를 줄이고 회전시킨 아이스크림을 모서리에 배치하고 Enter 키를 눌러 완성합니다.

합성 완료된 이미지

툴 작업이 끝나면 습관적으로 V 키를 눌러서 Move(이동)툴로 바꿔줘야 합니다. 단축키가 안 먹히면 (한/영) 키를 눌러 영문 입력모드로 전환하면 됩니다. )

예제 파일 첨부

이 밖에도 여러 툴로 이미지를 오려서 합성할 수 있습니다. 오려서 합성하는 툴 중에 꼭 알아야 할 툴은 다음과 같습니다.

Quick Selection Tool, Magic Wand Tool, Lasso Tool, Polygonal Lasso Tool 등이 있습니다.

Object Selection Tool
선택하려는 오브젝트를 올가미를 씌워서 자동 선택합니다.
Quick Selection Tool (Add to selection 옵션 추천)
브러시 형식으로 선택하려는 영역을 클릭하거나 드래그해서 선택을 추가합니다. 제외시키고자 할 때는 Alt 키(Subtrack frome selection)를 눌러서 작업합니다. * Add to selection (+) 을 기본 옵션으로 합니다. * 브러시 사이즈를 적당히 조절합니다. 되도록이면 작게 설정합니다. 크면은 밀어내는 힘이 커서 선택하려는 영역 밖으로 나갈 수 있습니다. *Hardness 값은 100에 가까울 수록 경계선이 뚜렷한 브러시가 되고, 0에 가까울수록 경계선이 부드러운 브러시가 됩니다.
Magic Wand Tool (Add to selection 옵션 추천)
같은 색부분을 추출하는 툴입니다. 비슷한 색상영역을 선택할 때 사용합니다. * Tolerance 는 허용치를 나타내며 15단계나 기본값 32를 추천합니다. 단계가 낮을 수록 비슷한 컬러부분을 선택합니다. * Contiguous는 연결된 부분이 있는 부분만 선택합니다. 체크 해제하면 다른색이 중간에 가로막고 있으면 선택이 안 됩니다. 보통은 체크하고 연결되지 않은 부분을 추가로 클릭하면 됩니다. (Add to selection이 기본 값일 경우)
Lasso Tool
단순하게 마우스로 드래그해서 감싸는 형식입니다. 정확하게 이미지를 오리는 것이 아닌 대략적인 선택영역을 만들 때 이용합니다.
Polygonal Lasso Tool
다각형 올가미 도구는 영역을 지정할 때 클릭을 추가하면서 작업합니다. 다소 각진 형태로 오려지는 단점이 있으나 선택하고자 하는 영역 주변이 복잡해서 잘 안 될 때 사용합니다. 작업중 이전단계로 가는 단축키는 backspace, Del 키가 있습니다. 작업을 완료하고자 할 때는 Enter 키나 더블클릭, 시작 시점에 클릭하면 됩니다.

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

narie.tistory.com

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

narie.tistory.com

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

narie.tistory.com

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

유튜브 썸네일 만들기 예제 강좌 - 포토샵 기초 강좌 최종 유튜브 썸네일 강좌 최종입니다. 포토샵을 전혀 못하는 분은 이전 강좌를 학습하세요. 예제 파일은 페이지에 파일 첨부로 올라와 있

narie.tistory.com

포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

개나리 스토리 — Sun, 26 May 2024 13:29:56 +0900

포토샵 프로그램 기초 다지기 - 기본 설정, 단축키 그리고 작업환경과 초기화, GTQ 설정 포함.

1. 포토샵 프로그램 초기화 세팅

포토샵을 사용하다 보면 설정값들을 초기화하고 싶을 때가 있습니다. 이때 단축키를 이용하면 됩니다.

방법은 포토샵을 실행하기 전에 왼쪽 단축키 Ctrl, Alt, Shift (Command, Option, Shift) 에 손가락을 올려놓고 대기합니다. 마우스로 포토샵을 실행하는 순간 0.5초 이내에 위 단축키를 모두 길게 누르고 대기하다가 메시지가 뜨면 OK 버튼을 눌러주면 됩니다.

여기서 중요한 건 동시에 누르는 게 아니라 포토샵을 먼저 실행해야 합니다. 약간의 시간차가 있어야 합니다.

[디자인 LESSONS] - 포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

[디자인 LESSONS] - 포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

포토샵을 실행하면서 단축키 Ctrl + Alt + Shift 키를 누른다.

초기화 세팅 메시지

초기화 전(왼) 화면과 초기화 후(오) 화면 비교

위 과정을 거치면 포토샵 처음 설치했을 때처럼 초기화됩니다. ^^

2. 포토샵 환경설정 Edit > (Preferances)

Edit > Preferances 에서 포토샵의 환경을 설정할 수 있습니다. 자주 사용하는 설정에는 다음과 같습니다.

GTQ 자격증 시험을 대비한 환경설정 / 지티큐 1급, 2급 세팅 /

General > Use Legacy Free Transform

체크하면 포토샵 구버전 형식으로 이미지 크기를 조절한다.
체크 : Shift + 드래그 = 가로세로 크기 고정 비율로 조절(CS 형식)
해제 : Shift + 드래그 = 가로세로 크기 자유롭게 조절(CC 형식)

Workspace > Open Documents as Tabs

체크 해제하면 포토샵 CS 형식으로 작업 창이 Tab에 분리됨

Units & Rulers > Units > Type: Points

문자 크기가 pixels로 표기 될 경우 Points로 변경

Guides, Grid & Slices > Grid > Gridline Every: 100pixels / Subdivisions: 1

Gridline Every: 25%처럼 Percent 사용 가능

Type > Show Font Names in English

체크 해제하면 한글 글꼴 이름이 영어로 표기되는 것을 것을 한글로 표기

3. 포토샵 작업 환경 Window > (WorkSpace)

Window > WorkSpace에서 포토샵의 작업 환경을 설정할 수 있습니다. 포토샵을 여러 사람이 사용할 경우, 작업 목적에 따라 필요한 화면 구성으로 바꿀 수 있습니다.

작업환경 초기화

포토샵을 처음 설치하면 기본 작업환경은 Essentials (Default)입니다. 만약 다른 작업자가 화면 구성을 바꾸어서 초기화하고 싶다면 Reset Essentials 해주면 됩니다.

포토샵에서 작업환경을 본인 스타일로 바꾸고 저장하고 싶다면 현재 화면을 Window > Workspace > New Workspace... 에 저장하면 됩니다. 나중에 저장된 자신의 작업환경도 흐트러져 있다면 Reset 메뉴를 선택해서 초기 저장화면으로 돌아갈 수 있습니다.

New Workspace 화면

이 외에도 문자 패널, 단락 패널을 초기화를 할 수 있습니다.

GTQ 자격증 시험을 대비한 작업환경 설정 / 지티큐 1급, 2급 세팅 /

Window > Shapes 패널의 메뉴 : Legacy Shapes and More

CS 구버전 모양(Shapes) 불러오기

Window > Character 패널의 메뉴 : Reset Character

문자 초기화

Window > Paragraph 패널의 메뉴 : Reset Paragraph

단락 초기화

Windows > Workspace > Essentials , Reset Essentials

포토샵 처음 설치 화면 구성으로 바꾸기

4. 포토샵 필수 단축키

포토샵에서 꼭 알아야할 필수 단축키는 다음과 같습니다.

포토샵, 일러스트레이터 공통 단축키
Ctrl + Alt + Shift + 실행	초기화
Ctrl + N	새로 만들기
Ctrl + C	복사
Ctrl + V	붙여넣기
Ctrl + X	자르기
Ctrl + A	전체선택
Ctrl + G	레이어 그룹 만들기
Shift + Ctrl + G	레이어 그룹 해제
]	브러시 확대
[	브러시 축소
Ctrl + Enter	문자 입력 완료
Ctrl + Z	실행 취소
Shift + Ctrl + Z	다시 실행
Ctrl + R	눈금자
Ctrl + ;	안내선
Space + 드래그	화면 이동
Ctrl + =	확대
Ctrl + -	축소
Ctrl + 0	화면 맞추기
Ctrl + 1	100% 화면

포토샵 전용 단축키
Ctrl + 우클릭	다른 작업 중 레이어 선택
Ctrl + J	레이어 복제
Shift + Ctrl + J	잘라서 레이어 복제
Ctrl + T	자유변형 모드
Ctrl + D	선택영역 해제
X	전경색/배경색 바꾸기
Alt + Del	전경색 칠하기
Ctrl + Del	배경색 칠하기
Ctrl + Alt + Shift + T	(Ctrl + T) 작업 반복 복사

포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

개나리 스토리 — Fri, 24 May 2024 11:59:59 +0900

포토샵을 시작하기전의 기초 cmyk, rgb, pixel, ppi, 모니터 해상도 알아보기

RGB와 CMYK

RGB는 모니터에서 표현되는 컬러입니다. Red, Green, Blue를 기본 컬러로 합니다. 반면에 CMYK (Cyan, Magenta, Yellow, Key)는 잉크색으로 인쇄 작업을 할 때 사용하는 컬러입니다. 포토샵에 디자인 작업을 할 때 결과물이 디스플레이 출력물이면 RGB, 인쇄물이면 CMYK로 작업합니다.

포토샵을 처음시작할 때 꼭 알아야 할 기본상식입니다. 그러면 궁금한 점이 있을 겁니다. "아래한글이나 MS워드로 작업할 때는 컬러 신경 안 썼는데요?"라는 의문이 들 겁니다. 쉽게 설명하면 현재 기준으로 프로그램 자체가 지원을 하지 않습니다. 가정용 프린터가 알아서 CMYK로 인쇄를 합니다.

[디자인 LESSONS] - 포토샵 기초 - CMYK와 RGB, Pixel과 PPI, 모니터 해상도

[디자인 LESSONS] - 포토샵 기초 - 초기화부터 기본 설정과 필요한 단축키

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 1/4 - 포토샵 합성 기초

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 2/4 - 포토샵 문자 디자인

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 3/4 - 포토샵 레이어 스타일 총정리

[디자인 LESSONS] - 유튜브 썸네일 만들기 강좌 4/4 - 예제 만들기

잉크젯 프린터에는 CMYK 잉크가 들어있다.

CMYK 작업을 하려면 어도비(Adobe) 사의 포토샵, 일러스트레이터, 인디자인 등의 디자인 프로그램을 이용해야 합니다.

모니터 픽셀 살펴보기

아래 이미지는 RGB라는 글자를 확대한 모습입니다.. R은 픽셀에서 Red 위치의 빛만 보이는 것을 알 수 있습니다. Green, Blue 위치는 빛이 보이지 않고 있습니다. 따라서 R은 빨간색을 표현합니다.

픽셀 단위는 RGB가 한 세트를 이룹니다. 픽셀 하나에 세 개의 블록이 있고 그 블록의 빛의 양에 따라 컬러가 표현됩니다. Red 255, Green 0, Blue 0 이 빨간색이 됩니다. 255는 빛의 최대밝기고 0은 빛이 없는 최소단위입니다.

RGB주변엔 Red, Green, Blue의 빛이 255단계의 최대 값으로 보입니다. 이 컬러가 White가 됩니다. 실제 사람의 눈으로 보면 모든 컬러가 다 보이지만 멀리서 보면 흰색으로 보입니다. 태양이 사람의 가시광선 범위에서 보면 흰색으로 보이는 것과 같다고 할까요?

"사람의 눈은 믿을 게 못된다!" ^^

픽셀(pixels)이 모여서 표현되는 RGB

모니터 흰색 부분을 자세히 보면 R, G, B 모든 부분에 컬러 빛이 보이는 것을 알 수 있습니다. Black은 당연한 이야기지만 모든 빛이 차단된 상태입니다. 모니터 액정이 검은색인 이유가 있겠죠. ^^

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

RGB 빛의 강도에 따른 컬러 표현

모니터에 표현되는 RGB 픽셀(pixels) 모습

RGB 빛의 기본색
무지개 스펙트럼(가시광선)에서 Red, Green, Blue를 기본색으로 한다.

CMYK 인쇄의 기본색
무지개 스펙트럼에서 Cyan, Magenta, Yellow에 Key(Black)를 추가한다.

● 결과물이 디스플레이에서 보여주는 작업은 RGB 색을 (가산) 혼합하여 작업
● 결과물이 인쇄물에서 보여주는 작업은 CMYK 색을 (감산) 혼합하여 작업

* 가산혼합 : 혼합할수록 밝아짐 / 감산혼합 : 혼합할수록 어두워짐

가시광선 범위의 컬러휠 (Color Wheel) 속의 RGB와 CMY

위 컬러휠에서 R+G+B=White, C+M+Y=Black 처럼 모든 빛이 혼합되면 White, 모든 잉크가 혼합되면 Black이 됩니다.

Resolution(해상도)

어도비 사 그래픽 프로그램으로 작업시 결과물은 디스플레이 표현과 인쇄물로 나누어집니다. 스마트폰, TV 등 모니터에 표현되는 해상도는 일반적으로 72 ppi를 사용하고, 인쇄물일 때는 300 ppi로 작업합니다.

여기서 말하는 ppi는 pixels per inch 1인치(2.54Cm) 정사각형 가로, 세로 픽셀 수를 말합니다. 아래 이미지에서 20 ppi와 40 ppi의 원을 비교해 보면 해상도가 높을수록 화질이 좋다는 것을 알 수 있습니다.

20PPI의 원과 40PPI의 원 비교

해상도는 공식적인 표준이라기보다는 과거부터 사용해오던 관성적 표준에 더 가깝습니다. 제작자의 의도에 따라 해상도를 마음대로 바꾸어 작업할 수 있다는 뜻입니다. 다만 현실적으로 비효율적이기에 굳이 다른 해상도로 작업하지 않을 뿐입니다.

300 PPI로 디자인을 하더라도 데스크톱(PC)에서는 모니터가 지원을 못해 의미도 없을뿐더러(FHD의 경우) 이미지 데이터 용량만 커져서 데이터 손실만 봅니다. 그리고 현시점에 대부분의 72 PPI로 작업된 이미지를 사용자들은 아무 불편 없이 사용하고 있습니다. 4K 모니터가 대중화되는 시점에서는 상황이 달라질 수도 있습니다.

* 모니터 24인치 기준 해상도는 다음과 같습니다.

FHD 모니터 - 91PPI

UHD(4K) 모니터 - 183 PPI

인쇄의 경우는 상황이 다릅니다. 디스플레이는 공장에서 출고할 때 만들어진 물리적 해상도가 있기 때문에 해상도 높은 이미지가 아무 의미 없지만 종이는 잉크로 촘촘히 뿌리기기만 하면 이론적으로는 무한대까지 해상도를 높일 수 있습니다. 그래서 인쇄 비용을 줄일 목적이 아니라면 해상도를 낮추지는 않습니다.

300 PPI 이상이면 사람의 눈으로 잘 구별 못하고 그 정도로도 충분한 해상력을 보이므로 인쇄 작업 시에는 300 PPI로 작업합니다.

* 참고로 인쇄 결과물은 DPI(dots per inch) 개념을 사용합니다. 내용상 원리는 PPI와 같습니다. 작업을 PC에서 하기 때문에 혼용합니다.

결과물이 디스플레이 - 72ppi(pixels per inch)
결과물이 인쇄물 - 300dpi(dots per inch)

모니터 해상도와 Pixels (화소)

모니터 해상도는 SD HD FHD QHD UHD 등으로 나누어집니다. 가장 보편적으로 사용하는 모니터는 현재 FHD이며 UHD로 옮겨가는 추세입니다. 아래 내용을 보면 같은 27인치 모니터라도 해상도에 따라 픽셀 수가 달라지는 것을 알 수 있습니다.

● FHD 32인치 모니터 (1920 Pixels X 1080 Pixels) = 2,073,600 화소
● UHD(4K) 32인치 모니터 (3840 Pixels X 2160 Pixels) = 8,294,400 화소

위 해상도로 인해서 UHD 모니터는 픽셀 크기가 면적대비 1/4 작습니다. 그만큼 해상도가 좋은 모니터라 할 수 있습니다. 물론 가격도 비싸겠죠. 그런 이유로 홈페이지나 문서작업을 할 때 글씨가 글씨가 훨씬 작게 보이는 겁니다. 이렇게 문자가 작아지는 문제로 인해서 과거 FHD 노트북의 경우는 화면 해상도를 강제로 낮추어 사용했습니다. 그러다 윈도우 10 이후부터는 디스플레이 설정에서 문자 배율 크기 조정 옵션이 생겨서 문제를 해결했습니다.

FHD 해상도와 UHD(4K) 해상도의 픽셀 갯수와 크기 차이

비트맵(Bitmap)과 벡터(Vector)

비트맵 방식은 각 픽셀이 모여서 이미지를 표현합니다. 픽셀 하나하나가 색 정보를 가지는 형 식이라 픽셀 수가 많을수록 용량도 커집니다.

1000만 화소의 사진보다 5000만 화소의 사진 용량이 큰 이유입니다. 그래서 원본 사진을 축소하면 픽셀 수가 줄어들어 이미지 손상을 가져오기 때문에 원상복구가 안 됩니다.

벡터 방식(위)과 비트맵 방식(아래)의 차이

벡터 방식은 수학적 공식에 의해 선과 면이 만들어지고 색 정보가 들어갑니다. 오브젝트를 줄이거나 늘려도 용량의 차이가 거의 발생하지 않습니다. 크기에 대한 정보 값만 바뀌기 때문입니다. 하지만 오브젝트가 많아지면 파일 용량이 커집니다. 원이 1개일 때보다 2개, 2개일 때보다 3개일 때가 용량이 커집니다. 수학적 공식이 늘어나기 때문입니다. 이러한 이유로 완성된 오브젝트를 늘리거나 줄여도 오브젝트가 깨끗하게 표현되며 확대하여 작업해도 픽셀 정보가 아닌 라인 정보만 표시되므로 깨끗하게 표현됩니다.

html 웹 문서에 css와 javascript를이용해서 자동 문장 만들기

개나리 스토리 — Sun, 21 Apr 2024 00:27:16 +0900

html 페이지에 CSS와 JavaScript 이용 TEXT 바꾸기

홈페이지나 블로그 혹은 티스토리 페이지에 공통으로 들어가는 문장을 한 번에 만드는 내용입니다. 예를 들면 "from : 홍길동" 같은 문구를 티스토리에는 서식을 이용해서 만 들수 있습니다.

CSS로 예제는 내용을 추가하는 형식이라 기존 html 문서에 아무 내용도 없어야 합니다. 기존 내용이 있다면 뒤에 추가되는 형식입니다. 예를 들면 "홍길동"이 기존 문장이면 CSS에서 "블로그입니다"를 입력하면 "홍길동 블로그입니다"식으로 출력됩니다. 따라서 한 번에 문장을 다 바꾸고 싶으면 해당 위치에 빈공간이어야 합니다.

자바스크립트(javascript) 형식은 div에 있는 내용을 바꿔치기하는 형식입니다. 따라서 기존 html에 저장된 문장을 바꿀 수 있습니다. 어쨌든 두 가지를 적절히 이용하면 되겠습니다.

▷ CSS + html 이용하여 문장 추가하기 예제 소스

HTML 내용
<div class="txt_add"> </div>

CSS 내용
.txt_add:after{content:"이 내용이 추가됨"; }

첫 번째 코드는 html에 삽입하고 두 번째 코드는 CSS에 입력하면 됩니다.

:after 가상 요소를 사용하여 텍스트를 추가할 수 있습니다. 위 예제는 txt_add 클래스를 가진 요소 뒤에 CSS::after 가상 요소를 사용하여 내용을 추가했습니다. 이를 통해서 html 내용을 변경하지 않고 텍스트를 자동으로 추가할 수 있습니다.

▷ JavaScript + html 이용하여 페이지 문서 내용 바꾸기 예제 소스

HTML 예제
<div id="changing-text">
내용이 자동으로 바뀝니다.
</div>

JavaScript 예제
<script>
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("changing-text").textContent =
"이 javascript 내용으로 바뀜";
});</script>

위 코드는 페이지가 로드될 때 자바스크립트를 사용하요 <div> 요소의 텍스트를 바꿉니다. 필요에 따라 자바스크립트 코드에서 내용을 수정하여 내용을 바꿀 수 있습니다.

ico 아이콘 변환 방법 ( 윈도우 폴더 바꾸기, 사진 이미지 파일 ico 변환)

개나리 스토리 — Tue, 9 Apr 2024 15:25:47 +0900

ico 아이콘 변환 방법 ( 윈도우 폴더 바꾸기, 무료 다운로드, 사진 이미지 파일 ico 변환)

본 포스팅에서는 아이콘 무료로 다운로드하는 방법과 사진을 아이콘(ico)로 만드는 방법, 마지막으로 내 컴퓨터의 윈도우 폴더 아이콘 모양을 바꾸는 방법을 설명하겠습니다.

순서는 다음과 같습니다.

* ico 아이콘 무료로 다운로드해서 사용하기 / * 사진이나 이미지 파일 ico 만들기 / * 윈도우 폴더 아이콘 변환 바꾸기

1. ico 무료 사이트 모든 아이콘세트 icon-icons.com

무료 아이콘 사이트에서 아이콘을 검색하여 다운로드합니다. '컴퓨터'라고 검색하면 다음과 같은 목록이 나열됩니다. 여기서 마음에 드는 아이콘을 선택하고 ico 메뉴를 선택하여 다운로드하면 됩니다.

무료 아이콘 사이트 icon-icons.com

원하는 이미지를 선택

ico 메뉴를 선택하고 다운로드

2. 사진이나 이미지 파일을 아이콘 파일로 만드는 사이트 ico convert

1단계 이미지를 업로드 합니다.

2단계 원하는 부분을 드래그하여 아이콘화 할 영역을 지정합니다.

3단계 원하는 테두리 모양을 선택합니다. 여러 개 선택하면 여러 개 선택하면 압축합니다.

4단계 ICO for Windows 10, Windows11, 7 and 8 메뉴를 선택합니다.

5단계 Convert and download에서 convert ICO 버튼을 누릅니다.
아래 이미지는 아이콘 파일로 만든 결과입니다. 이 아이콘 파일을 폴더 아이콘을 바꾸거나 파비콘 등으로 사용할 수 있습니다.

3. 내 폴더를 다른 아이콘으로 바꾸기

윈도우 기본 폴더를 개인 폴더로 바꾸기 위해서는 두 가지 방법이 있습니다. 첫 번째는 윈도우 샘플 아이콘을 쓰는 방법이 있고 두 번째는 내가 만든 ico 파일을 등록하는 방법이 있습니다. 내가 만든 아이콘은 바꾸려는 폴더 안에 집어넣습니다.

바꾸려는 아이콘을 마우스 오른쪽 버튼으로 눌러서 속성 메뉴를 선택합니다.

속성 대화상자에서 사용자 지정 탭을 선택하고 아이콘 변경 버튼을 누릅니다.

기존 윈도우에서 제공하는 아이콘으로 바꾸던가 찾아보기 버튼을 눌러 새로 만든 ico 파일을 찾아 선택합니다.

아래 결과는 기존 윈도우 기본 폴더가 개인 폴더로 바뀐 모습입니다.

어도비 프로그램 강제 삭제 - Adobe Creative Cloud Desktop 이용

개나리 스토리 — Sun, 24 Mar 2024 20:48:53 +0900

어도비 프로그램을 업데이트하다 보면 과거버전이 남는 경우가 있습니다. 문제는 과거 프로그램이 삭제가 안 되는 경우가 종종 있습니다. Adobe 프로그램 포토샵, 일러스트(일러스트레이터), 프리미어, 애프터이펙트, 인디자인 등 대부분 프로그램에서 벌어지는 현상입니다.

프로그램을 강제로 삭제하는 방법은 두 가지가 있습니다. 첫 번째는 Adobe Creative Cloud CleanerTo 프로그램을 이용하는 방법으로
[Windows 와 MacOS] - adobe 프로그램 삭제 안 되는 거 완전 클린 방법

adobe 프로그램 삭제 안 되는 거 완전 클린 방법

Adobe 프로그램 삭제 (완전 삭제) 어도비 프로그램 (포토샵, 일러스트, 프리미어, 애프터이펙트, 드림위버 등)이 정상적인 절차로 삭제가 안 되는 경우가 있습니다. 프로그램 클린 유틸리티를 찾아

narie.tistory.com

위 방법을 이용하면 됩니다.

두 번째는 Creative Cloud Desktop에서 과거 버전 삭제하는 방법이 있습니다.

아래 설치된 앱에서 Adobe Character Animator 2023 버전을 제거하려고 합니다.

Adobe App 제거 메뉴 선택

위처럼 경고창이 뜨면서 삭제가 안 됩니다.
이런 경우 Creative Cloud Desktop을 실행시킵니다. 삭제하려는 앱 옆에 ... 메뉴를 선택합니다.

실행한 Adobe Creative Cloud Desktop

메뉴에서 기타 버전을 선택합니다.

편법이기는 한데 지우고자 하는 버전을 다시 설치합니다. 그리고 아래처럼 다시 제거를 선택하면 완전히 삭제됩니다.

제거 전 환경설정 유지 및 제거 팝업창

위와 같은 방법으로 삭제가 안되는 프로그램을 삭제할 수 있습니다. 위 방법으로도 삭제가 안 되는 경우는 무슨 이유에서인지 어도비 크리에이티브 클라우드 데스크톱 과거 버전 목록에 없는 경우는 삭제가 안 됩니다.

삭제하려는 버전과 이전 버전이 미스매칭으로 삭제가 안 됨

Creative Cloud Files Personal Account 폴더 삭제하기

개나리 스토리 — Fri, 22 Mar 2024 01:24:29 +0900

Adobe Creative Cloud Files Personal Account 폴더 삭제하기 위한 방법입니다. 일단 시각적으로도 이름이 너무 길어 보기 좋지 않고, 그다지 사용 빈도도 낮은 경우 삭제하는 방법입니다.

기본적으로 삭제하는 메뉴가 없기때문에 레지스트리를 이용해서 해결했습니다.

레지스트리 편집기를 이용한 삭제 방법
[ 단축키를 이용한 실행 ]
Windows 키 + R

[ 검색을 이용한 실행 ]
1. 검색 아이콘을 선택
2. 검색에 레지스트리 검색
3. 레지스트리 편집기 아이콘 클릭

[ 레지스트리에서 삭제하는 방법 ]
1. \HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Desktop\NameSpace\ 에 있는 폴더를 선택하고 삭제합니다.

NameSpace 에 있는 Creative Cloud Files Personal Account...

해당 폴더를 선택하고 삭제

삭제 후 나타나는 메뉴에서 영구적으로 삭제

2. 위 방법을 이용해 삭제합니다. 그리고 검색을 이용해서(편집 > 찾기 ) 마지막 부분의 계정이름을 검색합니다. (단축키 Ctrl + F )

검색을 이용한 찾기

검색된 폴더 삭제

영구 삭제

위와 같이 두 번의 삭제 과정을 거치면 완전히 삭제됩니다. ^^

윈도우10 설치 USB 만들기를 쉽게하자.

개나리 스토리 — Thu, 8 Oct 2020 15:27:06 +0900

무료로 윈도우10 설치 USB 쉽게 만들기

윈도우10을 업데이트(업그레이드)할 때와 깡통 노트북, 데스크톱 PC에 운영체제 윈도우를 설치할 때 마이크로소프트사 홈페이지에 직접 접속하여 무료로 설치하는 방법입니다.

운영체제가 미설치 된 깡통 PC와 노트북에 윈도우10을 설치하려면 기본적으로 윈도우10 설치용 USB 저장 장치가 있어야 합니다.

1. 구글 검색 창에 [ 윈도우 업그레이드 ]라고 입력합니다. 그러면 Windows 10 다운로드 마이크로소프트 사 홈페이가 검색됩니다.

구글에서 윈도우10 다운로드 검색

2. 마이크로소프트 홈페이지 화면에 지금 업데이트와 지금 도구 다운로드 버튼이 있습니다. '지금 업데이트' 버튼을 누르면 현재 윈도우를 최신으로 업데이트 합니다.

MicroSoft 홈페이지 다운로드 페이지

3. 지금 도구 다운로드 버튼을 눌러 Media CreationTool2004 파일을 다운로드합니다.

MediaCreationTool2004

4. 다운로드한 파일을 실행합니다. 그러면 관련 통지 및 사용 조건 대화상자가 나타나고 여기서 동의 버튼을 선택합니다.

5. Windows 10 설치 프로그램이 실행되서 몇 가지 항목을 준비합니다.

6. 지금 PC를 업그레이드와 다른 PC용 설치미디어( USB 플래시 드라이브, DVD 또는 ISO 파일) 만들기를 메뉴 중 아래를 선택합니다.

7. 언어, 아키텍처 및 버전 선택에서 Windows 10과 64비트를 선택합니다.

8. 사용할 미디어에서 USB 플래시 드라이브를 선택합니다. USB가 없으면 일단 ISO 파일로 저장해도 됩니다.

9. USB 플래시 드라이브를 선택합니다. 포맷은 해도 되고 안 해도 됩니다. 다운로드 받으면서 자동으로 초기화 하기때문입니다.

10. Windows 10을 다운로드 합니다. 그리고 나서 USB에 설치 미디어를 만듭니다.

다운로드 진행 중

미디어를 만드는 중

usb 설치프로그램이 완료됨

완성된 윈도우10 설치 USB 드라이브

위 과정을 거쳐서 윈도우가 설치되지 않은 노트북이나 PC에 USB 드라이브를 넣고 부팅 시 F2, 또는 Del 키를 눌러 부팅 순서를 USB로 지정하고 다시 켜면 설치화면으로 들어갑니다. 사실 요즘 PC들은 대부분 윈도우 설치 USB를 꽂으면 자동으로 설치 화면으로 넘어가니 어렵게 생각하지 않아도 됩니다.

설치 후에는 정품 인증 절차를 거치면 됩니다. 사실 정품 인증하지 않아도 사용하는 데는 크게 문제는 없으나 안정적인 서비스를 받기 위해서는 정품 인증하는 것을 추천합니다.

블루투스 마우스 끊김 현상 (윈도우10 업그레이드 후)

개나리 스토리 — Mon, 5 Oct 2020 10:18:56 +0900

블루투스 마우스 끊김 현상 해결

윈도우10 2004 버전으로 업그레이드하고 나서 마우스 끊김 현상이 두드러졌습니다. (기존 버전에서 끊김 현상 해결한 때도 해당)

노트북의 경우에는 블루투스가 내장되어 있어 간단히 해결할 수 있습니다. 그런데 데스크톱 PC의 경우 2004 버전 이후부터는 다른 방식으로 해결할 수 있습니다.

이 방법은 기존 윈도우10에도 해당합니다. 다른 포스팅으로도 해결이 안 되면 이 방법을 사용하면 됩니다.

사실 필자도 이 점을 생각하지 못했습니다. 흔히 알고 있는 방법이 블루투스 장치의 전원 관리에서 [ 전원을 절약하기 위해 컴퓨터가 이 장치를 끌 수 있음 ]을 체크 해제하는 방법이 있습니다.

Windows 10 2004 업그레이드 후 끊김

그런데 일반 데스크톱은 블루투스가 기본적으로 내장된 경우보다 동글을 USB에 연결하여 작동시키는 경우가 아직은 대다수입니다.

여기서 힌트를 얻었습니다. 즉, 장치 관리자에서 범용 직렬 버스 컨트롤러의 USB 허브에 직접 적용해야 합니다. ^^

예를 들면 블루투스 마우스에 전원 관리가 아니라 블루투스 마우스랑 연결된 동글에 전원 관리를 적용하는 겁니다.

다음 과정을 따르면 해결될 겁니다.

1. 시작 화면에서 장치 관리자를 선택합니다.

장치관리자 선택

2. 범용 직렬 버스 컨트롤러의 각 USB 허브들을 선택하여 다음의 과정을 따릅니다. 블루투스 동글이 연결된 허브를 선택해도 무방합니다.

범용 직렬 버스 컨트롤러

3. 필자의 블루투스 동글이 USB3 포트에 연결되어 있어서 이 장치를 선택하였습니다. 단축 메뉴에서 속성을 선택합니다.

속성 메뉴

4. USB 루트 허브 속성에서 [ 전원을 절약하기 위해 컴퓨터가 이 장치를 끌 수 있음 ] 의 체크 박스를 해제합니다.

전원 관리

필자도 마이크로소프트 Arc 마우스를 사서 사용하다가 너무 자주 끊겨서 처음에는 마우스 불량인 줄 알고 버릴 뻔했습니다.

하지만 이제는 끊김 없이 잘 사용하고 있습니다.

부디 이 포스팅으로 블루투스 마우스 끊김 현상이 해결되길 바라는 마음으로....

0x80070032 오류 해결

개나리 스토리 — Sat, 3 Oct 2020 00:26:43 +0900

0x80070032 오류 해결하기

하드디스크에 새 폴더를 만들거나 복사를 할 때 나타나는 오류 0x80070032: 지원되지 않는 요청입니다. 오류 해결 방법입니다. 위 오류가 뜨면 폴더 만들기가 안 되고 복사도 안 됩니다. 여러 포럼에 검색을 해보았지만 해결이 되지 않았습니다. 그러다 혹시나 하는 마음으로 하드디스크 검사를 통해서 해결했습니다.

오류 0x80070032: 지원되지 않는 요청입니다.

디스크 검사 방법
1. 오류가 나는 해당 디스크를 선택하고 마우스 오른 쪽을 눌러 나타나는 메뉴에서 속성을 선택합니다.

2. 도구 탭을 선택하고 검사 버튼을 누릅니다.

3. 드라이브 검사를 진행합니다.

위 오류는 모든 상황에서 해결되는 것은 아닙니다. 필자의 경우는 하드 디스크로 복사하거나 새 폴더를 만들 때 나타나는 오류입니다.

adobe 프로그램 삭제 안 되는 거 완전 클린 방법

개나리 스토리 — Sun, 20 Sep 2020 14:27:17 +0900

Adobe 프로그램 삭제 (완전 삭제)

어도비 프로그램 (포토샵, 일러스트, 프리미어, 애프터이펙트, 드림위버 등)이 정상적인 절차로 삭제가 안 되는 경우가 있습니다. 프로그램 클린 유틸리티를 찾아 시도해 봤지만 소용이 없었고 시스템만 불안정해집니다.

Adobe(어도비)에서 공식적으로 지원하는 AdobeCreativeCloudCleanerTo 을 이용하는 것이 좋습니다.
위 앱은 분명히 설정의 앱 제거를 이용해 삭제했는데도 불구하고 프로그램 제거 또는 변경에 남아 있으면 사용하는 것입니다.

1. 일단 정상적인 방법으로 삭제한다.2. 완전 삭제가 안 될 경우 다음 두 가지 상황이 발생함
    2-1. 실제 윈도우 탐색기로 확인한 결과 삭제가 되었으나
    제어판 > 모든 제어판 항목 > 프로그램 기능 > 프로그램 제거 또는 변경에서는 제거가 안 됨
    설정 > 앱 목록에서 제거가 안 됨
    2-2. 실제 프로그램과 앱 목록에서도 제거가 안 됨

3. AdobeCreativeCloudCleanerTo 다운로드받아 실행

https://swupmf.adobe.com/webfeed/CleanerTool/win/AdobeCreativeCloudCleanerTool.exe

4. 영어 일본어 선택에서 영어 입력 [ e ]

5. Please enter ( y ) for Yes or ( n ) for No... 에서 [ y ] 입력

6. 목록에서 CC 버전 앱이면 [ 4 ] 입력

7. List of products installed on this machine... 의 내용에서 1, 입력하고 다음 메시지에서 y 입력

8. 다시 프로그램 제거/변경에서 제거 선택

9. 다음과 같은 내용의 팝업 창이 뜹니다.
Adobe 프로그램을 제거하는 동안 오류가 발생했습니다. 이미 제거되었을 수 있습니다. [프로그램 및 기능] 목록에서 Adobe 프로그램을 제거하시겠습니까?

10. 완전히 제거(삭제)된 것을 확인할 수 있습니다.

어도비 프로그램 강제 삭제 - Adobe Creative Cloud Desktop 이용

어도비 프로그램을 업데이트하다 보면 과거버전이 남는 경우가 있습니다. 문제는 과거 프로그램이 삭제가 안 되는 경우가 종종 있습니다. Adobe 프로그램 포토샵, 일러스트(일러스트레이터), 프

narie.tistory.com

https://narie.tistory.com/366

블루투스 버전 확인 방법 (아크 마우스 설치 시 예)

개나리 스토리 — Mon, 31 Dec 2018 15:27:22 +0900

Microsoft Surface 아크 마우스 설치와 블루투스 버전 확인 방법

마이크로소프트사의 Arc 마우스 모델입니다. 국내 판매 모델은 블랙만 있고 다른 컬러는 해외구매로만 가능합니다.

이 제품을 구매할 때는 주의할 점이 있습니다. 블루투스 4.0 이상부터 인식이 됩니다. 따라서 블루투스 버전을 확인해야 합니다. 따라서 아크 마우스 인식이 안 될때는 블루투스 버전을 확인해야 합니다.

블루투스 4.0 이상 지원되는 MS Arc Mouse

블루투스 규격 중 LMP (Link Manager Protocol)의 버전 넘버에 따라 규격이 갈립니다.

0 Bluetooth® Core Specification 1.0b (withdrawn)

1 Bluetooth Core S?pecification 1.1 (withdrawn)

2 Bluetooth Core Specification 1.2 (withdrawn)

3 Bluetooth Core Specification 2.0 + EDR

4 Bluetooth Core Specification 2.1 + EDR

5 Bluetooth Core Specification 3.0 + HS

6 Bluetooth Core Specification 4.0

7 Bluetooth Core Specification 4.1

8 Bluetooth Core Specification 4.2

9 Bluetooth Core Specification 5.0

위 규격에 따라 LMP6부터 MS의 Arc Mouse 사용이 가능해지게 됩니다.

블루투스 버전을 확인하는 방법은 다음과 같습니다.

Windows의 경우

1. 제어판의 장치 관리자에서 브랜드명 있는 Bluetooth Adapter(제조사마다 이름 다름)를 선택하고 마우스 오른쪽 버튼을 눌러 속성 메뉴로 들어갑니다.

2. 속성 대화상자에서 고급 탭을 선택하고 펌웨어 버전을 확인합니다.

Mac OS의 경우

1. 애플 메뉴에서 이 Mac에 관하여를 선택합니다.

2. 개요 화면에서 시스템 리포트 버튼을 선택합니다.

3. 하드웨어의 Bluetooth의 LMP 버전을 확인하면 4.0(0x6)임을 알 수 있습니다.

윈도우 10 업그레이드 설치 오류 (외장하드 시스템의 경우)

개나리 스토리 — Sun, 30 Dec 2018 19:19:05 +0900

윈도우 10 업그레이드 설치 오류 (외장하드 시스템의 경우)

윈도우 10 업그레이드 설치 시 나타나는 오류 중에 아래와 같은 메시지가 뜰 때 해결 방법입니다.

[ 이 PC에서는 Windows 10을 실행할 수 없습니다. ]

[ 설치 프로그램을 사용하여 USB 플래시 드라이브에 Windows를 설치할 수 없습니다. ]

현재 상황은 외장하드에 윈도우 10을 설치하고 USB 포트를 통해서 부팅하는 상태이고 윈도우 업그레이드 시 나타나는 오류 메시지입니다.

Windows 10을 실행할 수 없다는 오류 메시지.

해결 방법은 레지스트리 편집기에서 Portable Operating System의 값 데이터를 0으로 바꾸면 됩니다.

작업 표시줄에서 검색으로 regedit를 입력하여 앱을 실행합니다.

작업 표시줄에서 검색으로 regedit 입력

컴퓨터 \HKEY_LOCAL_MACHINE \SYSTEM \CurrentControlSe t\Control \PortableOperationgSystem 을 선택합니다.

이제 마음 놓고 윈도우 10을 업그레이드 하시면 됩니다. ^^

윈도우10 사진뷰어 연결하다.

개나리 스토리 — Sat, 15 Sep 2018 19:03:13 +0900

윈도우10 사진뷰어 위치(경로) 찾아 연결하기

윈도우10은 사진 앱으로 사진이 열립니다. 그런데 이 사진 앱이 상당히 불편합니다. 그래서 많은 사용자가 윈도우7 때 사용하던 사진 뷰어를 원합니다. 그런데 이 프로그램이 윈도우 탐색기로 아무리 찾아도 없습니다. 사진뷰어는 레지스트리(regedit)에서 편집해야만 연결할 수 있습니다.

이 포스팅에서 JPG, JPEG, PNG 파일을 연결하는 방법을 알려드리겠습니다.

1. 검색 창에 regedit를 입력합니다.

작업 표시줄에 있는 돋보기를 선택하여 검색창에서 검색

2. 레지스트리 편집기에서 컴퓨터\HKEY_LOCAL_MACHINE \SOFTWARE \Microsoft \Windows Photo Viewer \Capabilities \FileAssociations 로 이동합니다.

3. 마우스 오른쪽 버튼을 눌러 새로 만들기 > 문자열 값을 실행합니다.

4. 새 값이라는 곳에 .png를 입력하고 더블클릭하여 실행합니다.

5. 문자열 편집 화면에서 PhotoViewer.FileAssoc.Tiff를 입력하고 확인 버튼을 누릅니다. 이후 .jpg .jpeg 등을 추가합니다.

6. 레지스트리 편집기에서 수정이 끝나면 실제 사진을 선택하면 다음과 같이 이 파일을 열 때 사용할 앱을 선택하세요. 라 메뉴가 뜹니다. 이때, 항상 이 앱을 사용하여 .jpg(.png) 파일 열기를 체크하고 Windows 사진 뷰어를 선택하면 됩니다.

이제는 사진을 클릭하면 Windows 사진뷰어로 열리게 됩니다.

사진 뷰어로 열린 사진

사진 앱에서 사진뷰어로 바꾸는 가장 큰 이유가 돋보기 기능입니다. 가장 많이 사용하는 확대 축소 기능을 Ctrl 키를 누르고 하는 것이 은근히 불편합니다. 물론 이 기능이 적응되면 괜찮겠지만 아직까지는 옛날 방식을 고수하고 싶네요. ^^

애플 AOC 할인으로 맥북 프로 구매하기

개나리 스토리 — Sun, 25 Feb 2018 00:27:31 +0900

애플 AOC 할인으로 맥북 프로 구매

노트북 살 때 가장 중요한 게 가격입니다. 삼성이나 엘지는 비싼 것부터 저렴한 노트북까지 다양한 모델이 있는 데 반해 애플 노트북은 저가 제품은 없습니다. 하이엔드 제품 위주 판매로 구매에 많은 부담이 있습니다. 이럴 때 이용하는 방법이 애플 AOC (Apple On Campus) 교육 할인을 이용하면 꽤 저렴하게 구매 가능합니다.

아래는 Apple On Campus 해당 대학교 목록입니다. 아래 주소에서 참여대학 탭을 선택하면 대학 목록이 나옵니다. 여기에 해당하는 학생이면 학생할인이 됩니다. 본인이 아닌 지인이 애플 노트북 안 쓴다면 대신 구매도 가능하겠죠. ^^

https://www.apple.com/kr/shop/browse/home/aoc

여기서 구매하면 기존 딜러나 오프라인 매장에서 구매하는 것과 다르게 무조건 변심반품도 가능합니다. 딜러매장이나 온라인에서 구매하면 포장박스 뜯자마자 반품 안 됩니다. 이것이 가장 큰 차이점입니다. 학생 할인으로 구매하면 대략 10~15% 정도 할인을 받을 수 있습니다.

맥북프로(애플 사이트)

그리고 대부분 신용카드가 무이자 할부가 지원됩니다.

주의할 점은 맥북이나 맥북프로는 중고로 높은 가격으로 나중에 팔 수 있습니다. 단 전제 조건은 외관을 깨끗이 사용해야하고 포장박스를 보유하면 좀 더 높은 가격으로 판매가 가능하니 참고하세요.

아래는 공식 홈페이지에서 일반 판매와 캠퍼스 할인의 가격차이를 나타냅니다. 마지막으로 온라인으로 검색을 열심히하면 학생할인보다 더 싼 가격도 찾을 수 있습니다. 다만 그곳에서 구매할 경우 포장박스 뜯은 후 반품은 안 됩니다.

맥북프로 터치바 모델 15인치 학생할인 가격

구매 시 좀 이해가 안 되는 부분은 아직 한국 결제 시스템으로 크롬이나 이런 데서 결제가 안 되고 익스플로러에서 가능하다는 게 좀 이해가 안 됩니다. 어쨌든 애플답지 않게 결제 시스템은 꽤 복잡하니 참고하세요.

맥북프로 15인치 모델

윈도우10 GPT 파티션 설치 (LG 그램 예)

개나리 스토리 — Sat, 24 Feb 2018 18:26:34 +0900

윈도우10 GPT 파티션 설치

사촌 막내 조카 노트북으로 엘지 그램 15인치 올데이즈를 구매했습니다. 가성비로 따지자면 HP가 같은 가격 대비 성능이 거의 1.5배 정도 뛰어나지만, 무게와 배터리 때문에 엘지 그램을 선택하게 되었습니다.

확실히 엘지가 스마트폰에서는 계속 헛다리를 짚는 데 노트북에서만큼은 소비자들의 니즈를 제대로 파악한 거 같습니다. 글로벌 노트북 제조사보다 가격대비 가성비가 훨씬 떨어짐에도 무게와 배터리 성능으로 엘지 제품을 선택했으니 말이죠.

어쨌든 서두는 여기서 멈추고 본론으로 들어가겠습니다. 운영체제 미설치 제품입니다. 이게 주의할 점이 일반 윈도우로 설치 안 된다는 겁니다.

설치하다 보면 GPT 파티션 스타일이라 윈도우 설치가 안 됩니다. 방법은 두 가지입니다.

첫 번째 방법은 윈도우 ISO 파일을 USB에 시스템 유형을 [ GPT 파티션 형식의 UEFI ]로 만듭니다.

두 번째는 파티션을 삭제하고 설치합니다.. 이렇게 하면 기존 엘지에서 드라이버와 각종 소프트웨어를 담아놓은 5G짜리 파티션이 사라집니다. 모 사라져도 상관은 없습니다. 홈페이지에서 다운 받아도 되고 최신 윈도우를 설치하면 웬만한 드라이버는 자동으로 다 잡습니다.

이 디스크에 Windows를 설치할 수 없습니다. 선택한 디스크가 GPT 파티션 스타일입니다. 오류 메시지

첫 번째 방법입니다. (GPT 파티션 유지)

윈도우10 ISO 파일이 있어야 합니다. 이 파일은 마이크로소프트사에서 다운로드 받을 수도 있습니다. 단 나중에 설치 후 정품 인증을 해야 정상적으로 사용할 수 있겠죠.

윈도우10 iso 파일을 USB에 옮깁니다. 이때 GPT 방식을 이용하기 위한 유틸리티(Rufus)를 추가로 다운받아야 합니다.

다운로드 https://rufus.akeo.ie 또는 네이버 다운로드 https://goo.gl/PaZdds

주의: USB 포맷 FAT32로 해야 함

ISO 이미지 메뉴 오른쪽에 아이콘을 눌러 윈도우 ISO 파일을 선택합니다.

빈 USB를 넣고 디스크 형식과 부팅 시스템 유형을 [ GPT 파티션 형식의 UEFI ]로 선택합니다. 파일 시스템은 [ FAT32 ] , 부팅 가능한 디스크 만들기 체크 하고 [ 표준 Windows 설치 ]를 지정합니다.

마지막으로 시작 버튼을 누릅니다. 그리고 USB 설치 Windows가 만들어지면 깡통 노트북에 USB를 넣고 설치를 하면 됩니다.

윈도우10 설치한 엘지 그램

두 번째 방법입니다. 아래 방법은 엘지 그램의 방법입니다. ( GPT 파티션 삭제)

설치 실패 시 윈도우 설치화면에서 Shift + F10을 누릅니다. 그러면 터미널 형태의 명령프롬프트 창이 뜹니다. diskpart라고 입력하고 엔터키 누릅니다.

DISKPART> list disk 입력 후 엔터키 누릅니다. 대부분 디스크 드라이브가 0이므로 다음과 같이 입력합니다.

DISKPART> select disk 0 입력 후 엔터키 누릅니다. 그리고 clean을 입력하여 제거해버립니다. 마지막으로 exit로 빠져나와 재부팅 해서 설치하면 됩니다.

엘지에서는 정품 윈도우를 설치하라고 자세하게 안내까지 해놓고 정품 윈도우로 깔면 저 GPT 문제로 설치 안 되는 황당한 상황입니다. 엘지 문제인지 MS 문제인지 알 수 없겠지만 언젠가는 해결되겠죠.

CMOS 초기화로 윈도우10 부팅 안 될 때 IDE AHCI 로 바꾸기

개나리 스토리 — Wed, 25 Oct 2017 22:48:36 +0900

CMOS 초기화로 윈도우10 부팅 안 될 때 IDE AHCI 로 바꾸다.

며칠 전 컴퓨터 시간이 지나도 절전모드 진입이 안 돼서 CMOS(UEFI) 설정에서 초기화했습니다. 문제는 그 이후로 윈도우 부팅 시 귀여니 블루스크린이 떠 버린 것입니다.

내용은 Your PC ran into a problem and needs to restart. We'll restart for you. 라는 역시나 전혀 도움이 안 되는 메시지입니다.

아무래도 소프트웨어 문제는 아닌 거 같은데 윈도우를 다시 설치하면 설정을 다 다시해야 하므로 차선책으로 남는 하드디스크로 윈도우를 다시 설치했습니다. 결론은 아무 이상 없이 부팅되었습니다.

그러다 혹시나 하는 마음에 CMOS 설정에 Storage Configuration의 SATA 모드를 확인해 보니 AHCI 모드였습니다. IDE 모드로 바꾸고 재부팅 하니 다행히도 윈도우가 제대로 실행되었습니다.

결국, 필자 보드는 AHCI 모드가 default 값이었던 것입니다. 나중에 이런 불상사를 막기 위해서 윈도우10에서 IDE 설정을 AHCI 설정으로 바꾸기로 했습니다.

다음 과정을 거치면 윈도우10 IDE 모드를 쉽게 AHCI 모드로 바꿀 수 있습니다.

1. 윈도우 키 + R을 누르면 실행 창이 뜹니다. 이 때 regedit를 입력하고 엔터키를 치면 레지스트리 편집기가 열립니다. 여기서 다음 주소로 찾아 들어갑니다.

\HKEY_LOCAL_MACHINE \SYSTEM \CurrentControlSet \Services \StartOverride

2. 기본값 아래 0을 클릭하면 값 데이터가 3으로 나온 것을 볼 수 있습니다. 이 값을 0으로 바꿉니다.

3. 컴퓨터를 재부팅하면서 CMOS 설정으로 들어갑니다. 이 화면은 PC마다 다를 수 있습니다. 필자는 ASROCK의 UEFI SETUP 화면으로 들어갔습니다. 여기서 SATA Mode Selection에서 IDE를 AHCI로 바꾸고 재부팅합니다.

그럼 정상적으로 윈도우가 부팅됩니다.

아래 장치관리자 화면은 IDE 모드일 때와 AHCI 모드일 때의 IDE ATA/ATAPI 컨트롤러 모습을 볼 수 있습니다.

IDE 모드일 때

AHCI 모드일 때

맥북 윈도우 PC와 파일 공유하기

개나리 스토리 — Tue, 12 Sep 2017 00:27:28 +0900

맥북 윈도우 PC와 파일 공유

맥북 또는 아이맥과 윈도우가 설치된 PC와 파일을 공유하는 방법은 여러 가지가 있습니다. 가장 많이 이용하는 방법이 USB 메모리를 이용하는 방법입니다. 하지만 USB에 복사하고 다시 하드 디스크에 복사하는 등 불편함이 있습니다.

(맥북과 윈도우 PC와 USB로 공유하기 위해 exFAT 방식의 포맷 추천)

이러한 불편을 해소하는 방법은 네트워크를 통한 공유방법이 있습니다. 다음 내용은 맥을 이용한 서로 다른 PC 간의 네트워크를 통한 공유 방법을 소개합니다.

첫 번째 : 맥에서 PC 접근

먼저 맥에서 PC 윈도우에 접근하는 방법입니다.

1. PC에 공유 폴더를 먼저 만들어 놓고 같은 네트워크가 전제되어 있어야 합니다.

맥북의 경우 대부분 와이파이 접속이라 랜선과 연결된 PC와 다른 네트워크 영역으로 있는 경우가 있습니다. 가장 확실한 것은 PC에 USB 무선랜을 연결해서 같은 와이파이 영역을 사용하면 쉽게 접속됩니다.

2. PC 아이피를 알고 있어야 하고

PC 아이피를 알기 위해선 명령 프롬프트를 실행하고 ipconfig를 입력하면 됩니다.

3. PC 관리자 계정 아이디와 패스워드를 알고 있어야 합니다.

4. 맥의 파인더 메뉴 이동 > 서버에 연결...을 선택합니다.

5. 서버 주소에 smb://를 포함하여 아이피 주소를 적고 연결 버튼을 선택합니다.

6. 이름에는 PC 윈도우 계정을 암호에는 계정 비밀번호를 입력하고 연결 버튼을 선택합니다. 나의 키체인에 이 암호 기억을 체크하면 다음부터 쉽게 접근할 수 있습니다.

(주의: 처음 윈도우 설치 후 계정을 바꾸면 연결이 안 됩니다. 기존 계정을 가지고 연결해야 합니다)

7. 윈도우 PC에 접속한 화면입니다.

두 번째: PC에서 맥에 접근

PC에서 맥에 접근하기 위해 먼저 맥에서 공유가 설정되어 있어야 합니다.

1. 맥북 시스템 환경설정 창에서 공유를 선택합니다.

2. 파일 공유가 체크되어 있는 상태를 확인하고 옵션을 선택합니다. (아래 로컬 네트워크에 있는 컴퓨터가 다음에 있는 사용자의 컴퓨터에 연결할 수 있음: MacBook.local 부분에서 MacBook이 실제 네트워크상의 이름입니다. 윈도우 탐색기에서 '\\macbook'이라고 입력하면 네트워크에 나타납니다.)

3. SMB를 사용하여 파일 및 폴더 공유와 AFP를 사용하여 파일 및 폴더 공유, 그리고 공유하고자 하는 계정을 체크합니다.

PC 설정에서 다음과 같이 진행합니다.

4. 윈도우(Windows)에서 맥오에스(Mac OS)로 공유를 하기 위해 네트워크에서 연결된 맥북이나 아이맥을 선택합니다.

5. 네트워크 자격 증명 입력 창이 뜹니다. 이 대화상자에서 맥의 아이디와 비밀번호를 입력합니다. '내 자격 증명 기억'을 체크하면 다음 접속 시에 이 보안 과정을 생략하고 접속됩니다.

6. 접속된 맥북에 기본적으로 맥의 로컬 디스크와 계정, 공유 폴더 등이 뜹니다.

7. 자주 접속하는 네트워크 폴더를 드래그하여 왼쪽 탐색 창(내 컴퓨터)으로 끌어놓으면 드라이브로 등록됩니다.

8. 네트워크 드라이브 연결 대화창에서 사용할 드라이브를 지정합니다.

9. 네트워크 드라이브가 생성되었습니다.

* 추가 내용 : 네트워크에 뜬 맥북을 바로 가기에 등록하면, 맥북을 전원 연결된 상태에서 덮개를 열거나 시네마디스플레이로 연결된 상태의 잠자기 모드에서도 네트워크 접근이 가능합니다.

단 맥에서는 다음과 같은 설정을 합니다.

세 번째 : A 맥에서 B 맥 연결하기

1. 연결하려는 B 맥북이나 아이맥의 아이피를 확인합니다. 아이피 확인은 시스템 환경설정의 네트워크에서 확인 가능합니다.

2. 아이피가 확인되면 A 맥에서 이동 > 서버에 연결…. 메뉴를 선택하고 서버 주소를 입력합니다. 서버 주소는 smb://192.168.0.~ 형식으로 입력하고 연결 버튼을 선택합니다.

3. B 맥 연결 화면에 등록 사용자 이름(계정)과 암호를 입력하고 연결 버튼을 선택합니다.

4. 원하는 볼륨을 선택하고 승인을 선택합니다.

5. 이후에 접속할 때는 위 과정이 생략되며 사이드바에 자동으로 뜹니다. 이때 파인더 오른쪽 위에 다음으로 연결 메뉴를 선택합니다.

6. 암호를 입력하고 연결합니다.

7. B 맥에 연결됩니다. 여기서 원하는 볼륨을 선택하면 됩니다.

추가 : 아이피를 입력하지 않고 컴퓨터 이름을 입력해도 됩니다. 맥의 경우에는 설정 > 네트워크 > 와이파이 탭 > 고급 > WINS > NetBIOS 이름이 네트워크 연결할 수 있는 이름입니다. 맥에서 연결하고자 할 때는 'smb://NetBIOS 이름', 윈도우에서 연결하고자 할 때는 '\\NetBIOS 이름' 을 입력하면 됩니다.

파일캐스트 설치 시 주의할 점

개나리 스토리 — Sun, 20 Aug 2017 17:11:19 +0900

우연히 알게 된 파일캐스트, 회원 가입하면 무료 쿠폰도 주어지고, 동영상 파일 등 많은 자료가 있습니다. 이 사이트가 불법 사이트인지 아닌지는 모르겠는데 일단 고객센터도 있고 네이버에 검색도 되는 것을 보니 불법 사이트 같지는 않아 보이는데 정작 자료들은 개인들이 올리고 있으니 아닌 거 같기도 하고...

어쨌든, 한 번 사용한 경험자로서 주의할 점 알려드립니다.

일단 이곳에 회원 가입을 하면 기본적으로 포인트를 주기 때문에 영화나 기타 자료를 한 두 개정도는 다운받을 수 있습니다. 문제는 다운받을 때 파일캐스트 전용 다운로드 프로그램을 설치해야 합니다. 이때 흔히 인터넷 사이트들이 많이 사용하는 방식인 익스플로러나 크롬 등의 브라우저 홈 화면 바꾸기를 시도합니다.

본인의 인터넷 시작화면이 바뀐다는 것이죠. 물론 파일캐스트로 바뀝니다.

다행히 필자는 알약에서 감지하여 이러한 불상사(?)를 막을 수 있었습니다. 이상 파일캐스트 사용 후기였습니다.