움짤(GIF) 합치는 방법

3줄 요약

1. GIF파일을 영상으로 변환(File - Export - Render Video)

2. 하나의 파일로 모으기

3. 타임라인, 사이즈 조절 및 추출(File - Export - Save for Web)

인디자인(Indesign) CS6에서 PDF 파일 전체 페이지 불러오는 방법 - PlaceMultipagePDF Script

모르시는 분들을 위해 말씀드리지만 CS6에는 기본으로 해당 스크립트가 제공됩니다.

굳이 스크립트를 찾아 검색하실 필요 없습니다.

(이전 버전에서는 기본으로 제공되는 스크립트가 아니었는지 스크립트 파일 찾는 경우가 많았습니다)

사용 방법은 간단합니다.

Window - Utilities - Scripts 패널을 열고

Application/Samples/JavaScripts/PlaceMultipagePDF.jsx 실행하시면 됩니다.

창을 열지 않은 상태에서는 처음에 경로 찾아서 PDF 파일 지정하고 OK만 눌러주시면 되고,

기존 문서가 열려있는 상태에서는 현재 문서로 가져올지, 새 문서로 가져올지만 선택해주시고 이후에는 동일합니다.

스크립트 사라진 분들을 위해 따로 올려놓습니다.(CS6 전용입니다)

아래 경로에 스크립트가 안 보인다면 위 파일 압축 풀어 넣고 프로그램 실행하시면 됩니다.

C:\Program Files (x86)\Adobe\Adobe InDesign CS6\Scripts\Scripts Panel\Samples\JavaScript\

한 페이지씩 직접 가져오는 피곤함에서 해방됩시다.

201215_텍스트 스타일 만드는 과정(+PSD 파일)

그라디언트 적용한 오브젝트를 양쪽으로 대칭되게 배치해서 패턴으로 만들고,
Layer Style의 Pattern Overlay + Gradient Overlay 중첩 적용하는 과정입니다.

Pattern Overlay로 스타일을 만들어 두면 적용할 때마다 크기와 위치를 바꾸며 Gradient Overlay의 색 변경과 함께 유동적으로 적용할 수 있다는 장점이 있습니다.

※ 이후에 하이라이트 부분 적용하는 것을 깜빡해서 과정에 나와있지는 않으나, PSD 파일에는 포함되어 있으니 레이어 구조 확인하셔서 참고해주세요.

일러스트레이터에서 패스 살려서 포토샵으로 가져오는 방법

※ 오브젝트(패스)의 수가 많지 않은 경우에 사용할 수 있는 기본적인 방법입니다.

일러스트레이터에서 가져올 오브젝트를 선택해서 Ctrl+C,

포토샵에서 새 문서 열고 Ctrl+V,

Shape Layer 선택해주면, 패스로 들어오지만 단일 레이어로 가져오기 때문에 다수의 패스가 한 레이어에 그룹화 되어 모여 있게 됩니다.

Path Selection 툴 선택합니다.

가장 위에 오게 될 패스 선택하고 Ctrl+Shift+J 하면, 동일한 위치에 개별 오브젝트로 분리됩니다.

다시 그룹 오브젝트 선택하고

그 다음 위에 배치될 오브젝트 선택하고, Ctrl+Shift+J 해줍니다.

각각의 오브젝트로 분리 되었습니다.

이후에 상단 옵션에서 색이나 기타 옵션 변경해주시면 됩니다.

포토샵 처음 배우기 시작하는 분들을 위한 막히는 부분들 정리 (상시 업데이트 중)

인터페이스

- 패널 사라짐

- Color 패널 배경색이 변경되는 경우

- 흰색이 아이보리 등 다른 색으로 보이는 경우(Color Settings)

- UI 사이즈(창, 버튼 크기)가 너무 크거나 작게 나오는 경우 (특히 노트북)

- 일부 툴이 안 보이는 경우

- Filter Gallery 등 일부 기능 비활성화 되어 있는 경우

- 블렌드 모드(혼합) 일부 기능 비활성화 되어 있는 경우

