[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브러쉬 등으로 +자 형태의 가운데 부분에 반복 클릭을 추가로 넣어주고

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

[PS] 색수차(RGB분리) 효과 적용하는 법

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

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

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

이런 효과는 흔히 색수차(chromatic aberration)라고 하는데 보통은 빛의 굴절 때문에 의도치 않게 보일 수 있는 현상이지만 오히려 의도적으로 컨셉잡아 넣기도 하죠.

포토샵에서 적용하는 방법은 여러가지가 있을 수 있습니다만 간단하게 넣을 수 있는 방법으로 알려드리겠습니다.

먼저 CTRL+J 로 레이어를 하나 복제하고 안 보이도록 감춥니다.

Background 레이어를 선택한 뒤, Channels 패널을 선택합니다.

Channels 패널이 안보이면 상단메뉴 Window - Channels 열어주시면 됩니다.

Green 채널을 선택하고 CTRL+←(화살표좌측키)를 반복해서 누르거나 CTRL+SHIFT+←키를 1, 2회 눌러서 좌측으로 이동시킵니다.

다시 RGB 채널을 누르고, Layers 패널로 돌아옵니다.

적용은 되어있지만 Green 채널을 옮김으로 인해 빈공간에 우측끝에 R,B혼합색이 들어가게 됩니다.

M 키 누르고 1~2px정도 여유있게 선택해줍니다.

복제해두었던 레이어 선택 후, 가렸던 레이어를 보이게 해준 뒤 레이어패널 아랫쪽에 보이는 마스크(add vector mask)버튼을 클릭해 걸어줍니다.

과정은 많아 보이지만 실제로는 간단하게 적용 가능합니다.

[PS] 한 파일 안에서 여러개의 이미지로 분리 크롭 저장하는 방법(Slice Tool)

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

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

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

먼저 크롭할 사진들을 한 파일에 넣어주되,

사진끼리 겹치지 않게 간격을 띄워줍니다.

Crop 툴을 길게 눌러서 Slice 툴을 선택합니다.

참고로 상단 메뉴의 Style의 리스트박스에서 필요에 따라 Fixed Aspect Ratio(고정 비율), Fixed Size(고정 크기)를 지정해서 사용할 수 있습니다.

일반적으로 사용한다면 Normal로 지정해서 사용해주면 됩니다.

크롭할 부분에 드래그해서 영역을 잡아줍니다.

(Shift 누른채 드래그하면 정비율로 영역을 잡을 수 있습니다)

File - Save for Web을 실행합니다.

Save for Web 창의 좌측 하단 부분에 위치한 뷰어 비율을 클릭해서 Fit in View로 맞춰줍니다.

Slice로 영역을 잡았던 부분 중 저장할 부분만 처음엔 클릭, 두번째 이후는 Shift+클릭 반복으로 선택합니다.

위의 그림을 참고로 선택되지 않은 부분은 좌측처럼 밝게 보이며, 선택된 부분은 우측처럼 오버레이 없이 실제 밝기로 보이게 됩니다.

Save를 누르면 Save Optimized As 창이 뜨는데, 가장 하단의 Slices: 부분에 Selected Slices를 선택하고 저장해줍니다.

Slice로 영역 잡은 부분만 저장된 것을 확인할 수 있습니다.

[Brush Preset Manager로 브러쉬 관리하기]

브러쉬 툴을 선택한 상태에서 상단에 보이는

리스트박스(Brush Preset Picker)를 클릭합니다.

혹은 스테이지에서 우클릭해도 열립니다.

우측 상단에 옵션 아이콘을 클릭해서

Preset Manager를 클릭합니다.

Preset Manager 창이 열리는데

기본 브러쉬가 이렇게 많습니다.

타블렛같은 필압 관련 주변기기가 없으면

쓸모없는 브러쉬들도 많네요.

먼저 평소 사용하지 않는 브러쉬는

리스트에서 삭제하겠습니다.

삭제 방법은 삭제할 첫 브러쉬부터 마지막 브러쉬까지

클릭 - Shift클릭으로 선택해서 Delete 버튼 눌러주시면 됩니다.

사용하지 않는 브러쉬를 삭제한 뒤

평소 많이 사용하거나 사용하고 싶은 브러쉬를

Load 버튼을 눌러 불러와주면 됩니다.

미리 구해놓은 브러쉬를 불러옵니다.

브러쉬를 불러온 뒤 첫 브러쉬부터

마지막 브러쉬까지 클릭 - Shift클릭으로

전체 선택 후 Save Set을 눌러주세요.

브러쉬 세팅을 저장할 장소를 정해서

마음에 드는 이름으로 저장하시고

Done을 눌러 Preset Manager를 종료합니다.

그럼 마지막에 설정해둔 브러쉬 세팅으로

저장이 되어있어서 그대로 사용하시면 됩니다.

만일 브러쉬 설정이 다시 리셋되거나 한다면

Replace Brushes를 클릭해서

세팅해둔 브러쉬를 덮어쓰면

다시 간단하게 원하는 브러쉬만

사용할 수 있습니다.

[클리핑마스크(Clipping Mask)의 개념과 사용법]

포토샵의 꿀같은 기능 중 하나인 클리핑마스크!

포토샵을 사용하시는 분들 중에는

이미 클리핑마스크를 아시는 분들도 많을텐데요.

잘 모르시는 분들이나 정확히 어떻게 써야하는지

이해가 어려운 분들을 위해 클리핑마스크의 개념과

사용 방법에 대해 정리해보겠습니다.

먼저 클리핑마스크가 무엇인지 쉽게 설명드리자면

이런식으로 텍스트 위에 그림이 들어간 이미지들을

보신적 있으실 겁니다.

유명한 예로는 마블스튜디오 인트로무비가

대표적이겠네요.

클리핑마스크는 이와 같이

아래 위치한 레이어를 기준으로 바로 위의 레이어를

아래 레이어의 형태만큼만 보여주는 기능입니다.

클리핑마스크가 적용된 레이어 구조는 위와 같습니다.

윗 레이어 썸네일 좌측에 화살표가 생겼죠.

만일 새로운 레이어를 드래그해서

아래 레이어와 클리핑마스크가 적용된 레이어의

사이에 배치하면

새로운 레이어도 클리핑마스크가 적용됩니다.

즉, 기준 레이어와 클리핑마스크를 적용한 레이어 사이에는

일반적인 레이어를 배치할 수 없는

한 묶음이 된다는 의미입니다.

자세한 사용 방법은 아래 적용 예시를 통해

설명 드리겠습니다.

클리핑마스크를 적용할 레이어를 선택하고,

레이어를 우클릭해서 Create Clipping Mask를 선택하거나

쉽게 단축키 Ctrl+Alt+G 를 눌러줘도 됩니다.

(클리핑마스크 해제도 Ctrl+Alt+G)

또 다른 방법으로

레이어와 레이어 사이에 Alt 누른채

마우스를 가져가면 포인터가 바뀌는데

저 상태에서 클릭해도 적용됩니다.

(개인적으론 단축키로 사용하는게 편하니

Ctrl+Alt+G로 사용하시길 추천)

윗 레이어 2개를 선택하고 클리핑마스크를

적용했습니다.

결과는 이렇게 들어가게 됩니다.

겹치는 부분은 위와 같지만

클리핑마스크가 적용된 부분 중에서도 위의 레이어가

아래 레이어를 가리게 된다는 점도 유의하셔야 하고

또, 클리핑마스크가 적용된 레이어들끼리는

서로 가려지기만 할 뿐 보여지는 형태는

기준이 된 클리핑마스크 레이어에만 영향 받습니다.

간혹 위와 같이 흰 배경으로 채워진 레이어에

클리핑마스크를 적용하시는 분들이 계신데

이런 경우 텍스트대로 색만 흑백으로 나뉘어 있을 뿐

형태는 가득 차있는 상태이기 때문에

당연히 이런식으로 적용됩니다.

레이어상의 공백이 있는지 없는지

제대로 판단해서 적용하는게 중요하다는걸

명심해서 사용해주세요.

사진 여러장을 한 파일로 만들때 갯수가 적다면

복붙하거나 드래그해서 한 파일로 모을수가 있습니다.

그러나 모을 갯수가 몇백, 몇천장이 된다면

한장씩 모을 엄두조차 나지 않게 됩니다.

이런 경우를 위해 필요한 기능이 Contact Sheet II 입니다.

[Contact Sheet II]

File - Automate - Contact Sheet II 를 실행합니다.

Contact Sheet II 설정 창이 뜨는데 어떤 기능들이 있는지 살펴보도록 하겠습니다.

맨 위 Source Images 는 불러올 파일 경로와 불러오는 방식을 설정합니다.

Use 의 리스트 박스에서 불러올 폴더를 지정할지 혹은 파일을 직접 지정할지 선택할 수 있습니다.

Choose 를 클릭해 가져올 경로를 선택합니다.

Include Subfolders에 체크하면 경로상의 폴더 내부 폴더들의 파일들도 불러오게 됩니다.

Group Images by Folder에 체크하면 폴더별로 각각 다른 파일로 모아줍니다.

중간에 위치한 Document는 만들어질 문서 속성을 설정합니다.

Units으로 단위, Width Height로 가로 세로, Resolution은 해상도 등 기본적인 개념이니 넘어가겠습니다.

Flatten All Layers에 체크하면 모든 이미지가 한개의 레이어로 만들어지니

각각의 레이어로 보관하고 싶으시다면 체크 풀어서 사용하시는게 좋습니다.

하단의 Thumbnails는 불러올 이미지 파일들을 배치하는 방식을 설정합니다.

Place 의 리스트 박스의 across first는 가로, down first는 세로 순서로 배치합니다.

Columns는 문서내에 배치할 가로 갯수, Rows는 세로 갯수를 의미하고

Vertical은 배치되는 이미지간의 세로 여백, Horizontal은 가로여백을 설정합니다.

Rotate for Best Fit에 체크하면 가로세로 비율 차이가 큰 이미지의 경우 회전시켜서 가져오게 됩니다.

최하단 Use Filename as Caption은 말 그대로 가져올 파일들의 파일명을

이미지 아래에 각각 표시하게 할지를 설정할 수 있습니다.

만일 현재 설정대로 불러오면

A4용지 사이즈로 가득차게 가로 2개, 세로 4개가 들어갈 크기로 여백없이 배치되게 됩니다.

이해를 돕기위해 예를 들어 응용해보겠습니다.

불러올 폴더의 최상위 위치입니다.

이미지파일 5개가 있고 내부에 또 폴더가 존재합니다.

내부에 존재하는 폴더에는 이미지파일 3개가 있습니다.

이대로 최상위 폴더를 지정해 Contact Sheet II를 실행할 경우

최상위 폴더내의 이미지 5개로 1그룹

폴더 내부에 있던 3개 이미지로 따로 1그룹

위와 같이 2가지 파일로 생성됩니다.

※ 만일 한 폴더내에 배치될 이미지 갯수보다 많은 파일 갯수가 존재할 경우,

배치될 파일을 넘어서는 파일부터는 다음 그룹으로 불러오게 됩니다.

EX) 2 X 4로 불러오는 설정에 폴더내에 파일 20개가 있는 경우,

