워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그


사진 이미지는 RGB모드인경우 Red, Green, Blue로 이루어진 이미지의 조합으로 하나의 이미지를 만듭니다. 포토샵의 채널은 이러한 조합의 이미지를 각 색상별로 나눈 것으로 콘트라스트가 높은 하나의 채널을 선택하여 이미지의 일부를 추출하는데 이용됩니다. 이러한 채널의 기능과 채널을 이용한 이미지 추출 방법을 알아봅니다.

snowboarder.zip


 
이미지를 열고 채널패널을 선택하면 기본적으로 채널의 썸네일이 회색으로 되어있습니다. Ctrl+K를 눌러 환경설정창의 인터페이스 항목에서 채널을 컬러로 보기(Show Channels in Color)에 체크하면 컬러로 나옵니다. 각 채널을 선택하면 이미지가 해당 채널의 컬러로 나오게 됩니다.


각 채널의 이미지를 프린트스크린으로 캡쳐해서 검정색 배경에 놓고 블렌드 모드를 스크린으로 하면 원래의 이미지로 나오게 됩니다. 


선택툴로 선택을 하고 우클릭해서 선택저장하기로 저장을 하거나 레이어마스크 만들기 아이콘을 클릭하면 채널패널에 알파채널이 만들어집니다. 알파채널의 흰색은 완전 선택된 부분이고 검정색은 선택에서 제외된 부분을 의미하며 중간색인 회색은 불완전 선택을 의미합니다. 하나의 채널은 불완전한 색으로 채워져있으므로 3개의 채널이 합해져서 완전한 색이 나오게 됩니다. 이러한 알파채널을 이용하여 채널창의 다른 채널을 알파채널로 바꾸면 사진의 스노우보더 뿐만 아니라 흩날리는 눈까지도 추출할 수 있게 됩니다.


채널의 썸네일이 회색이 기본으로 되어있고 클릭을 하면 이미지가 회색으로 나오게 되어있는 것은 채널을 이용해서 추출하는데 많이 사용되기 때문입니다. 예전의 글 에서 연산 기능과 채널을 이용하여 머리카락을 추출하는 방법이 있었는데 여기서는 채널만 이용해서 눈을 추출합니다. 각 채널을 클릭해서 눈 부분의 콘트라스트가 높은 채널을 선택합니다. 위 이미지는 Red채널이 가장 높습니다.


Ctrl키를 누르고 Red채널의 썸네일 이미지를 클릭하면 선택의 표시가 나옵니다.


1의 새채널만들기 아이콘을 클릭하면 검정색의 알파채널1이 만들어지고 D키를 누르면 전경색이 흰색으로 나옵니다. Alt+Delete키를 누르면 선택부분에 흰색이 채워지면서 Red채널의 이미지와 같아집니다. 더 간단한 방법은 Red채널을 우클릭하고 메뉴에서 채널복사하기를 선택하면 작은 창이 나오는데 엔터치면 됩니다.


알파1채널에 흰색이 채워지면서 2의 Red채널과 같아졌습니다. Ctrl+D키를 눌러 선택을 해제합니다.


알파채널에서 완전 흰색은 앞에서도 봤듯이 완전선택이 된것이고 중간색인 회색은 불완전 선택된 부분입니다. 특정부분을 선택해서 오려내기 위해서는 완전선택을 의미하는 흰색을 만들어줘야합니다. 회색을 흰색으로 만들려면 명도를 높여줘야합니다. 명도를 높이는데 사용되는 툴은 레벨입니다.


채널창에서는 조정레이어가 적용이 안되므로 Ctrl+L키를 누르면 레벨조정 창이 나옵니다. 1의 검정색 슬라이더는 우측으로 이동하면 이미지가 어두워지고 2의 흰색 슬라이더는 좌측으로 이동하면 밝아집니다. 중간에 있는 회색슬라이더는 중간색의 밝기를 조정합니다. 여기서는 양쪽의 두개의 슬라이더를 이용해서 추출하고자하는 3부분의 콘트라스트를 높여서 검정색과 흰색만 남도록 슬라이더를 이동해줍니다.