- JPG, PNG 등의 일부 포맷으로 저장이 불가능한 경우

Layer style (레이어 스타일)

- 효과(Effect) 각도(Angle) 일치화, 고정되는 부분

- 그룹으로 중첩 효과 적용 시 잘려 보이는 경우

Brush (브러쉬)

- 브러쉬 십자선으로 나오는 경우

- 브러쉬 간격이 벌어져 있는 경우

 인터페이스 

- 패널 사라짐

사용하다가 갑자기 패널이 전부 사라지는 경우

Tabs 키 혹은 F 키 반복 

- Color 패널 배경색이 변경되는 경우

Color 패널의 현재 전경색, 배경색 선택되어 있는 테두리 영역 확인해서 배경색에 테두리 생겨있다면 전경색 마우스로 클릭 후 사용하세요.

- 흰색이 아이보리 등 다른 색으로 보이는 경우(Color Settings, Assign Profile)

Edit - Color Settings

RGB나 CMYK 색상 설정을 변경하면 됩니다.

문서를 열고 흰색으로 채운 뒤 실시간으로 비교해보며 맞춰보는 것을 추천드립니다.

Color Settings으로 해결이 안 되면 Assign Profile을 살펴보세요.

- UI 사이즈(창, 버튼 크기)가 너무 크거나 작게 나오는 경우 (특히 노트북)

Edit - Preferences (Ctrl+K) 에서 UI Scaling 변경

※ CS6의 경우 UI Scaling 옵션이 없기에 아래 방법으로 대신해보세요.

1. 위 reg 파일 받아서 실행하시거나 아래 과정으로 레지스트리 편집해주세요.

Windows키+R을 누르고 regedit 엔터
아래 경로로 이동합니다.
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\SideBySide\

마우스 우클릭 - DWORD(32 비트)
PreferExternalManifest 라고 이름 써주고 우클릭 - 수정 - 값 데이터에 1, 단위에 10진수(D) 선택합니다.

혹시 여러 버전을 중첩해서 설치했다면, 아래 과정까지 끝내더라도 실행 자체가 안 될 수 있는데 그런 경우,

다시 regedit 실행 후, PreferExternalManifest 파일 삭제해 주시면 정상적으로 작동합니다.

2. 위 파일 받으셔서 압축 푸시고 각각 해당 프로그램 설치 된 위치에 배치해주세요.

시작메뉴나 바로가기의 아이콘 우클릭 - 속성 보셔서 파일 위치 열기 하시면 바로 폴더 찾으실 수 있습니다.

이런 식으로 배치만 시켜 두고 바로 원본 프로그램 실행 시켜주시면 됩니다.

원문 링크:

danantonielli.com/adobe-app-scaling-on-high-dpi-displays-fix/

- 일부 툴이 안 보이는 경우

Window - Workspace - Essentials (Default)

(단, 패널 위치도 기본값으로 돌아감)

패널 변경 없이 툴만 꺼내려면 Edit - Toolbar 창 띄워서 우측에서 필요한 툴 찾아서 좌측으로 드래그

- Filter Gallery 등 일부 기능 비활성화 되어 있는 경우

Image - Mode 변경

CMYK, 혹은 일부 다른 모드라면 비활성화되고, RGB에서도 8비트에서만 활성화됩니다.

- 블렌드 모드(혼합) 일부 기능 비활성화 되어 있는 경우

Image - Mode - RGB 8 Bits/Channel 혹은 16 Bits/Channel 로 변경

(32 Bits/Channel 에서는 일부 기능 사용 불가)

그밖에 Grayscale, Lab color 같은 일부 모드에서도 비활성화 됩니다.

- JPG, PNG 등의 일부 포맷으로 저장이 불가능한 경우

Image - Mode 변경

JPG는 Indexed Color에서 저장 불가

PNG는 CMYK에서 저장 불가 (Quick Export로 추출해도 강제로 RGB로 변경되어 추출됨)

최신버전(22.4 이상)의 경우

Save a copy(Ctrl+Alt+S)으로 저장해야 합니다.

​