각각 8 / 8 / 4 개 이미지로 배치된 3개 파일로 생성됨

(개인적인 파일들이라 블러 넣었습니다)

갯수가 많은 경우 Columns / Rows와 여백 조절해서 위와같이 간단하고 간결하게

자동으로 배치할 수 있습니다.

불러올 사진들이 비율이나 사이즈가 제각각이라면 여백이 제각각일 수 있으니

같은 사이즈의 파일에서 사용하기에 더 좋으니 참고하시길 바랍니다.

[포토샵 브러쉬에서의 필압 설정 기능]

브러쉬툴 선택한 상태에서 상단에 보시면

이 옵션들이 보입니다.

1, 2, 3 순서대로 설명드리겠습니다.

1번은 타블렛과 같은 필압이 있는 컨트롤러에 반응해서

필압이 약하면 불투명도가 낮게, 필압이 강하면 강하게 표현하게 해주는 효과입니다.

마우스로 하시면 아무 변화가 없습니다.

왼쪽은 체크, 오른쪽은 해제한 상태의 예시입니다.

2번은 에어브러쉬라고도 하는데, 누르고 있으면 누르고 있는 시간만큼

같은 장소에 반복해서 클릭해준다고 생각하시면 됩니다.(스프레이 뿌리듯이)

왼쪽은 일반, 오른쪽이 체크하고 누르고 있을때의 예시입니다.

