CSSTYLOG

포토샵 : 필터효과로 원근감 주기 (2)

킴c — Mon, 20 Dec 2010 00:11:02 +0900

A Bursting City by ecstaticist

효과 적용 후

필터 중에..

Lesn Blur라는 필터로 위와 같은 효과를 줄 수 있습니다.
이 효과는 얼마전 개봉한 소셜 네트워크란 영화에서도 볼 수 있는데요,
얼핏 장난감 같이 보이기도 하고.. 은근 재밌는 효과같아서 소개 합니다.

완성

그 밖에 적용해 본 사진들

Times Square at Dusk (New York City) by Stuck in Customs

Girasoles acariciados por el viento .../ Sunflowers kissed the wind ... (Dedicada a mis 7500 visitantes/Dedicated to my 7500 visitors) by Claudio.Ar ■ I'd been working like a dog

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

포토샵 : 슬라이스 툴(Slice tool) 활용하는 방법

킴c — Tue, 14 Dec 2010 06:34:33 +0900

블로그를 만들면서..

알게 된 것 중 하나가 바로 포토샵의 슬라이스 툴(Slice tool)인데요,
블로그를 디자인하고 만들어 진 디자인을 티스토리에 직접 설치하면서 아주 도움받은 툴입니다.
하나씩 예를 들어 써보도록 하겠습니다.

포토샵에서 티스토리로..

실제사이즈는 너무 커서 사이즈를 줄였습니다.

블로그를 만들기 전 먼저 포토샵으로 디자인을 만들었습니다.
만들어진 레이아웃 디자인은 티스토리에 아래와 같이 적용하게 되는데,
이때 사용하는 툴이 슬라이스 툴입니다.

티스토리 레이아웃에 관한 자세한 내용은,
용의자님의 [레이아웃] 2단, 3단 스킨을 만들어 보자 를 참고하세요.

구체적인 예로 메뉴부분으로 설명드리겠습니다.
먼저 잘라 낼 부분에 가이드라인을 그려줘야 합니다.
(이전 포스트 중 가이드 라인을 정확하게 그리는 방법 을 참고하세요.)

슬라이스로 자를 부위를 정확하게 집어주기 위해서 가이드 라인을 그려 주는 거죠.

가이드라인이 그려진 상태에서 슬라이스 툴을 선택해 메뉴를 부분부분 잘라줍니다.

사용할 부분을 슬라이스 툴로 모두 잘라 낸 상태에서 Save for web(단축키 Shift + Ctrl + Alt + S)을 클릭 해서 원하는 폴더에 저장해주세요.

요점만 설명한다고 슬라이스 툴로 많이 자르질 않았습니다만,
위와 같은 방식으로 블로그나 웹페이지를 만들 때 슬라이스 툴을 활용할 수 있겠죠.

마지막으로 슬라이스 툴은 레이어를 통합하지 않고 원하는 부분만을 선택해서 복사 할 수 있습니다.

디자인이 저래보여도 레이어 갯수는 30여개가 넘어가고 있습니다.
이것들을 일일이 통합해서 잘라내고 하지 않아도 된다는 것이죠. ;)

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

포토샵 : 무한도전 자막 따라잡기 (2)

킴c — Mon, 13 Dec 2010 07:00:00 +0900

완성

무도 자막 따라잡기 (1)에 이어 두번째 포스트네요.
무한도전을 좋아하고 포토샵에도 관심이 많아서 앞으로도 계속 관련 포스트를 써나갈 예정입니다.
1에 이어 2도 툴의 이해도를 높이는데 도움이 됬으면 합니다. ;)
어렵지 않아요~

우선 포토샵에서 작업창을 하나 새로 만들어주세요.
저는 포스트 가로 사이즈에 맞춰 580 * 480 pixel로 만들었습니다.

적당한 위치에 원하는 텍스트를 입력해주세요.

블렌딩 옵션에 주목해주세요.

레이어창에서 텍스트가 들어가 있는 레이어에 마우스 오른쪽 클릭하셔서 옵션 목록을 불러 온 후,
블렌딩 옵션을 활성화 시켜주세요.
블렌딩 옵션만 다룰 줄 알아도 포토샵을 사용하는데 많은 도움을 받을 수 있습니다.