이전처럼 Save as(Ctrl+Shift+S) 로 저장하려면 프로그램 제거 후에

다시 낮은 버전(22.4 이전 버전)으로 재설치하거나

Ctrl+Alt+S 단축키를 Ctrl+Shift+S로 변경하는 방법도 있습니다.

 Layer style (레이어 스타일) 

- 효과(Effect) 각도(Angle) 일치화, 고정되는 부분

Use Global Light 체크/해제로 설정 가능

- 그룹으로 중첩 효과 적용 시 잘려 보이는 경우

CC에서 이런 경우가 발생할 수 있는데

Preferences(Ctrl+K), Performance탭의 Legacy Compositing 체크하면 제대로 나오게 됩니다.

 Brush (브러쉬) 

- 브러쉬 십자선으로 나오는 경우

CapsLock 키 혹은 브러쉬 크기가 너무 크거나 너무 작지 않은지 확인

- 브러쉬 간격이 벌어져 있는 경우

F5 눌러서 Brush Settings 패널 열고 Spacing 줄이면 됩니다.

프리미어 프로(Premiere pro) CS6에서 현재 프레임을 이미지 포맷으로 추출(스샷)하는 방법 - Export Frame

프로그램 모니터 패널, 혹은 소스 모니터 패널의 버튼을 눌러 저장하는 방법도 있고, 만약 단축키를 사용한다면 아래 사진과 같이 소스 모니터나 프로그램 모니터 패널 활성화 된 상태에서 Ctrl+Shift+E 해주면 됩니다.

Browse 누르고 경로 지정해서 저장해주면 끝

움짤(GIF) 편집 쉽게 하는 방법+피부 보정과 톤 변경

3줄 요약

1. GIF을 영상으로 변환(File - Export - Render Video)해서 불러오기

2. Convert for Smart Filter 적용하기

3. 편집하고 GIF로 추출하기(File - Export - Save for Web)

파일이 영상인 경우를 기본으로 예상해서 설명 드립니다.

※ 영상 파일이 포토샵에서 열리지 않는 경우를 대비한 팁

더보기

시작 하기에 앞서, 영상 특성상 제작, 가공되는 방식이 다양하기에 포토샵으로 불러와지지 않는 경우가 발생할 수 있습니다.

 

 

그런 경우 유튜브에 초안 상태로 업로드 했다가 다시 오프라인 저장하시면 눈에 보이는 건 아니지만 파일이 변환되기 떄문에

 

 

유튜브에서 내려받은 파일은 포토샵에서 열립니다.

※ 프레임 편집할 필요 없다면 아래 순서 3부터 시작하시면 됩니다.

※ 처음부터 GIF 파일로 갖고 계신 경우, GIF 파일 열고 아래 순서 2부터 시작하시면 됩니다.

1. 포토샵으로 필요한 프레임만 불러오기

File - Import - Video Frames to Layers

파일 경로 찾아서 열어주세요.

Limit To Every 'N' Frames에 체크하고 숫자 넣어서 프레임 비율 줄이거나 필요한 부분만 영역 잡아서 가져옵니다.

넣는 숫자만큼 1/N로 프레임 갯수 나눠서 불러오게 됩니다.

2. 영상으로 추출하기

File - Export - Render Video

H.264 / High Quality / Document Size

추출되는 확장자 MP4인지 확인하시고 Render 합니다.

※ 위 설정대로 안 나오신다면 코덱 먼저 설치한 뒤에 시도하셔야 합니다.

영상 추출 끝나면 열려있는 창 Ctrl+W 눌러서 닫아주셔도 됩니다.

3. 포토샵으로 추출한 영상 파일 불러오기

영상 파일을 포토샵으로 드래그해서 열어줍니다.

4. Convert for Smart Filter 적용 후 편집하기

Filter - Convert for Smart Filters, 이후 적용하는 효과는 모든 프레임에 동시 적용됩니다.

Filter - Noise - Reduce Noise

Strength 높게 / Preserve Details 필요한 만큼 컨트롤 / 3, 4 번째 항목은 최하값으로 주는 것을 권장합니다.