1처럼 양쪽의 슬라이더를 조절하여 서로 모이도록 이동했더니 2처럼 흰색이 진해졌습니다. 흩여진 눈도 흰색이 진해져서 거의 완전선택을 할 수 있게 됐습니다. OK클릭합니다.



1의 알파채널과 원본인 2의 Red채널을 비교하면 완전히 다릅니다. 거의 검정색과 흰색만 남아서 흰색을 선택하면 컬러이미지에서 그 부분만 추출할 수 있게 됩니다. Ctrl키를 누르고 알파채널의 썸네일 이미지 3을 클릭하면 선택이 됩니다. 4의 RGB채널을 선택하고 레이어창으로 가서 이미지레이어 5를 선택하고 Ctrl+J키를 누르면 6처럼 선택된 부분만 레이어 복사됩니다.희미하지만 추출이 된 것입니다.


2의 이미지레이어를 선택하고 더블클릭하면 창이나오는데 엔터키를 치면 우측에 있는 자물쇠가 사라집니다. 1처럼 스노우보더만 펜툴이나 빠른 선택툴로 선택하고 Ctrl+J키를 눌러 레이어 복사를 하면 3처럼 추출됩니다. 4의 눈 이미지 레이어를 선택하고 Ctrl+E키를 누르면 3의 레이어와 병합됩니다.


검정색 배경을 만들고 이미지레이어를 선택한 다음 다각형 라쏘툴로 3처럼 선택합니다. 4의 레이어마스크 만들기 아이콘을 클릭하면 선택된 부분만 남습니다.


스노우보더 이미지를 선택하고 레이어마스크를 추가한 다음 검정색 브러시로 불필요한 부분을 지워줍니다.


1의 레이어를 선택하고 레이어스타일에서 Stroke(선)을 선택한 다음 사이즈를 조정하고 4에서 Inside를 선택하면 사진틀이 만들어집니다. 


댓글 (33)

댓글 목록

쵸쿄얌 access_time

너무 멋져요..감사합니다.

베누시안 access_time

안녕하세요. 좋은 평가 감사드립니다.

김민성 access_time

좋은 자료 감사합니다.
채널 자료중 최고 입니다.
많은 걸 따라 복습 하며 스킬 향상에 많은 도움이 되었었습니다.
다시 한 번 진심으로 운영자님의 노고에 감사드립니다.

베누시안 access_time

안녕하세요. 반갑습니다. 좋은 평가 감사드립니다.

최경훈 access_time

정말 좋은 자료네요 여기서 보니 많은걸 배울수있겟네요 운영자님 감사해요! 그런데 제가 초보라 그러는데 마지막에 스노우보더 이미지를 선택하고 레이어마스크추가해서 불필요한부분은 브러쉬로 지우는부분에서요 어떡해지워야 보더와 눈이미지를 손상안하고 저렇게 깔끔하게 지울수잇는거죠?ㅠㅠ

베누시안 access_time

안녕하세요. 레이어마스크는 흰색으로 되어있는데 검정색 브러시로 클릭드래그하면 지워지고 흰색브러시로 클릭드래그하면 지운 것이 복원됩니다. 두개의 색깔 을 이용해서 작업하면 됩니다.

대박 access_time

이거 물건이군요.. 근데 따라하려니깐 잘 이해가 안가는 부분이 있는데

동영상은 없나요?? 아님 개인 레슨이라도..ㅋㅋ

베누시안 access_time

안녕하세요. 반갑습니다. 어떤 부분에서 잘 안되는지 말씀해주시면 자세히 설명드립니다. 처음 접하시는 분들은 잘 안되는 내용이죠.

이거야 원 access_time

저는 왜 레드 채널 선택해서 전경색 흰색으로 하고 Alt+Delete 하면 알파채널이 흑백으로 표현되지 않고 그레이로 표현이 되죠? 흰색이 강조되고 그런 게 없습니다...ㅡ.ㅡ
그렇기 때문에 레벨값 조절하면 전체 분위기가 밝아 집니다. 뭐가 문제가 있는건지요?