3번은 1번과 마찬가지로 필압에 반응해서

스트록의 굵기를 조절하게 해주는 효과입니다.

마찬가지로 마우스에는 적용불가이고, 좌측이 체크, 우측이 체크 해제한 예시입니다.

1, 3번을 동시에 체크하면 이런식으로 표현되겠습니다.

이전 포스팅에 이어 레이어스타일을 추가로 응용해보겠습니다.

이전 포스팅은 아래 링크로 확인하실 수 있습니다.

[Design [Lessons & tips]/PS] - [PS] [Layer style]타이틀꾸미기 #00

레이어스타일 아이콘에서 다시 더블클릭을 해줍니다.

그라디언트 오버레이(Gradient overlay)를 클릭하고

Gradient 바 부분을 클릭합니다.

각 끝에 있는 컬러스탑(Color stop) 2개를

각각 중앙으로 드래그합니다.

이런 형태가 되는데, 컬러스탑을 더블클릭해서

원하는 색상으로 변경합니다.

(의식의 흐름대로 진행하다보니 컬러를 먼저 변경하는게 편한데 겹쳐놓고 변경하게 되었네요...)

컬러를 변경하고 난 뒤,

원하는 각도로 변경하시고 확인을 눌러 레이어스타일을 끝냅니다.

물론 여기서 세부적으로 그라디언트 세팅을 바꿔

