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 해줍니다.

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

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

kin.naver.com/qna/detail.nhn?d1id=1&dirId=1020301&docId=374696676 

[ 레슨/튜토리얼 포스팅이 아닙니다 ]

※ 중간 과정에 대한 부가적인 설명이나 사진이 없는 기록용 포스팅입니다.

편집내용 요약

1. 비율 늘려 빈 배경 만들기

네이버 클라우드 명칭이 또 마이박스(MYBOX)로 변경 되었네요. (언제부터인지 모르겠지만..)

처음에 N드라이브였던가? 그리고 네이버 클라우드로 바뀌었다가, 마이박스..

한참 찾았네;

이름 그만 좀 바꿨으면..

이번주에 프리시즌 시작하려나..

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

인터페이스

- 패널 사라짐

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

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

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

- 일부 툴이 안 보이는 경우

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

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

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

Layer style (레이어 스타일)

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

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

Brush (브러시)

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

 인터페이스 

- 패널 사라짐

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

Tabs 키 혹은 F 키 반복 

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

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

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

Edit - Color Settings

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

(문서를 열고 흰색으로 채운 뒤 실시간으로 비교해보며 맞춰보는 것을 추천)

- 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 모드에서 Filter Gallery 사용불가)

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

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

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

- 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 키 혹은 브러쉬 크기가 너무 크거나 너무 작지 않은지 확인

프리미어 프로(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

포토샵 타임랩스 02-양의 탈을 쓴 늑대(Wolves in sheep's clothing)

pixabay.com/

sheep-690371
timber-wolves-907680
wolf-1383977
wolf-2705883
wolf-2705885
wolves-1388610
wolves-3147281
wolves-3512705
sheep-3209091
forest-655979
bison-1801981

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

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

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

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

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

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

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

Type - Language Options - Standard Vertical Roman Alignment 적용

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

포토샵 타임랩스 01-단일 소스 사진 변형(dragonfly)

pixabay.com/

dragonfly-5124096