베누시안 access_time

안녕하세요. 반갑습니다. 늦은 시간이라 더욱 반갑네요.^^ 위에 내용중에 6번째 사진 이하의 글내용을 보면 회색으로 나타난다고 되어 있습니다. 회색인 상태에서 Ctrl+D키를 누르면 선택이 해제되고 Ctrl+L키를 누르면 레벨 조정창이 나오는데 그 다음부터 이어서 진행하면 됩니다.
레벨값 수정은 7번째 사진에서 나오듯이 양쪽의 슬라이더를 가운데 쪽으로 모야줘야 합니다.

이거야 원 access_time

이렇게 빠른 답변을... 감사 드립니다! 선택해제가 문제였군요^^
아직 채널의 개념을 정확히 파악하지 못한 것 같습니다.
개인적인 생각으로는 특정 채널의 색상을 셀렉션 한 뒤 레벨값을 조절하거나, 채도 등을 조절하면 해달 채널의 색상이나, 레벨, 콘트라스트 등만 조절이 바로 될 것처럼 생각되는데 좀 다른 것 같군요...ㅡ.ㅡ
이번 예제를 하면서 조금은 이해가 더 됐습니다만...^^
다시 한 번 감사드립니다.

베누시안 access_time

조금이나마 도움이 되니 다행입니다. 단순한 내용이 아니다 보니 어떤 단계에서는 생략하고 넘어가는 상황이 가끔 있습니다. 처음 하시는 분들은 그런 단계를 생략하다보니 따라하기가 힘들 수도 있겠네요. 그래서 좀 어렵다 싶은 것은 되도록 단계를 생략하지 않으려고 하는데 제 능력이 따라주지를 못하는군요.ㅠㅠ 앞으로는 가능한한 생략하지 않고 하도록 노력하겠습니다.^^ 참고로 말씀드리자면 제가 아는 범위에서 글을 쓰는 것이 아니고 외국의 정평있는 튜토리얼을 참고해서 대부분의 글이 진행되고 있습니다. 어떤 때는 제 아이디어로 한단계 업시켜서 글이 나오기도 하지요. 그래서 하나의 글이 완성되려면 몇시간이 걸리고 그러네요. 아무튼 처음하시는 분들도 따라하기 쉽도록 노력하겠습니다.

jinzzassanai access_time

이 미칠것같은 튜토는 멉니까... 멋지군요.. 모션그래픽을 업어논듯한 느낌입니다..

저도 3디로 모델링해 렌더링을 걸긴하지만.. 포샵은 멋진 제품이니다..

베누시안 access_time

안녕하세요. 채널을 이용하면 세밀한 선택을 할 수 있어서 눈송이도 추출하게 되더군요. 좋은 평가 감사드려요.

jinzzassanai access_time

오늘 따라해보는데 어려운데요... 또 머가 빠진것같은느낌에 제가 어설픈가 똑같이할라고하는데..같은장면이 연출안되네요 처음부터 막혀서... 아.. 도중에 떄려쳣어요;;;;

베누시안 access_time

채널 부분만 사진과 글을 보강했으니 다시 한번 시도해 보세요. 중급과정이다보니 채널을 잘 모르면 추출하기가 힘듭니다.

blue access_time

덕분에 공부 제대로 하고 있습니다.
채널 이미지들을 하나씩 프린트스크린으로 캡쳐해서 레이어에 붙여넣기할때 저 위의 화면처럼 딱 그 이미지만 캡쳐할려면 어떻게 하나요? 처음부터 이렇게 막혀서..--;

베누시안 access_time