다양하게 꾸며서 다른 스타일로 완성하셔도 됩니다.

다만 제가 적용하고자 하는 효과는 텍스트 각각에

그라디언트를 적용하는 것이었기 때문에,

각각에 적용하려면 텍스트를 레이어 상에서 한개씩 나눠 적용해야 합니다.

최초에 텍스트를 나눠 작성하신 뒤 레이어스타일을 적용하셔도 되고

제 경우처럼 레이어스타일을 적용해놓은 뒤 텍스트를 나눠도 됩니다.

(일러스트레이터에선 그라디언트를 쉽게 오브젝트마다 따로 적용할 수 있는데 포토샵에선 이 점이 좋지 않게 작용되네요.)

한글자만 남기고 전부 지운 뒤,

V키를 눌러 Move툴을 선택해서

Alt를 누른채로 마우스 드래그하면

쉽게 복제가 됩니다.

반복해서 한개 더 복제하고

레이어 패널에서 3개를 모두 선택합니다.

Ctrl 누른채 클릭, 클릭해서 선택하시면 됩니다.

3개를 모두 선택했으니 마찬가지로 Alt 누른채 아래로 드래그하면

3개가 동시에 복제가 되겠죠.

텍스트 내용을 쉽게 바꾸는 방법으로

레이어 패널에서 썸네일 더블클릭하시면,

이와같이 해당 텍스트가 선택되기 때문에

그 상태로 원하는 글씨로 바꿔 써주시면 됩니다.

이 방법으로 전부 텍스트 바꿔주시고

각각 위치 세부적으로 옮겨주시면

효과 적용이 완성됩니다.

여기까지 적용된 psd파일 올려두니

필요하신 분은 받아서 사용해주세요.

title_effect01.psd

요즘은 이런 입체적이면서도 샤프하고 튀는 느낌의 타이틀을 많이 사용하는 추세인데요.

타이틀을 꾸미는데에도 방법이 천차만별지만

기초적이고 간단한게 레이어스타일을 사용하는거죠.

레이어스타일을 이용해 쉽게 타이틀 꾸미는 법

그 기초를 알려드리겠습니다.

먼저 텍스트를 작성합니다.

서체도 잘 정하셔야 하는데 고딕류의 서체 사용하시길 추천합니다.

제 경우엔 배민 도현체 사용했습니다.

무료서체라 워낙 많이 사용되는 서체죠.

다른 사용하기 좋은 서체들도 있으니 아래 링크에서 받아서 사용하시면 되겠습니다.

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

레이어 패널에서 레이어 이름 우측에 더블클릭!

레이어스타일 창이 뜨면 먼저 stroke을 넣습니다.

이어서 drop shadow를 넣는데,