이제 옵션창에서 아래와 같이 설정 해주세요.

여기까지 되셨다면 폰트 설정으로 마무리만 해주시면 됩니다.

폰트종류,사이즈에 따라 폰트설정에 차이가 있습니다.

처음 텍스트와 비교해 블렌딩 옵션 2개만 살짝 만졌는데도 전혀 다른 모습으로 변해버렸네요.ㅎㅎ
다 만들어진 텍스트를 실제 자막과 비교 해 보겠습니다.

똑같다곤 할 수 없지만 비슷해 보이죠?
실제로 포토샵에서 직접해보면 1분도 안걸리는 아주 간단한 작업입니다. ;)

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

티스토리 : 피드버너를 이용한 RSS 이메일 구독 폼 만들기

킴c — Sun, 12 Dec 2010 11:26:00 +0900

바로 얼마전에 피드버너를 알게 되서 몇가질 뒤져봤더니 이메일 구독 폼을 제공하더라구요.
블로그에 달면 좋겠다 싶어서 이것저것 만져봤는데 막상 작동되는지 확인하기까진 꽤 오래 걸려버렸네요.;(
이유인 즉슨 처음에 RSS를 제대로 설정하지 못한 탓이였습니다.
무식하면 용감하다고.. 전 정말 용감했다는 후문입니다.
.
.
본론으로 넘어가서 작동은 간단했습니다.
이메일을 입력한 후 간단한 과정 스팸필터를 거치면 확인 메일이 구독자에 발송되게 됩니다.
확인메일에서 날라온 인증코드를 클릭 한 뒤 확인만 해주시면 되는 거죠.
티스토리에 설치하는 방법도 어렵지 않으니 달아보는것도 좋을 것 같습니다.

그 전에 많은 도움 받았던 포스트들 링크하겠습니다.

RSS와 피드버너란 단어에 생소하신분은 한번 읽어보시면 도움이 되실거에요.
씨디맨님의 피드버너와 HANRSS 통합하기 참고
RSS란 무언인가부터 Hanrss와 피드버너에 대한 이야기를 자세히 설명을 해주셨습니다.

씨디맨님의 포스트에도 언급됬지만 블로거팁.com의 Zet님 글도 읽어보시면 좋을것 같습니다.
Zet님의 블로거를 위한 RSS 세팅 가이드 참고
두달간 구독자 250명을 얻으면서 배운 교훈 참고
RSS와 방문자 유입, 블로그 운영 전반에 필요한 많은 정보들이 있습니다. 정독 추천합니다.

이제 피드버너에 가입 완료 된 상태이고 티스토리 블로그를 운영중이라는 전제하에 글을 쓰겠습니다.
먼저 피드버너에 로그인 한 후 등록해 둔 자신의 피드명을 클릭해서 설정화면을 불러오세요.

피드버너 설정화면

Publicize를 클릭 > Email Subscriptions 클릭 > Activate 클릭

이메일 구독 기능 활성화(스샷은 현재 비활성화 상태)

기능을 활성화 시키면 아래와 같이 또 다른 옵션메뉴들이 나오게 됩니다.

활성화가 되고 나면 복사할 수 있는 소스코드 2가지가 생기게 됩니다.
위 쪽에 보이는 소스코드(붉은 박스 테두리)가 이메일을 직접 입력하는 구독 폼이고 아래에 보이는 소스코드(파란 박스 테두리)가 버튼형식의 소스코드입니다.
이제 코드를 복사해서 원하는 부분에 넣어주면 되겠죠. ;)

티스토리에 적용해 본 소스코드는 아래와 같이 표시 됩니다.
적용방법 : 티스토리 > 스킨 > HTML/CSS 편집 > 원하는 부분에 삽입

적용해 본 E-mail 직접입력형 구독 폼

소스코드

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=csstylogrss', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>Enter your email address:</p>
<p><input type="text" style="width:140px" name="email"/></p>
<input type="hidden" value="csstylogrss" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Subscribe"/>
<p>
Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a>
</p>
</form>

여기서 색이 들어간 부분 중 붉은색으로 표시 된 부분은 삭제하거나 수정해도 괜찮은 부분입니다.
파란색으로 표시 된 부분은 버튼에 표시 될 문자입니다.
구독하기정도로 수정하시면 되겠죠?
그 외에 각 태그에 아이디(ID)나 클래스(CLASS)값을 줘서 CSS로 완전 다른 디자인으로 만들어 사용할 수 있습니다.
이 부분은 앞으로 포스트 될 내용에서 다룰 예정이니 관심 부탁드려요^^;