안녕하세요. 반갑습니다. 제글이 도움이 되신다니 다행입니다. 제 경우 각 채널의 이미지만 별도로 저장이 안돼서 그냥 프린트스크린을 사용했는데요. 세개의 채널별로 색상이 나오도록 환경설정에서 설정한 다음 각 채널을 선택해서 프린트스크린을 눌러 클립보드에 저장한 후 포토샵에서 새문서만들기 하면 화면사이즈로 새문서가 만들어집니다. 붙여넣기한 다음 다른 채널의 이미지도 프린트스크린해서 새문서에 붙여넣으면 이미지별로 위치는 정확하게 맞게됩니다. 그런다음 이미지만 나오도록 자르기툴로 자른 것입니다. 그래서 블렌드모드를 스크린으로 적용해도 원본의 이미지와 색상이 약간 다르죠.

blue access_time

정말 빠른 답변 감사드립니다. 따라해보니 되네요. 자세히 설명해주셔서 다시 한번 감사 꾸벅^^

베누시안 access_time

안녕하세요. 잘 됐다니 다행입니다. 댓글감사드려요. 꾸벅^^

그레이트C access_time

우연히 이 글을 보게되었는데 정말 많은 도움이 되었습니다. 다양한 정보를 제공하셔서 앞으로 계속 많은 도움이 될 것 같네요. 감사합니다..~^^

베누시안 access_time

안녕하세요. 반갑습니다. 도움이 되신다니 다행입니다. 댓글 감사드려요~~

미so access_time

좋은 강좌 감사합니다
잘 배워봅니다.

베누시안 access_time

댓글 감사드려요~~

루크에반스 access_time

하나씩 따라하니 궁금증이 눈 녹듯 해결되네요. 좋은 가르침 감사합니다. 자주 와서 배울께요.

마테 access_time

정말 좋은 블로그입니다. 좋은 글 잘 보고 있습니다. 질문이 있는데 꼭 좀 도와주셨으면 좋겠습니다.

이상하게 알파채널을 만들고 나면 썸네일이 반전된거 처럼 반대로 나타납니다. 예를 들면, 4번째 이미지에서 사각선택툴로 선택한 다음 채널에서 채널추가 아이콘을 클릭해서 만들어진 알파채널의 썸네일을 보면 가운데가 화이트여서 선택영역임을 나타내는데요.... 저는 가운데가 블랙, 밖이 화이트로 나타납니다. 마치 반전된 것처럼 보여집니다. 우클릭으로 알파채널을 만들어도 마찬가지 입니다. 그런데 더 이상한 점은 그렇게 반대로 보이는 썸네일을 선택해보면 가운데 선택영역이 나타납니다. 실제로 채우기를 해보면 가운데가 채워집니다.

어디서 뭘 잘못 설정했나 싶어 아무리 찾아보고 검색해봐도 도저히 모르겠습니다. 제 기억에 예전에 이상이 없었는데 근래에 생긴 이상이 아닌가 합니다. 이거 뭘 어떤걸 만져야 되는건지 좀 도와주세요. 부탁드립니다.

베누시안 access_time

안녕하세요. 어딘가에서 설정이 잘못된것 같은데요. 아마 그동안 포토샵을 사용하다가 설정을 한 부분이 있을텐데 어느 부분인지는 컴퓨터에 설치된 포토샵을 볼 수가 없어서 모르겠네요. 현재로서는 전체적인 설정을 초기화하는 수 밖에는 없을 것 같습니다. 포토샵을 시작하기 전에 Ctrl+Shift+Alt키를 누르고 포토샵 시작 아이콘을 클릭하면 처음 설치할 때의 포토샵처럼 모든 설정이 초기화 됩니다. 사용했던 단위나 작업영역등 모두가 초기화되니 잘 생각하시고 초기화 해보세요.

아마추어 access_time

다시 한번 혀를 내두르게 하네요..

좋은 강좌 항상 감사드립니다. ^^

access_time

비밀댓글입니다

베누시안 access_time

감사합니다.

유성 access_time

유성
오느도 좋은 하루 되세요.
잘 보고 갑니다.

유성 access_time

오늘도 좋은 하루 되세요.

베누시안 access_time

감사합니다. 좋은 주말 되세요.