중요한건 불투명도(opacity) 100% / Spread 100% 를 해주시고

Distance를 Size보다 조금 작은값으로 넣어주세요.

각도는 원하는 각도로 지정하시면 됩니다.

레이어 패널에서 폴더모양 아이콘을 눌러 폴더(그룹)을 생성합니다.

단축키 Ctrl+G 클릭하셔도 됩니다.

작성한 타이틀을 그룹안에 드래그해서 넣어주세요.

텍스트를 그룹에 넣은 뒤 그룹명 우측에서 더블클릭합니다.

다시 Stroke을 넣고 Color를 흰색으로 저장해줍니다.

배경이 흰색이라 안보일듯해서 배경을 블랙으로 변경했습니다.

여기까지가 기본적으로 쉽게 꾸밀 수 있는 방법이었고,

이후 응용해서 여러가지 방법으로 꾸며서 완성하면 되는데

다른 방법들을 응용해서 추가로 포스팅하도록 하겠습니다.

psd파일 올려두니 공부하시는 분이나 기타 필요하신 분은 사용해주세요.

title_effect00.psd

[Pixel per Inch]

ppi란 말 그대로 '1인치 안에 몇 픽셀로 표시하는가'를

기준으로 해상도를 쉽게 통용해 사용하기 위한 단위입니다.

비슷하게 사용하는 단위로 dpi(dot per inch)가 있으나

dpi는 인쇄시에 사용하는 단위로 ppi와 의미가 비슷하긴 하나

같다고 생각해서는 안됩니다.

ppi를 알기전에, 픽셀(pixel)이 정확히 뭔지 모르시는 분도 있으실텐데,

쉽게 설명하자면 픽셀은 가상으로 표현 가능한 가장 작은 점 하나를 말합니다.

실제 사이즈로는

이 정도 입니다만

너무 작아서 잘 안보이신다면

5배 정도 확대해서

▼

▼

▼

가로 세로 각각 1인치(2.54cm)에 72개의 픽셀이 가득 차는 비율에서의

1픽셀은 저렇게 표시됩니다.

실제로는 이렇게 72 X 72 칸의 공백이 존재하겠죠.

먼저 설명한 웹상에서의 72ppi부터

인쇄시의 300ppi까지 비교해서 차이를 살펴 보면

72ppi로 동일 사이즈의 사진을 확대해서 보게 되면

앨리어싱(계단현상)이 보이게 됩니다.

150ppi는 72ppi보다는 들어가는 픽셀 숫자가 2배 이상 늘어나기 때문에

더 조밀하게 표현됩니다.

300ppi에서는 다시 150ppi의 두배 해상도로

선명한 이미지를 얻을 수 있습니다.

1픽셀의 크기는 5배를 했음에도 육안으로 확인하기 어려울정도로 작게 보입니다.

위의 해상도 비교는 인쇄 결과를 예상했을때의 비교이고,

그래픽 프로그램에서 편집할때의 체감으로는

1픽셀의 최소 사이즈가 고정되게 느껴지게 됩니다.

이게 무슨 말이냐면,

포토샵과 같은 프로그램을 다룰때는

가상으로 확대 축소가 쉽게 가능하고

최대로 확대했을때의 픽셀 크기가 고정이기 때문에

해상도가 높아지면 픽셀이 작아졌다는 느낌보다

용지가 커졌다는 느낌을 받게 됩니다.

(물론 100%화면 기준으로 비교하면 픽셀 크기의 차이를 느낌)

그래서 해상도의 개념에 대한 이해를 제대로 못한 경우

화면상으로 크게 보이기 때문에 실제 인쇄시에도

크게 출력될거라고 착각을 하게되는 경우가 생기기도 합니다.

72ppi 기준에서 본 픽셀 갯수의 차이를 표현하자면 이 정도가 됩니다.

프로그램상으로 실제 배율을 확인하지 않고 보면

크기의 차이로 받아들이게 되지만,

실제 인쇄해서 확인하면 같은 용지안에

얼마나 픽셀을 압축해서 표현했느냐의 차이일 뿐입니다.

그런 이유로

저해상도, 작은 사이즈의 사진을 큰 용지에 늘려서 인쇄할 경우