적용해 본 버튼형 구독 폼

Subscribe to CSSTYLOG by Email

소스코드

<A href="http://feedburner.google.com/fb/a/mailverify?uri=csstylogrss&loc=en_US">Subscribe to CSSTYLOG by Email</A>

버튼 구독 소스코드도 텍스트를 없애고 이미지를 넣어 버튼 형식으로 만들 수 있습니다.
간단하게 파란색으로 표시 된 부분을 <img src="이미지 주소"/>로 변경해 주면 되겠습니다.

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

아이콘 : 깔끔해서 멋진 무료 아이콘 5종

킴c — Sat, 11 Dec 2010 18:46:36 +0900

화려하고 멋드러지는 아이콘도 많지만 개인적으로 이런 깔끔한 아이콘이 보기도 좋고 너무 이뻐보이네요.
블로그 만지다가 기회되면 사용해봐야겠습니다 ;)
추신. 5개뿐이라 스크롤 압박이 덜하네요ㅎㅎ

switch-a-set-of-54-minimalist-vector-icons-part-1/

quant

free-retro-icon-set

developer-icon-set

pressey-icon-set

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

포토샵 : 느낌있는 무료 브러쉬 모음 1

킴c — Fri, 10 Dec 2010 18:28:15 +0900

느낌은 있는데 막상 어떻게 어떤식으로 사용해야 할지는 감도 안오네요;;
뭐 그래도 이쁘니깐 가지구 있으면 언젠가 한번은 쓰겠죠ㅎㅎ
추신. 스크롤 압박이 좀 있으니 주의하세요 ;)

55 Abstract Tech Brushes

Gatecrasher-Influenced-Brushes

CONSUMERtec-brushes

50-Tech-Brushes

Arrows – 10001

Melancholy Free Abstract Brushes

Dreamon-Shape-Brushes

water-brush

이거슨..EE!

hand-drawn-arrow-photoshop-brushes

5-Bokeh-Brushes

geometric-photoshop-brush

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

폰트 : 멋있는 무료배포 영문폰트 15종 - 2

킴c — Tue, 21 Sep 2010 01:09:27 +0900

두번째 폰트 링크 포스트입니다.

Simplistic font

Estrya-s-Handwriting

Origram

TYPORM01-Round-ans-Square

VTKS-revolt

Angelic-War

oricneo_stencil

Digital-Ninja

Wind Song

Titillium

Daniel

Molot

le-Grand-Saut

Quadranta

Black-bonsai

보신분은 아시겠지만 한 사이트에서 많은 폰트를 다운로드 할 수 있는 사이트가 있습니다.
즐겨찾기 해두시면 도움이 될 것 같네요.

무료폰트 사이트 > http://www.fontsquirrel.com
무료폰트 사이트 > http://www.dafont.com
다양한 자료(폰트,패턴,텍스쳐 등등) > http://www.deviantart.com

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

폰트 : 멋있는 무료배포 영문폰트 15종 - 1

킴c — Tue, 21 Sep 2010 00:26:05 +0900

컴퓨터를 바꿔서 하드에 있던 폰트가 다 날라갔네요 ㅠ,.ㅠ
그래서 부랴부랴 찾아다니다가 멋진것들로 몇개 링크 걸어둡니다.
링크를 통해 다운로드 받을 수 있어요~^^;

Fonce Sans

Trashco

Apogee Rounded Sans - ver.Beta

Nordic

BirdMan

Goca Logo Type

AvantGarde ALT

Knarf Art Font

Ubuntu Title

SquaretypeB

Champagne Limousines

Synthetique

Karabine

Facet font

Val Font

조만간 또 멋진 폰트 찾아 포스트하겠습니다~

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

포토샵 : 무한도전 자막 따라잡기 (1)

킴c — Wed, 08 Sep 2010 01:24:18 +0900

정중앙님의 불꽃애드립

노홍철님의 폭풍애드립

완성 된 상태!