필요하면 1번 더 반복 적용합니다.(Ctrl+F 혹은 Ctrl+Alt+F)

Filter - Sharpen - Unsharp Mask

수치는 참고하셔도 되지면 사진마다 필요값에 차이가 있기에, 필요한 만큼 컨트롤 해서 적용해 주시는게 좋습니다.

Layer 패널에서 Adjustment Layer - Hue/Saturation 2개 추가하고, Properties 패널에서 Master 부분 Yellows로 변경 후 Saturation 최하값으로 적용

나머지 1개 Hue/Saturation 레이어 선택 하고, Properties 패널 Master 부분 Reds로 변경 후, Saturation 조금 낮게 적용

Layer 패널에서 Adjustment Layer - color Lookup 추가, Properties 패널에서 3DLUT File 리스트 중 Crisp_Winter.look 적용합니다.

5. GIF로 추출

File - Export - Save for Web(단축키 Ctrl+Alt+Shift+S) 합니다.

추출 포맷 GIF인지 확인하시고 추출하시면 됩니다.

좌측 하단의 추출 예정 포맷(GIF)과 용량(6.069M) 확인하시고, 용량이 너무 크다면 Image Size를 줄이거나, 전체 사용 색을 줄이거나, 취소하고 필요한 만큼 크롭을 한 뒤에 다시 추출하셔도 됩니다.

그래도 크다면 추출된 GIF 파일 아래 사이트에서 좀 더 압축시키는 방법도 있습니다.

gifcompressor.com/ko/

※ 이미 공개된 다른 무료 서체들도 많지만 제 개인적으로 사용하기 좋은 서체들만 모아둔 포스팅이라 찾으시는 서체는 없으실 수 있습니다.

네이버 나눔글꼴

https://hangeul.naver.com/2017/nanum

유토이미지 무료폰트 19종(회원가입+로그인 필요함)

http://www.utoimage.com/?m=event&mode=view&idx=177

우아한형제들 배달의민족 폰트

https://www.woowahan.com/#/fonts

티몬 서체 2종

https://brunch.co.kr/@creative/32

스웨거 폰트(최하단부 스크롤 시 영상 자동재생 됨 깜놀주의)

http://swagger.kr/font.html

야놀자 야체

http://yanolja.in/ko/yafont/

고도체

https://design.godo.co.kr/custom/free-font.php

제주도청 제주서체 3종

https://www.jeju.go.kr/jeju/symbol/font/infor.htm

부산시청 부산체

http://www.busan.go.kr/bhbusan

포천시청 포천서체 2종

http://www.pocheon.go.kr/www/contents.do?key=5582

고양시청 고양체 3종

http://www.goyang.go.kr/www/www05/www05_3/www05_3_6/www05_3_6_tab1.jsp

아산시청 이순신체 2종

https://www.asan.go.kr/main/cms/?no=49

EBS 서체 3종

https://about.ebs.co.kr/kor/organization/font?tabVal=hunmin

빙그레 서체 4종

http://www.bingfont.co.kr/bingfont.html

tvN 즐거운이야기체

http://tvn10festival.tving.com/playground/tvn10font

S-CORE 에스코어 드림체

http://www.s-core.co.kr/who-we-are/font

더페이스샵 잉크립퀴드체

http://www.thefaceshop.com/event/lipquid/main.jsp#FontDownload

다음 윤태호 미생체

http://webtoon.daum.net/event/misaengfont

롯데마트 통큰 서체 2종

http://company.lottemart.com/bc/service/htmlView.do?menuCd=BM0307&SITELOC=DB005 

쿠키런

https://www.cookierunfont.com/#section7

상상토끼 꽃길

https://sangsangfont.com/21/?idx=79

여기어때 잘난체

www.goodchoice.kr/font#is-first

티머니 둥근바람

www.tmoney.co.kr/aeb/cmnctn/ci/ci.dev

[PS] 세로쓰기 중에 누워있는 텍스트 세우는 방법

※ CS6 이전의 낮은 버전에서는 일부 툴이나 설정에 차이가 있을 수 있습니다.

