3줄 요약

1. 모든 파일을 비디오 타임라인으로 변환 후 모든 레이어 선택해서 스마트 오브젝트로 변환

2. 하나의 파일로 모으고 타임라인 길이에 차이가 크다면 해당 파일에서 프레임 길이 조절 후 다시 가져오기

3. 사이즈 조절 및 추출(File - Export - Save for Web)

[PS] 레이어 스타일로 금속 재질 느낌 내는 방법

텍스트 기본 색은 이 정도로 노란 계열이면 됩니다.

Bevel & Emboss로 외곽 부분 경사면의 반사광 느낌을 만듭니다.

Color Overlay로 원하는 금속 계열 컬러를 덮습니다.

Contour 적용해 Bevel & Emboss을 좀 더 디테일하게 만듭니다.

Stroke을 Gradient 속성으로 안쪽으로 적용해 반사되는 부분들을 좀 더 현실감 있게 표현합니다.

Satin을 적용해 정면 부분의 반사되는 느낌을 만들어 줍니다.

Inner Shadow를 적용해 각진 부분을 더 뚜렷하게 표현하기 위해 채도와 대비를 높여줍니다.

외부 텍스처를 가져와서 패턴으로 넣는 방식으로 사용한다면 더 효과적으로 만들수도 있겠습니다만, 대략적으로 프로그램 내에서 만들어본다면 이런식으로 중첩해서 텍스처 느낌을 낼 수 있습니다.

PSD 파일 올려두니 필요하신 분은 참고해보세요.

[PS] 포토샵CC 예전 버전 사용자 정의 모양(Custom Shapes) 등 각종 패널 리스트 추가, 정리하기

※ CC 전용 포스팅입니다.

3줄 요약

1. Window - Shapes 패널 열고 기존 리스트 삭제

2. Legacy Shapes and More

3. 리스트 정리하고 프로그램 재실행

[PS] 타임라인, 키프레임 편집 방법 기초-Position, Transform(회전) Timeline Keyframe edit

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

3줄 요약

1. Create Video Timeline으로 타임라인 추가

2. Smart Object로 변환

3. Transform Keyframe 편집

[PS] 복제, 변형의 기본적인 편집 방법-Transform Edit(지식iN)

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

4줄 요약

1. Lasso 툴로 선택영역 잡고 복제(Ctrl+J)

2. 위치 맞추고 Free Transform(Ctrl+T)으로 형태 맞추기

3. Mask 씌우고 브러쉬로 연결부 다듬기

4. 병합 후 Mixer-Brush 등으로 후편집

워터마크 한번에 넣기(Action, Automate-Batch 사용한 반복작업 자동화)

2줄 요약

1. Action 만들기(워터마크 배치, 병합, 저장, 창 닫기)

2. File - Automate - Batch 실행(Action 지정, 폴더 지정, Include All Subfolders 체크)

[PS] 기호와 커서가 텍스트 앞부분으로 고정되는 문제 해결 방법

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

포토샵에서 텍스트 사용 중에 . , ' "과 같은 기호들과 커서가 텍스트 앞(좌측 끝)으로 오는 경우, 우측 끝으로 오도록 전환하는 방법에 대한 포스팅입니다.

Ctrl+K 눌러서 Preferences 열고

Type 탭에서 Latin and East Asian Layout 으로 선택합니다.

버전에 따라 이후 포토샵을 재시작하거나, 문서를 다시 열어줘야 적용됩니다.

이 설정 변경은 새 문서에만 적용되기 때문에

기존에 저장했던 문서의 경우에는 기존 설정으로 저장되어 있는 텍스트들을 추가로 직접 변경해줘야 합니다.

해당 문서 내의 텍스트 레이어를 전부 선택하고 Paragraph 패널 우측 상단 버튼 - Latin and East Asian Layout 체크해주면 선택된 텍스트 레이어들의 설정도 전환되며, 이후 저장하고 문서를 다시 열어주면 설정이 유지됩니다.

움짤(GIF) 합치는 방법

3줄 요약

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

2. 하나의 파일로 모으기

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

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)

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

움짤(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/

[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로 작동하게 됩니다.