채워야 할 픽셀 갯수가 부족한 부분은

주변부 픽셀과의 평균 값으로만 표현하기 때문에

계단현상이나 블러가 들어가고 선명하게 확대하는게 불가능합니다.

마찬가지로 포토샵상에서도 사이즈를 늘리게 될 경우

블러가 들어가는 이유도 같습니다.

확대해서 보면 원래 1픽셀로 표현되던 부분이었지만

픽셀은 그대로지만 이미지 사이즈만 커졌기에

픽셀과 픽셀 사이를 표시할 다른 정보가 없으므로

기존 픽셀 사이의 중간값 그라디언트 형태로 표현하는게 최선이기 때문에

선명하게 표현되지 않습니다.

레이어스타일 2번째 포스팅

[Outer Glow]

입니다.

Outer Glow는 Drop Shadow와

기능면에서는 비슷합니다.

Drop Shadow의 Blend Mode는 기본 Multiply로

밝은 배경에 그림자로 쓰는게 기본인 것과 달리

반대로 Outer Glow는 Screen이 기본이라

어두운 배경에 빛나는 효과가 기본입니다.

(물론 경우에 따라 Blend mode를 반대로 사용하기도 합니다.)

또, Distance가 없기 때문에 중앙에서 퍼지는 형식으로만 사용이 가능한 대신,

퍼지는 정도에 대한 컨트롤이 더 세부적으로 가능합니다.

레이어 스타일 창에서의 항목들을 살펴보면

다음과 같습니다.

1. Blend Mode

블렌드 모드를 설정합니다.

배경에 따라 어둡게 넣거나 다른 분위기로

넣어야 할 경우 변경해서 사용하게 됩니다.

(레이어의 블렌드 모드와 같습니다)

2. Opacity

빛의 불투명도를 설정합니다.

3. Noise

노이즈를 추가합니다.

거친 느낌으로 넣을 경우 사용할 수 있겠습니다.

4. Set color of glow

빛의 색을 변경합니다.

Drop Shadow와 달리 색상을 그라디언트로

적용할 수 있습니다.

5. Technique

Soft가 기본이며 부드러운 느낌,

Precise로 설정하면 좀 더 강한 느낌으로 적용됩니다.

6. Spread

빛의 퍼지는 정도(농도)를 설정합니다.

7. Size

빛이 퍼지는 영역을 설정합니다.

8. Contour

빛의 윤곽(형태)를 변형합니다.

9. Range

빛의 범위를 설정합니다.

Spread와 유사한 속성입니다.

10. Jitter

Outer glow에서의 jitter는 noise와 비슷한데

값이 작을수록 그라디언트 상

더 밝은색에 약하게 적용되며,

값이 높을수록 전체적으로 강하게

노이즈가 들어가게 됩니다.

Outer glow의 장점은

색상을 그라디언트로 적용할 수 있기 때문에

대상의 배경으로 다양하게 효과를 넣기에 좋습니다.

▲

적용된 효과

- Drop Shadow

- Outer Glow

레이어 스타일 2번째로 Outer Glow에 대해 알아봤습니다.

앞으로 4번 정도의 포스팅으로

레이어 스타일을 정리하도록 하겠습니다.

[Design/PS] - [Layer style] 포토샵의 필수 기능, 레이어 스타일 #1 - Drop Shadow

레이어 스타일은 포토샵에서 무언가 꾸미는데에 있어

가장 기초이자 핵심적인 기능입니다.

▲

제 포토샵/일러스트레이터 포스팅 최상단에 넣는

시그니처 이미지도 type, shape 툴 제외하곤

레이어 스타일만 사용해 제작한겁니다.

이렇듯 레이어 스타일의 기능들을 조합해서 사용하면

수많은 결과물들을 만들어내거나

쓸모있는 효과를 적용할 수 있는데요.

이 레이어 스타일엔 어떤 기능이 있고,

어떻게 사용해야 하고 또, 최종적으로는

어떤식으로 조합해서 쓸 수 있는지도

순차적으로 시리즈로 포스팅 해보겠습니다.

그래서 오늘은 그 첫번째

[Drop Shadow]

되겠습니다.

Drop Shadow는 단어 뜻 그대로

그림자를 넣는 기능인데요,