포토샵에서 위와 같이 세로쓰기 할 때 기본값으로 설정되어 있다면, 영문이나 기호 같은 경우

텍스트가 90도 회전해서 누운 채로 나오게 될 텐데요.

이에 대한 해결 방법입니다.

텍스트 레이어 Ctrl 혹은 Shift 누른 상태로 다중 선택 후에,

상단 메뉴 Type - Language Options - East Asian Features 적용하고 나서,

Type - Language Options - Standard Vertical Roman Alignment 적용

이렇게 간단하게 해결 가능합니다.

BMP파일 알파값 넣어서 투명하게 저장하기

RGB 모드에서 해주세요.

다른 모드에서는 BMP로 저장 자체가 불가능할 수 있습니다.

선택 영역을 잡습니다. 투명하게 되지 않을 부분만 잡는겁니다.

이미지가 단순하다면 Magic wand 툴을 사용하셔도 되겠고, 어떤 방법으로든 원하시는 영역만 잡으면 됩니다.

Channels 패널로 가서 새 채널을 만듭니다.

패널이 안보이시면 상단 메뉴 - Window - Channels 찾아보세요.

채널을 추가했으면 선택 영역에 흰색을 채워주시면 되는데,

잘 모르시겠으면 방금 전 알파채널 선택된 상태에서 D 키(기본색 단축키) 누르시면 위와 같이 색이 변경될텐데 Alt+Del 누르시면 채워집니다.

이렇게 보이면 정상,

RGB 채널 가시 활성화 했을때,

이렇게 보이면 정상입니다.

Save for Web, 단축키 Ctrl+Shift+S 눌러서 BMP로 저장합니다.

Alpha Channels 항목 체크되어 있는지 확인하시고 저장해주세요.

저장하시면 옵션 창 뜰텐데 Advanced Modes 들어가셔서

32bit A8 R8 G8 B8 항목 체크하고 확인해주시면 됩니다.

저장된 bmp 파일 확장자를 강제로 ico로 바꾸고

다른 아무 파일이나 바로가기 만들고 속성 - 아이콘 변경으로 위치 찾아서 적용해보면,

알파값이 들어간 것을 확인할 수 있습니다.

[PS] CC 버전에서 CS 버전처럼 사용할 수 있는 기능들

1. 새 문서 인터페이스

Edit - Preferences(단축키 Ctrl+K) - General 탭의 Use Legacy "New Document" Interface에 체크하면,

새 문서를 CS 버전 스타일로 열 수 있습니다.

2. Shift 반전(Free Transform)

Edit - Preferences(단축키 Ctrl+K) - General 탭의 Use Legacy Free Transform 체크해주면

CS 버전에서 사용하던 것처럼 Free Transform 중 자유변형이 기본값이 되고 Shift키를 누르면 정비율로 적용됩니다.

3. Undo(실행 취소) 단축키

Edit - Keyboard Shortcuts(단축키 Ctrl+Alt+Shift+K) - Use Legacy Undo Shortcuts 체크해주면

CC 버전에서는 Toggle Last State 이던 항목이

CS 버전처럼 Step Backward 으로 변경되며 Alt+Ctrl+Z로 작동하게 됩니다.

ISO(국제 표준) 용지 규격(종이 크기) 정리

- A시리즈

- B시리즈

- C시리즈

[PS] Layer Style(Inner Glow-center)로 그렸던 브러쉬 굵기 줄이기

※ CS6 이후 버전이거나 낮은 버전에서는 일부 툴이나 설정에 차이가 있을 수 있습니다.

https://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1020301&docId=364296506&page=1#answer1

지식인에 올라온 답변을 겸해 영상으로 제작해 포스팅합니다.

[PS] Define pattern으로 패턴 만들고 쉽게 사용하는 법

※ CS6 이후 버전이거나 낮은 버전에서는 일부 툴이나 설정에 차이가 있을 수 있습니다.

https://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1020301&docId=363439763&page=1#answer1

지식인에 올라온 답변을 겸해 영상으로 제작해 포스팅합니다.

