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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그


포토샵의 카툰효과는 여러가지 필터를 사용하는데 서피스블러(Surface Blur)는 경계선을 보존하고 경계선 내부는 표면을 단순화하는 작용을 하고 컷아웃(Cut out)필터는 단순화된 이미지에 색의 변화를 단순화하는 작용을 합니다. 이 두가지는 복잡한 이미지를 단순화하는 효과를 얻을 수 있습니다. 포스터엣지는 이미지의 경계선에 검정색 선을 만들고 컬러하프톤는 점무늬 패턴을 만듭니다. 네가지 필터를 이용하여 카툰효과를 내는 방법을 알아봅니다.

같은 효과가 나오도록 하기위해 사용된 이미지를 첨부합니다. 원래 고급레벨에 속해서 글내용을 단순하게 했는데 찾는 분들이 많아서 글 내용과 이미지를 늘렸습니다. 사용된 이미지를 이용해서 먼저 해보고 다른 이미지로 시험해보는 것도 좋은 방법입니다.

연습용이미지3.zip




사진을 열고 Ctrl+J키를 눌러 레이어 복사한 다음, 메뉴에서 필터-블러-서피스블러를 선택하고 이미지를 보면서 수치를 조정합니다. 이미지의 해상도에 따라 다르나 피부톤은 여러단계의 콘트라스트가 있으므로 단순화되도록 합니다. Radius와 Threshold의 수치 간격은 5~10정도로 합니다.


Ctrl+J키를 눌러 레이어복사를 한 다음, Ctrl+Shift+U키를 누르면 흑백이미지로 됩니다. 메뉴에서 윈도우-채널을 선택하거나 레이어창과 같이 있는 채널창을 클릭해서 엽니다.


Ctrl키를 누르고 1의 RGB채널을 클릭하면 이미지의 밝은 부분이 선택됩니다. 선택의 표시가 외곽에 나타납니다.


Ctrl+Shift+i키를 누르면 선택이 반전됩니다. 1을 클릭하여 새레이어를 만든 다음 D키를 누르면 색상도구가 기본색으로 됩니다. Alt+Delete키를 눌러 새 레이어에 검정색을 채운 다음 Ctrl+D키를 눌러 선택 해제합니다.


1과 2의 눈아이콘을 꺼주고 3의 레이어를 선택한 다음 메뉴에서 필터-예술필터(Artistic)-컷아웃을 선택합니다.


레벨의 수치는 이미지를 보면서 높여줍니다. 컷아웃필터는 일정한 범위의 색을 같은 색으로 만들어줘서 이미지를 단순화시킵니다. 사진이미지는 여러단계의 그라데이션으로 인해 다단계의 색이 있는데 레벨을 7로하면 이를 7단계의 색으로 단순화 시키게 됩니다. 경계선 단순화(Edge Simplicity)는 수치가 높을수록 단순하게 되므로 0으로 합니다. 경계선 충실도는 경계선을 정밀하게 합니다. 수치를 최대로 높여줍니다.


Ctrl+J키를 눌러 레이어 복사를 하고 블렌드모드를 Soft Light로 하면 콘트라스트가 높아집니다. 3의 레이어를 선택하고 눈아이콘을 켜준다음 메뉴에서 필터-예술필터-포스터엣지를 선택합니다.


수치를 각각 1로 조정하고 나옵니다. Posterization의 수치를 높이면 색의 레이어가 많아지므로 원하는대로 설정해도 됩니다.


블렌드모드를 Multiply로 선택하고 Ctrl+L키를 눌러 레벨패널에서 흰색 슬라이더를 이동하여 밝게 해줍니다. 빨간네모 안의 수치가 150입니다.


1의 레이어를 선택하고 눈아이콘을 켜준 다음, Ctrl키를 누르고 레이어썸네일 3을 클릭하면 선택표시가 나옵니다. 4의 레이어마스크 추가 아이콘을 클릭하면 레이어마스크가 추가되면서 레이어마스크안에 반전된 이미지가 만들어집니다.


레이어마스크를 보면 안에 흰색테두리가 있는데 레이어마스크가 선택된 것입니다. 레이어마스크가 선택된 상태에서 필터-픽셀화(Pixelate)-컬러하프톤을 선택합니다. 


1은 만들어질 점패턴의 크기를 결정합니다. 사용되는 이미지가 크고 해상도가 크면 수치를 높입니다. 각채널은 색상채널이며 그레이스케일 모드에서는 채널1만 사용하고 RGB모드에서는 1부터 3까지, CMYK모드에서는 모든채널을 사용합니다. 위 이미지는 RGB모드의 이미지이지만 레이어상의 이미지가 단색이므로 컬러효과는 안나오고 모두가 단색의 점으로 나오게 됩니다. 각도의 간격을 45도로 해주면 지그재그형태로 점이 나오게 됩니다. OK클릭하고 나옵니다.


1의 레이어마스크가 선택된 상태에서 Ctrl+i키를 누르면 레이어마스크안의 이미지가 반전됩니다. 2에서 블렌드모드를 오버레이로 선택하면 완성입니다.


이미지의 상황에 따라서 레벨 조정레이어를 삽입하여 밝기를 조정해줍니다.

댓글 (29)

댓글 목록

썅 너무 어려워 access_time

아오 너무 복잡하네 포기 포기 포기

베누시안 access_time