전 무도를 빠짐없이 챙겨보는 애청자입니다.
이번 레슬링 특집도 정말 재밌게 봤는데요 ㅎㅎ
요즘 무도 자막이 이쁘게 나오길래 만들어보자 싶어서 포스트를 쓰게 되네요.
만들어볼 자막은 아래 스크린샷에서 보이는 자막입니다.

만화책을 보는분이라면 알겠지만 큰 소리로 말할 때 말풍선이 저런 형식이죠ㅎㅎ;
우선 배경으로 쓰일 패턴부터 만들어보죠.

shape에서 마름모꼴을 선택해서 아래와 같이 배치하고 가이드라인을 그려주세요.

가이드를 그릴 때 Free Transform을 이용하면 정확히 그릴 수 있습니다.
( 연관 포스트 > 가이드라인 정확히 그리는 방법 을 참고하세요. )

가이드라인을 그린 후에 패턴으로 만들어질 레이어들을 하나의 레이어로 합쳐주세요.
마퀴 툴로 붉은 박스부분만 선택한 뒤 메뉴 > Edit > Define Pattern 클릭으로 패턴 등록.

만들어진 패턴은 메뉴 > Edit > Fill 에서 확인할 수 있습니다.

이제 패턴을 채워 줄 말풍선을 만들어 보죠.
직선으로만 되있으므로 라쏘툴이나 펜툴로 직접 그려보는게 좋겠네요.
( 연관 포스트 > 펜툴 알아보기 를 참고하세요. )

1.

1~3, 펜툴로 그려서 선택영역을 불러 온 뒤 레이어를 하나 새로 만들어 검정색을 채워 준 상태입니다.

준비물은 대충 다 만들어진것 같네요.
이제 배경을 만들어 보도록 하죠.

레이어창에서 미리 만들어 둔 말풍선 레이어를 복제합니다.
(레이어복제는 레이어창에서 복제할 레이어를 선택한 후 단축키 Ctrl + J 입니다.)
이제 똑같은 레이어가 2개가 생겼겠죠? 그럼 하나 더 복제해서 3개 만들어주세요.

이렇게 되셨죠?

3개의 복제 레이어가 다 만들어 졌다면 맨 위의 레이어를 선택, 레이어스타일을 활성화 시킨 후 아래와 같이 옵션값을 입력해주세요.

제일 처음 만들어 놓았던 패턴을 선택해주시면 됩니다.

여기까지 하셨으면 이제 레이어를 움직여서 그림자가 생긴것처럼 보이게 해야 합니다.
맨 위 레이어를 선택한 후 무브툴을 이용해 왼쪽상단쪽으로 살짝 움직여서 아래와 같이 그림자가 생긴듯하게 만들어주세요.

대충 배경이 나왔네요^^; 이제 배경은 마무리만 지어주면 되겠습니다.
맨 위 레이어를 다시 선택한 후 마우스 오른쪽을 눌러 메뉴를 불러오세요.
그다음 Copy Layer Style을 선택해 줍니다.

레이어 스타일을 복사합니다.

복사한 레이어스타일을 2번째 복제레이어에 붙여넣어주세요.

두번째 레이어에 레이어스타일을 붙여넣어 주면 똑같은 스타일이 적용됩니다.

다시 두번째 레이어를 선택한 뒤 Free TransForm(단축키 Ctrl + T)를 활성화 시켜서 사이즈를 약간 줄여준 다음 우측하단으로 살짝 움직여서 아래 그림과 같이 만들어주세요.

마무리로 라쏘툴 또는 펜툴을 이용해 가장자리 움직임표현을 만들어 줍니다.

배경이 완성 됬습니다.
마지막으로 배경 위에 텍스트를 입혀주면 무한도전 자막 완성!
직접 한번 해보시고 본인 사진에 적용시켜보면 재밌을것 같아요ㅎㅎ;

샘플 PSD파일 함께 올려두겠습니다. 재배포는 링크를 통해서만 해주세요^^;

무한도전 자막만들기 샘플.zip

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

포토샵 : 가이드라인 정확히 그리는 방법

킴c — Wed, 07 Jul 2010 17:33:52 +0900

사용법은 간단하지만 혹시 모르고 계시는 분들을 위해 포스트하겠습니다.
포토샵으로 어떤 작업물을 만들 때 가이드라인이 필요한 경우가 있습니다.
그럴 때 눈대중으로 가이드라인을 표시하게 되면
실제 확대해 봤을 때 1~3px정도 오차가 생기는 경우가 종종 있습니다.