본 기능과 개념 설명에 앞서

먼저 레이어 스타일을 어떻게 적용하는지

기본적인 방법 먼저 알아보겠습니다.

제가 아는 한, 레이어 스타일을 적용하는 루트는

3가지입니다.

제 경우에는 레이어를 더블클릭해서 사용합니다만

어떻게 사용해도 상관은 없습니다.

그럼 이제 본격적으로 Drop Shadow를 알아봅시다.

레이어 스타일을 실행하면 창이 뜨고

좌측 최하단 Drop Shadow를 클릭하면

아래와 같이 창 내용이 변합니다.

▼

Drop Shadow에서 주로 쓰게되는 속성은

윗쪽 Structure의 1~7번까지 항목들인데요.

순서대로 살펴보면

1. Blend Mode

그림자의 블렌드 모드를 설정합니다.

배경에 따라 밝게 넣거나 다른 분위기로

넣어야 할 경우 사용하게 됩니다.

(레이어의 블렌드 모드와 같습니다)

2. Set color of shadow

그림자의 색상을 설정합니다.

3. Opacity

그림자의 불투명도를 설정합니다.

4. Angle

그림자의 입체적인 각도(방향)를 설정합니다.

5. Distance

그림자와 원본 오브젝트 사이 입체적인 거리를 설정합니다.

수치를 높게 넣을수록 멀리 떨어진 느낌을 주게됩니다.

6. Spread

그림자의 퍼지는 정도(농도)를 설정합니다.

높은 값을 줄수록 날카로워지며

사이즈에 비례해 해당 사이즈만큼

짙게 채워지게 됩니다.

7. Size

그림자의 사이즈를 설정합니다.

8. Contour

그림자의 윤곽(형태)를 변형합니다.

9. Noise

그림자에 노이즈를 추가합니다.

레이어 스타일이 적용되게 되면

기존 레이어 아래에 사용된 이펙트 리스트가 추가되며

우측에는 fx 아이콘이 생깁니다.

▼

Drop Shadow는

응용하면 위 이미지처럼 부드러운 외곽선으로

넣을수도 있고, 필요에 따라

다양하게 사용할 수 있습니다.

다음 포스팅부터 위 이미지에 하나씩

효과를 추가해서 어떤식으로

텍스트 이펙트를 만들게 되는지

순차적으로 보실 수 있게 될겁니다.

포토샵에서 크롭(crop)하는 방법은 아주 많습니다.

canvas size를 조절해도 되고

crop툴을 사용해도 됩니다만,

개인적으로 가장 편하게 사용하는 방법이 있습니다.

그 방법은 바로

직접 Image 메뉴의 Crop키를 누르는건데요.

이게 더 복잡할 것 같은 느낌이 드실 수도 있는데,

제 경험상 가장 빠르고 편합니다.

방법은 선택영역 잡은 후 Alt, I, C 를

순서대로 누르면 됩니다.

제 경우는 기본 툴을 

^[각주:1](Rectangular Marquee Tool)로 사용합니다.

이런 저런 툴을 사용하다가

버릇처럼 m을 누르는겁니다.

^[각주:2](move) 이나 ^[각주:3](brush) 와 같은 툴을

선택하고 있다가 졸거나 실수로 클릭될 경우

해당 레이어가 이동되거나 칠해질 경우가 있어서

선택영역쪽 툴로 돌려두는게 안전하기도 하구요.

그렇다보니 제 경우엔  선택된 상태로

필요한 영역 잡고 Alt, I, C 눌러서

쉽게 크롭하곤 합니다.

단축키로 크롭하는게 또 편한 경우가 있는데요.

위와 같이 1px 정도 빈 공간이 생긴 이미지를

만날 때가 있습니다.

그럴땐 Ctrl + A 눌러서 전체영역 잡고

→키로 영역 1px 이동시킨 뒤

Alt, I, C 클릭하면 쉽게 처리가 되죠.

물론 가 선택되어 있는 경우엔 선택영역 잡고

→키를 누르면 이동이 되기 때문에

다른 툴이 선택되어 있을때 사용하시거나,

를 기본 툴로 사용하시길 추천 드립니다.

사진출처

https://pixabay.com/photo-1927265