티스토리 툴바

RSS FEED
포토샵/글자효과 2011/10/11 19:05
포토샵은 글자편집 프로그램은 아니지만 알아두면 편리한 몇가지 글자편집 테크닉을 알아봅니다.

1. 글자 반전효과


 
위 이미지처럼 검정색 이미지에 검정색 글자를 만들면 흰색배경에는 보이지만 검정색이미지에는 글자가 보이지 않습니다. 보이지 않는 글자를 흰색으로 만들면 보이게 되는 효과를 주면 됩니다.

 
마술봉툴(Magic Wand)로 검정색을 선택한 다음 Ctrl+J키를 눌러 레이어복사해주고, 3의 레이어는 D,X키를 눌러 전경색을 흰색으로 하고 Alt+Delete키를 눌러 흰색을 채워주고 2의 레이어는 글자레이어 위로 이동합니다.


1의 투명픽셀 잠그기 아이콘을 클릭하면 2처럼 자물쇠가 생깁니다. Alt+Delete키를 눌러 흰색을 채우고 4에서 블렌드모드를 Difference로 선택하면 색이 반전되어 글자는 흰색으로 이미지는 검정색으로 나타나게 됩니다.

2. 이미지 외부에 글자 쓰기



마술봉툴로 흰색 배경을 클릭해서 선택해준 다음, 메뉴에서 선택(Selection)-수정(Modify)-축소(Contract)를 선택하면 작은 창이 나옵니다. 이미지의 해상도에 따라 다르나 수치를 입력하고 OK클릭하면 선택이 축소 되면서 검정색 이미지와는 간격이 벌어져서 선택됩니다.


우클릭해서 나오는 메뉴에서 Create Work Path를 선택하면 작은 창이 나옵니다. 최소수치가 0.5이므로 OK클릭하고 나오면 패스창에 패스가 만들어지고 내부는 회색으로 됩니다. 패스창에서 회색은 패스가 적용이 안되는 부분입니다.

 
문자툴을 선택하고 이미지 내부에 마우스를 대면 1처럼 패스내부에 글자를 넣을 수 있는 것처럼 보이지만 실제로 클릭해서 문자를 입력하면 흰색 배경뿐만아니라 검정색 이미지까지 문자가 적용됩니다. 흰색에만 문자가 들어가야하는데 말이죠. 포토샵은 편집디자인 프로그램이 아니다보니 인디자인과 같은 Wrap Around Text기능이 없어서 편법을 써야합니다. 2의 외곽에는 보이지는 않지만 패스가 그려져있고 3에도 패스가 있습니다. 이를 연결하는 작은 패스를 그려줘야합니다.


라인툴을 선택하고 크기는 1픽셀 옵션은 3을 선택하고 4처럼 양쪽의 패스가 연결되도록 Shift키를 누르고 그려주면 5에서도 연결이 됩니다.


이제 문자툴을 클릭하면 2처럼 문자가 들어갈 패스가 만들어지고 붙여넣으면 이미지를 둘러싼 글자가 나오게 됩니다.


사진처럼 경계선에 공백이 없이 꽉차게 하려면 메뉴에서 윈도우-패러그래프 패널을 열고 1의 Justify All을 클릭하면 됩니다.

저작자 표시 비영리 변경 금지
Posted by 베누시안

댓글 달기(Disqus)

워드프레스 관련 질문은 diywordpress.kr을 이용해주세요. 여기서는 답변을 드리지 않습니다.

comments powered by Disqus

TRACKBACK http://martian36.tistory.com/trackback/546 관련글 쓰기

댓글 달기-워드프레스 관련 질문은 이곳을 이용해주세요. 여기서는 답변을 드리지 않습니다.

  1. 벼리 2011/10/12 00:42 [ : : ]

    에효, 이 글이 분명 도움은 되었는데 혼자서는 아무것도 모르겠네요,
    그러나 분명히 도움은 되기는 되었으니까요,,,

    • Favicon of http://martian36.tistory.com BlogIcon martian36 2011/10/12 02:48 [ : ]

      안녕하세요. 포토샵 도구들이나 용어들이 생소하다보니까 처음엔 다 그렇습니다. 하고나서도 기억도 안나죠. 여러가지 하다보면 생각도 나고 익숙해집니다.

  2. 그런데 2012/08/06 21:29 [ : : ]

    글자반전효과에서요, 백그라운드에 있는 이미지가 검정색이 아닐 경우엔 그대로 따라하면 검정색으로 바뀌어버리네여ㅜㅜ 원래의 색상을 유지하는 방법은 없을까요?

  3. 아마추어 2012/10/02 19:18 [ : : ]

    올려주신 강좌 내용대로 잘 따라했는데요... 이상한 점이 발견되서 질문 드려봅니다.
    첫번째 글자가 반전되는 효과에서 블렌드 모드를 Difference 로 했을때 원형이나 곡선 부분에 회색 테두리가 생겨서 깔금하지가 않습니다. 아무래도... 곡선 처리를 위해 불투명도가 생겨 회색 테두리가 생기는 거 같아 선택상태에서 옵션을 여러번 바꿔봤는데 여전히 회색 테두리가 생깁니다. 혹시... 이 현상을 없앨 수 있는 Tip 이 있을까요?

    P.S 강좌를 따라하면서 이미지가 없어 저는 원형 Maquee 툴로 검정원을 그리고 따라했습니다.

    • Favicon of http://martian36.tistory.com BlogIcon 베누시안 2012/10/02 19:40 [ : ]

      그대로 따라했는데 안되면 어딘가에서 잘못된 것일 가능성이 많습니다. 실루엣 이미지를 만드는 과정에서 잘못될 수도 있죠. 그러니 실제 이미지를 갖고 해보는 것이 좋습니다. 구글에서 실루엣으로 검색하면 아주 많은 이미지가 나옵니다.

  4. 아마추어 2012/10/03 12:25 [ : : ]

    답변 감사합니다. (번거롭게 해드려서 죄송도 하구요..)

    말씀해주신대로 이미지를 갖고 해보니 잘 됩니다. ^^

    • Favicon of http://martian36.tistory.com BlogIcon 베누시안 2012/10/03 13:14 [ : ]

      제가 다른 작업을 하느라고 바빠서 자세한 답변을 못해드려 죄송합니다.

  5. 아마추어 2012/10/03 13:25 [ : : ]

    전혀 마음쓰지 말아주세요... 이렇게(답변여부를 떠나) 댓글 달아주시는 것만도 감사합니다.
    이런 강좌 하나 포스팅하는데도 얼마나 많은 시간/노력이 드는지 잘 알고 있습니다. 공유해주신 것만도 감지덕지죠. 글구.. 대부분의 질문들이 그렇잖아요.(예를 들어 책 소스 보고 따라하면서도 자기가 오탈자 내 놓고 안된다고 투정부리는 ㅋ) 그럼에도 불구하고... 일단 막히면 답답한 마음에 하소연 드리는 것이니 일일이 답변 안 달아주셔도 원망(?)하지 않습니다. 감사합니다. ^^

    • Favicon of http://martian36.tistory.com BlogIcon 베누시안 2012/10/03 23:21 [ : ]

      제가 질문에만 답변드리는것에 죄송한 마음입니다. 이해해주셔서 감사합니다.

  6. st001 2013/01/01 15:51 [ : : ]

    감사합니다 잘 보고 갑니다! 도움이 많이 되었습니다.!

    • Favicon of http://martian36.tistory.com BlogIcon 베누시안 2013/01/01 16:41 [ : ]

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

워드프레스 관련 질문은 diywordpress.kr을 이용해주세요. 여기서는 답변을 드리지 않습니다.