"그럼 간단하죠~ 확대해서 그리면 되잖아요?"
맞습니다;; 그래도 되죠. 그렇지만...;;

포토샵에 Free Transform이라는게 있습니다.
보통 레이어안에 있는 내용물을 회전시키거나 모양을 변형하거나 할 때 사용하는데
이 기능을 이용하면 정확한 가이드라인 그리기가 가능합니다.

가이드를 그려 줄 기준이 되는 레이어를 선택한 후 단축키 Ctrl + T로
Transform기능을 활성화 시켜주면 아래와 같이 상자가 생기죠.
이제 그 상자 위에 가이드라인을 드래그&드롭으로 그려주면 오차없는 가이드라인이 그려지게 됩니다.

free Transform기능 활성화상태

가이드라인을 그린 후 Free Transform 해제

포토샵으로 블로그나 홈페이지 디자인같은 걸 할 때 유용하게 사용할 수 있는 기능같습니다.

내용추가

개체에 자석효과를 주는 스냅옵션

메뉴 > View 를 보면 Snap과 Snap To 라는 옵션이 있습니다.
특정 개체에 자석효과를 주는 기능인데요,
보시다시피 Snap To옵션에서 효과를 줄 개체를 임의로 선택할 수 있습니다.
가이드를 체크하면 가이드라인에 자석효과가 부여되는 거죠.
(무브툴(단축키 V)로 레이어를 움직일 때 자석효과때문에 원하는 위치로 이동하기 힘들 땐 Ctrl를 누른 상태에서 이동시키면 스냅효과를 무시하게 됩니다.)

그 아래 Lock Guides는 말 그대로 가이드를 잠궈서 드래그 되는 것을 방지하는 기능이구요,
그 아래 비활성화 되 있는 Clear Guides도 말 그대로 전체가이드를 한번에 지워주는 기능입니다.
마지막으로 New Guide는 원하는 위치의 가로세로 픽셀 값을 입력해서 원하는 위치에 가이드라인을 만드는 기능입니다.

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

포토샵 : 펜툴(Pen Tool) 알아보기

킴c — Mon, 05 Jul 2010 20:35:17 +0900

선택영역을 만들때..

가장 많이 쓰이는 툴 중 하나죠.
펜툴의 가장 큰 특징 특정한 형태의 선택영역을 만들 수 있다는 것 입니다.

펜툴 사용법은 간단합니다.
펜툴을 선택하고 작업창의 원하는 곳에 시작점을 찍고 콕콕 클릭해가며 점들을 늘려나갑니다.
원하는 모양을 만들어가면서 클릭하면 되겠죠?

워크패스를 수정하고 싶을 때

아래처럼 저장 된 워크패스를 활용하세요.

선택영역으로 만들고 싶을 때

아래와 같이 워크패스를 선택영역으로 만들 어 사용할 수 있습니다.

워크패스에 문자를 써 넣는 기능

펜툴로 패스를 그리고 단축키 T(문자쓰기)를 눌러 패스위에 마우스를 가져가면,
아래처럼 패스를 따라 문자를 써 내려갈 수 있습니다.

펜툴로 간단하게 물결 모양을 만든 상태에서 문자입력

원형 패스에 문자를 입력

선택영역을 워크패스로..

워크패스는 꼭 펜툴로 그릴 필요없이 마퀴 툴 또는 라쏘 툴로 선택영역을 그린 다음,
패스창 하단의 Make work path from Selection버튼을 클릭해서
간단하게 워크패스를 만들 수 도 있습니다.

펜툴로 패스를 만들고 패스를 선택영역으로 만드는 방법과 선택영역을 패스로 만드는 방법까지 알아봤습니다.
한번만 써보면 감이 잡힐만큼 쉬운 툴이지만 아주 유용하게 쓸 수 있는 툴이기도 하지요.^^;
(정교한 이미지를 따내는 작업같은 경우는 노가다가 될 수도 있습니다;)

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

포토샵 : 마퀴툴(Marguee tool)에서 놓치기 쉬운 부가기능

킴c — Fri, 02 Jul 2010 11:09:07 +0900