[PS] Define Brush로 브러쉬 제작-반짝이는 효과 넣기

※ CS6 이후 버전이거나 낮은 버전에서는 일부 툴이나 설정에 차이가 있을 수 있습니다.

https://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1020301&docId=348650728&mode=answer

지식인에 올라온 답변을 겸해 포스팅합니다.

반짝이는 형태의 브러쉬는 사실 웹상에서 찾을 수 있다면 받아서 적용해도 됩니다만,

직접 어떻게 제작 가능한지, 간단하게 빛나는 효과는 어떤식으로 넣을 수 있는지 알아보겠습니다.

Ellipse Tool(원형 셰이프 툴)을 선택합니다.

선 없이 색만 검정색으로 설정합니다.

(좌측상단 Shape를 기본으로 사용합니다)

+자 모양을 만들기 위해 납작하게 그립니다.

(스샷에는 대략적으로 그렸으니 수치는 필요한 정도로 잡아서 그려주시는게 좋습니다)

CTRL+J 로 복제한 뒤, CTRL+T(free transform)으로 SHIFT 누른 채 회전시켜서 90도로 돌려줍니다.

CTRL+클릭으로 두개 오브젝트 선택한 뒤 CTRL+E 로 병합합니다.

새 레이어를 만들어 줍니다.

B 눌러서 브러쉬 툴 선택한 뒤 화면에서 우클릭, 기본 브러쉬로 선택해줍니다.

ALT+마우스우측버튼 좌우로 드래그해서 브러쉬의 붉은 영역이 +자 형태 밖으로 나가지 않도록

브러쉬 사이즈를 조절해주세요.

CapsLock키를 눌러서 에임 맞춘뒤,

클릭하고 다시 CapsLock 눌러서 기본설정으로 돌려주세요.

레이어 썸네일에 CTRL+클릭으로 브러쉬 형태대로 선택영역을 잡습니다.

선택영역이 잡히는게 보입니다.

+자 형태로 만들었던 아래 레이어를 선택하고 마스크를 씌워줍니다.

브러쉬로 찍었던 레이어는 이제 필요없으니 선택 후 Del키로 삭제해줍니다.

레이어 명칭 부분에서 우클릭해서 Rasterize Layer를 선택해서 레이어를 일반 레이어로 만들어줍니다.

마스크 썸네일에서 우클릭 후 Apply Layer Mask로 마스크를 레이어에 적용시킵니다.

완성된 형태의 +자 레이어의 썸네일을 CTRL+클릭해서 선택영역을 잡습니다.

선택영역이 잡히는게 보입니다.

상단메뉴의 Edit - Define Brush Preset을 선택합니다.

이름은 원하는대로 작성해주세요.

브러쉬 툴 선택하고 우클릭 후 맨 아래로 스크롤하면 브러쉬가 추가된 것을 볼 수 있습니다.

다른 레이어들은 다 삭제하고 새 레이어를 추가한 뒤 블렌딩모드를 Color Dodge로 변경합니다.

R키(Rotate View Tool)를 눌러 SHIFT 드래그로 45도로 화면을 돌려줍니다.

(Rotate View 툴이 없는 버전이라면 이후 과정의 브러쉬를 먼저 찍은 뒤 CTRL+T로 돌려주세요)

B키를 눌러서 브러쉬툴 선택 후 ALT 클릭으로 대략적으로 색을 잡은 뒤

원하는 부분에 클릭해줍니다.

Rotate View Tool을 더블클릭해서 화면을 원상태로 다시 돌려줍니다.

여기까지 단순하게 넣을 수 있는 부분이고 이후에는 여러가지 방법으로 효과를 추가해주시면 됩니다.

아래 과정은 예를 들어 넣어본 효과입니다.

새 레이어를 추가로 만들고 블렌딩모드는 똑같이 Color Dodge로 변경합니다.

기본 soft round 브러쉬나 Star브러쉬 등으로 +자 형태의 가운데 부분에 반복 클릭을 추가로 넣어주고

밝은 부분 위주로 밝기를 조절해주면 아래와 같이 적용 가능합니다.