안녕하세요. 반갑습니다. 내용이 어려운가 봅니다. 포토샵을 많이 안하신 분들은 따라하기가 어렵습니다. 앞으로는 이미지와 설명을 늘려서 쉽게 만들도록 노력하겠습니다.

대박 access_time

감사합니다. 이건 정말 제가 너무나도 원하던 효과 입니다. 어려워서 시도하는데 고민을 많이 했지만 해보니깐 그렇게 어렵지 않네요. 다른 블로그 가도 제가 원하는 효과 찾기가 어려웠는데 이렇게 친절히 설명해주시다니 정말 ㄳ ㄳ

베누시안 access_time

안녕하세요. 사실 어렵다고 생각하면 하기 힘들지만 집중해서 하고나면 아무것도 아니죠. 댓글 감사드려요.

access_time

차근차근 따라하니 완성됐어요~
포토샵 시작한지 얼마 안되서 이해 안가는 부분도 있지만 그래도 완성해서 ~감사합니당~

베누시안 access_time

안녕하세요. 반갑습니다. 성공하셔서 다행입니다. 아무래도 이미지도 더 넣고 내용을 길게 수정해야겠네요. 댓글 주셔서 감사합니다. 다음에는 잘 안되는 부분은 꼭 댓글을 달아주시면 감사하겠습니다.

베누시안 access_time

원래 포토샵 처음 사용자가 아닌 고급레벨의 내용이었는데 찾는분이 많아서 좀더 쉽도록 글내용을 수정했습니다.

질문!! access_time

대체 메뉴-필터-블러-서피스블러가 어딘나요??

베누시안 access_time

메뉴라는 것은 포토샵 상단에 수평으로 있는 글자들입니다. 처음에 파일(File)부터 시작해서 편집(Edit), 이미지, 레이어, 선택, 필터... 등이 있습니다. 그중에 필터를 선택하세요.

질문 access_time

필터에 블러라는 메뉴가 없네요..
7 한글판인데ㅠㅠ

베누시안 access_time

안녕하세요. 블러는 한국말로 흐림효과를 선택하시면 됩니다. 하지만 위 글내용을 하시려면 포토샵 7버전으로는 힘듭니다. 서피스블러가 없기 때문이죠.

질문입니다 access_time

이 효과 꼭 만들어보고 싶은데
포토샵 몇 버젼을 써야하나요?
프로그램좀 알려주세요
포토샵 7이라 안되네요..

베누시안 access_time

cs5.5로 했는데 4버전까지 될겁니다.

성공했어요! access_time

우와 안되는 줄 알았는데 하다보니 완성이네요 ㅎㅎ 진짜 알기쉬운 설명이에요 감사해요 ㅎㅎ 그래도 좀 못알겠는 부분이 있다면 한국말 뜻도 알려주셨으면..ㅜ 들어본적없는 단어는 생소해서요,,ㅎㅎ그래도 감사해요!

베누시안 access_time

안녕하세요. 댓글 감사합니다.

아마추어 access_time

띠요~~~ㅇ 입니다. ㅋㅋ

좋은 강좌 잘 배웠습니다. 감사합니다. ^^

red access_time

관리자의 승인을 기다리고 있는 댓글입니다

gg access_time

정말감사합니다! 진짜로 .. 컴퓨터 용량이 작아서 cs4쓰다가 7.0써서 안될까봐 매우 걱정했는데
효과도 이쁘고 좋네ㅇ_ㅎ

베누시안 access_time

도움이 되신다니 다행입니다. 감사합니다.

선생님, 아니 스승님... access_time

이 보물창고를 '우연히' 발견한 못난 저를 용서해주세요...
정말 감사합니다.. 이 곳에 게시한 강좌들이 저한테 많은 도움이 되네요.
아직은 뚜렷하진 않지만 현재 디자인을 배우면서 흥미를 느끼고,
목표를 세워가고 있습니다.
늦게라도 찾은 이 곳을 자주 애용해서 밑거름으로 삼을게요.
감사합니다.

베누시안 access_time

안녕하세요. 좋게 봐주셔서 감사합니다. 포토샵은 디자인의 기본이라서 많이 배우시면 모든 디자인에 도움이 될겁니다.

PBe access_time

많이배우고갑니다!ㅠㅠ

베누시안 access_time

뭔가 잘 안됐나보군요. 과정이 좀 복잡해서 그렇겠죠. 좋은 효과는 다 그렇더군요.

비밀댓글 access_time

'흑백 이미지 채널창에서 Ctrl 키를 누르고 1의 RGB채널을 클릭하면 이미지의 밝은 부분이 선택됩니다'

라고 하셧는데, 왜 RGB채널에서 선택을 하면 밝은 부분이 선택 되나요? 어떤 원리인지 궁금합니다.

베누시안 access_time

포토샵의 채널에는 원본 사진의 색상이 가장 많은 색이 무엇이냐에 따라서 R,G,B중 가장 밝게 나오는 색이 있습니다. 반대로 흑백인 경우는 RGB를 선택하면 가장 밝은 부분이 선택되는 것으로 생각됩니다.

꽁아 access_time

따라해보니 넘 재미있네요 좋은 강좌 감사합니다 ^-^

베누시안 access_time

감사합니다.

금빛귤 access_time

너무 신기해요!!!! 잘 따라했습니다. 과정이 복잡하지만 이거 하라나도 열심히 외울게요. 감사합니다!!!!

지다가다 access_time

관리자의 승인을 기다리고 있는 댓글입니다