포토샵에선 다음과 같이 표시됩니다.(CS4 영문버전 사용)

불과 얼마전까지도..

모르고 있었던 마퀴툴의 부가기능이 있다는걸 알고 깜놀한 기억이 있네요.
조금 더 편하게 사용할 수 있는 기능이 있는데도 불구하고 여태 드래깅하는 방법으로만 써왔던거죠;

물론 저같이 엉성하게 사용하는분들은 드물겠지만 혹시나 하는 마음에 포스트를 쓰겠습니다;

마퀴툴, 간단하게 선택영역을 만드는 기능을 하고 있죠.
사각형,원형,1픽스 가로,세로 선 등..
(선택영역은 Delete키로 내용을 지울 수도 있고 색을 채우거나 할 수도 있습니다.)

1. 선택영역을 해지하는데 사용하는 단축키 Ctrl + D

정말 진짜 레알 소름돋게 자주 쓰입니다;

2. Shift + Alt + 드래그

정원이나 정사각형 선택영역을 만들 때 쓰입니다.

3.마퀴 툴의 Style 옵션

마퀴툴 선택 후 상단의 옵션에서 Style 박스를 내려보면 Fixed Size라는 옵션이 나오게 되는데
선택하면 오른쪽의 먹통이였던 Width(가로)값과 Height(세로)값을 입력하는 창이 활성화됩니다.
여기에 원하는 값을 입력하고 작업창에 마우스를 클릭(드래깅해도 같음)하면 입력한 값 사이즈의 선택영역이 표시되는거죠.

Fixed ratio는 비율값을 정하는 옵션같은데 여태 한번도 써먹어본 기억이 없네요;;
가로(Width) 값과 세로(Height)값을 1씩 입력하면(1대1 비율) 드래깅했을때 정사각형, 2와1값을 입력하면 직사각형.
이런식이라고만 우선 알아두시면 되겠네요.

4. Feather 옵션값

우선 효과를 보자면 아래와 같습니다.

선택영역이 캡춰가 되질 않아서 우선 색 채우기를 해봤는데요,
직사각형의 선택영역을 만들고 채우기를 했는데 가상이 흐려졋죠?
Feather값은 선택영역의 가상자리를 얼마큼 흐리게 해 줄 것인지를 정하게 됩니다.

5.선택영역 부분 추가와 삭제

선택영역이 활성화 된 상태에서 마퀴툴 선택,
shift+드래깅은 선택영역을 추가해주는 기능을 하게 되구요,
alt + 드래깅은 선택영역을 없애주는 기능을 하게 됩니다.
(마퀴툴 마우스 포인터 하단에 +표시와 -표시로 구분할 수 있어요.)

붉게 표시된 사각형박스안의 옵션들이 같은 기능을 하지만 단축키를 이용하는것이 더 빠르고 쉽게 때문에 저부분은 생략하겠습니다.

막상 다 쓰고보니 생각보다 많은 기능이 있네요;
이 중에서 저는 1~2가지정도 기능을 몰랐기때문에 못쓰고있었습니다;

대단한 기능들은 아니지만 포토샵을 사용할 때 손에 익숙해지면 편해질 기능들이라고 생각합니다.

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

포토샵 : 선택컬러(이미지의 특정색상 옵션 조절하기)

킴c — Fri, 02 Jul 2010 10:15:07 +0900

무한도전의 갱스오브뉴욕 특집이나 영화 신시티를 보게 되면 흑백화면에 특정색상만 본래의 색으로 표시되는 효과를 볼 수 있는데요. 포토샵을 이용해 간단하게 비슷한 효과를 줄 수 있습니다.

*노란색만 살려 본 이미지

우선 이미지 파일(아무거나 임의로) 하나를 포토샵에서 불러오세요.

이제 메뉴 > Image > Adjustments > Selective color 를 선택하신 후 아래와 같이 옵션을 주시면 끝입니다.

간단한 내용이지만 Selective color 라는 옵션은 활용방법등에 따라 다양한 효과를 낼 수 있을것 같습니다.

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

포토샵 : 필터효과로 원근감 주기

킴c — Mon, 28 Jun 2010 09:46:58 +0900

피규어 강조

이 포스트를 쓰면서..

예제에 쓸 사진을 구해야됬는데 마땅한 사진을 못찾고 있다가,
마침 무한도전 재방송이 나오길래 저번주 자리배치 특집 중 명수옹의 자리배치 스크린샷으로 정하게 됬습니다. (명수옹 말로는 학익진이라던데..ㅎㅎ)

원본

1.
우선 원본이미지를 포토샵에서 불러 온 후,
툴 중에서 Lasso툴을 선택해서 선택영역을 그려주세요.

2.
선택 한 부분에 효과를 줄 것인지 아니면 선택한 부분을 제외한 부분에 효과를 줄 것인지 정한다음,
선택영역을 풀지 않은 상태에서 메뉴 > Select > Modify > Father 클릭, 값은 3~10사이를 주세요.
(스크린샷에서 15는 이전에 사용한 옵션값이 그대로 반영되 나온것이고 실제로 적용한 값은 3입니다.)

선택영역 반전은 이전 포스트에 써놨지만 단축키 Ctrl + Shift + i 입니다.
Father값은 선택영역의 외곽을 흐리게 해는 효과입니다.

선택영역을 반전한 상태에서 Feather값 설정

3.
Father값까지 주고나면 선택영역을 풀지 않은 상태에서 메뉴 > Filter > Blur > Gaussian Blur 를 선택하고 값에는 1~3정도로 적절한 값을 입력하면 됩니다.
여기서 필터값이 적다 생각되면 필터를 한번 더 주면 편한데 메뉴 > Filter > Blur > Gaussian Blur 를 찾아갈 필요 없이 단축키 Ctrl + F로 최근 사용했던 필터를 다시 적용할 수 있습니다.

적용

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.

포토샵 : 브러쉬설정으로 반짝이는 느낌을!

킴c — Sun, 27 Jun 2010 10:04:30 +0900

간단하게..

반짝이 효과를 만들어 내는 방법입니다.
브러쉬를 이용해 쉽게 효과를 낼 수 있구요,
응용하면 또 다른 느낌들도 낼 수 있어서 기억해두면 자주 써먹을 수 있습니다.

1.
우선 간단하게 사용할 배경을 임의로 만들었습니다.
이제 배경위에 새 레이어를 하나 추가한 다음, 폴리곤툴을 선택하세요.
그 다음 옵션에서 STAR에 체크해주시고 Ident sides by 옵션값에 97%정도 줍니다.
(97%로 된 옵션값이 내려갈수록 별 형태의 모형이 두꺼워집니다.)
그 옆에 sides 옵션의 값 7은 별의 모서리(뾰족하게 나오는것들)의 개수설정입니다.
취향에 맞게 설정하세요ㅎㅎ;

2.
추가 된 레이어 위에 큼지막하게 별 하나를 그려주세요.
그 다음 레이어의 그림부분(빨간동그라미부분)을 Ctrl + 마우스 왼쪽클릭하셔서 선택영역을 불러오시고 선택영역을 반전(단축키 Ctrl + Shift + i)시켜주세요.

3.
반전 된 선택영역인 상태에서 퀵마스크모드로 들어가주세요.
(단축키 Q, 퀵마스크상태에선 선택영역이 사라지고 대신 연붉은색으로 표시됩니다.)
그림과 같이 퀵마스크모드에서 메뉴 Edit > Define Brush Preset 를 선택,
브러쉬 이름을 넣으라는 창이 뜨면 임의의 브러쉬명을 입력하시고 확인하세요.
저는 StarLight라는 이름으로 저장했습니다.

4.
이제 만들어진 브러쉬를 불러오기 위해 브러쉬툴 선택(단축키 B)하시고 브러쉬 목록창에서 새로 만들어진 브러쉬를 선택하세요.

5.
브러쉬 옵션창(단축키 F5 또는 Windows > Brushes 선택)을 불러와서 다음과 같이 옵션값을 설정해주세요.
(옵션 값은 직접 만져보면서 어떤 옵션이 어떤 기능을 하는지 직접 확인해보는게 좋습니다.)

6.
설정 된 브러쉬로 새 레이어에 살짝살짝 드래깅해주면 아래와 같은 반짝이는듯한 효과가 됩니다.

한RSS로 포스트를 구독할 수 있으며 피드버너를 통해 E-mail로 구독할 수 있습니다.