ABYUL.COM > Movie > STUDY > Photoshop

사진 합성 튜터리얼 사이트(영문)

아별 — Fri, 16 Jan 2009 21:50:49 +0900

영문사이트..

http://www.worth1000.com/tutorials.asp

사진을 이용하여 합성과 변형하는 방법을 주로 다룬다.

머.. 거의 대부분의 강좌들이 노가다를 해야한다.. 머.. 쉽게 되는게 어디 있겠는가! +_+;;

Like This..
http://www.worth1000.com/tutorial.asp?sid=161011&page=8

http://www.worth1000.com/tutorial.asp?sid=161148

[북마크] 포토샵 정보 - 단축키 & 스크립트

아별 — Sun, 11 Jan 2009 15:53:46 +0900

영문 사이트..
http://morris-photographics.com/

포토샵 버전별 단축키를 PDF파일로 제공 : 바로가기
포토샵 Script : 바로가기1, 바로가기2, FreeScript

포토샵에서 3D틱하게 표현하기

아별 — Tue, 06 Jan 2009 00:37:44 +0900

요즘은 포토샵에도 3D파일이 임포트 되는 시대지만..
굳이 무거운 3D 프로그램을 돌리지 않아도 포토샵만으로 3D틱한 느낌을 낼 수 있는 팁입니다.

머.. 제가 만들어놓은 PSD파일을 다운 받아 보시면, 좀 더 쉽게 따라올 수 있을 겁니다.

다운 받기 : Tutor_PS_Like3D_Source.zip

자.. 설명 들어갑니다. ㅎㅎ

1. 위에서 다운 받은 파일을 여시면, 아래와 같은 레이어 구조로 되어 있습니다.
    ( 다운받기 : Tutor_PS_Like3D_Source.zip )

2. 위 이미지에서 보듯이.. abyul copy라는 텍스트 레이어를 수정해서, 원하는 텍스트를 입력하세요. 저는 HOW라고 입력해봤습니다.
   ( 텍스트를 수정하는 방법은 저 텍스트 레이어의 T부분을 더블 클릭하거나,
     Type툴을 선택하고(단축키 : T) 나서 화면에서 텍스트 있는 부분을 클릭하거나 하면 됩니다.)

3. 텍스트를 수정하셨다면, 아래 이미지에서 표시한 것처럼, "이 폴더에 넣으세요"하는 폴더를 선택합니다.
    ( 그냥 해당 레이어를 클릭하시면 선택됩니다. )

4. 3단계에서 해당 레이어를 선택한 상태에서, 단축키를 이용해서 현재 화면에 보이는 상태를 캡쳐하듯이 새로운 레이어로 만들어줍니다.
    방법은.. Ctrl+A ==> Ctrl+Shift+C ==> Ctrl+V 하면 됩니다.

     아래 이미지처럼 되어야지요.. ^-^;;

5. 툴바에서 마술봉(Magic Wand)을 선택합니다.
    선택영역을 부드럽게 선택하기 위해서 Tolerance를 32정도로 설정합니다.

6. 배경의 까만 부분을 한번 클릭하고, O의 내부를 Shift키를 누른 상태에서 클릭해줍니다.
    그렇게 되면, 글자를 제외한 배경 부분이 모두 선택이 되는 것이지요.. 본인이 입력한 텍스트에 맞춰서 배경을 모두 선택해주세요.
    다음 단계로 넘어갑니다. ^-^;

7. 윗단계처럼 글자를 제외한 모든 배경을 선택한 상태에서, 선택영역을 반전시켜서 글자를 선택영역으로 만든 다음,
    선택 영역만 새로운 레이어로 만들겠습니다.

   방법은.. Ctrl+Shift+i를 눌러서 선택영역을 반전 시키구요.. Ctrl+J를 눌러서 선택 영역을 새로운 레이어로 만들어줍니다.

   아래 이미지처럼 되어야합니다. ^-^;

8. 그 다음 단계입니다.
    Ctrl+Alt키를 누른 상태에서 위쪽 방향키(↑)를 연타해줍니다. 다다닥~~

    저는 한 20번 정도 누른 것 같습니다. 그러면.. 레이어가 막 복제되면서... 한픽셀씩 위로 올라간 녀석이 생깁니다. 다다닥~~

    그럼... 다 된겁니다. ㅎㅎ

9. 자.. 이제부터는 응용입니다.
    솔직히.. 또 누군가가 물어볼 것 같아서.. 미리 답변 달아 놓는 셈입니다. ㅎㅎ

     방향키를 위로만 누르면 입체감은 항상 90'로만 만들 수 있느냐? 라는 질문을 받을 수가 있겠군요..

     그럼.. 답변은 이렇습니다.
     위 7단계에서 선택영역을 새로운 레이어로 만든 후에, 바로 Ctrl+Alt+방향키(↑) 누르지 말고..
     Ctrl+T를 눌러서 아래 이미지처럼 적당히 회전 시키준 다음에..
     Ctrl+Alt+방향키(↑) 를 눌러주면.. 다른 방향으로 입체감을 만들 수 있습니다.

     가끔.. Ctrl+T를 눌러서 회전시킨다음에 어떻게 이미지로 돌아가느냐는 질문을 받습니다.
     그냥 엔터 치시면 됩니다. 아니면.. 화면을 더블클릭하셔도 되구요.. ^-^)v

10. 유후~ 오른쪽 방향으로 입체감이 생겼습니다. ㅎㅎ

11. 이제 다시 Ctrl+T를 눌러서 Free Transform을 실행시키시고.. 원래대로 회전시켜주면 됩니다.
      베뤼 굿~ ^^)b

12. 기분 내는 김에.. 색상을 바꾸고 싶으시면..
      아래 이미지처럼, 레이터 팔레트 하단에 왼쪽에서 네번째 있는 조정레이어를 추가하시면 됩니다.

      녹색으로 바꿔봤습니다.

      아래 이미지의 맨 오른쪽에 있는 조정창(ADJUSTMENTS)의 아래쪽의 Colorize를 체크하시면 좀 더 쉽게 색상을 바꿀 수도 있습니다.

이상.. 친절한 설명의 아별이었습니다.

이건 퍼가셔도 되지만.. 출처는 꼭 표시해주셨으면 좋겠습니다. ㅎㅎ

출처 : 아별닷컴(http://www.abyul.com/zbxe/57755)

보너스~~

참 재밌는게.. 아래 이미지처럼.. 올가미툴(Lasso)로 대충 막 휘저어 넣은 선택영역도 이 효과를 주면 좀 심오해보인다. ㅋㅋ

아참! 아래 이미지처럼.. 막 너저분해서 마술봉(Magic Wand)로 선택하기 힘들면..
메뉴에서 Select > Color Range 에서 Shadows로 해서 선택하면 쉽게 선택이 된다.

1. 대충 막 휘저은 선택영역..

2. 위에서 막 휘저은 선택영역을 가지고, 효과를 적용한 결과물..

결론은.. ㅋㅋ

글자(Type)를 패스(Path)로 만드는 방법..

아별 — Sun, 04 Jan 2009 23:42:58 +0900

언제부터인가..
포토샵에서도 텍스트를 Path로 만드는 것이 가능해졌다.
( 포토샵7.0 이후 버전에서나 가능해졌던걸로 추측된다.. ^-^;;)

예전에는 illustrator에서만 가능했었다. ^-^;;

방법은 간단하다.

1. 텍스트를 입력한다.

2. 메뉴에서 Layer > Type > Create Work Path 를 선택한다.

3. 끝~ ㅎㅎ

점선 테두리 만들기

아별 — Sun, 04 Jan 2009 22:01:47 +0900

머.. 많이 사용하는 팁이지만..
의외로 모르는 사람도 많고.. 질문도 많이 받아서.. 팁으로 게시합니다.

1. 툴바에서 브러쉬 툴을 선택합니다. (단축키 : b)

2. 블러쉬 옵션 팔레트를 엽니다. (단축키 : F5 )
    ==> 만약 단축키가 안 먹으면.. 메뉴에서 Window > Brushes )

3. 브러쉬 옵션 팔레트에서 Brush Tip Shape를 선택합니다.

4. Brush Tip Shape에서 원하는 사이즈의 브러쉬를 고르구요.. (강좌에선 3px을 고르겟습니다.)

5. Spacing을 160%정도로 설정하세요.. 머.. 정해진건 없습니다.
    하단의 프리뷰 창이 점선으로 보일 정도로 조정해주면 됩니다.

일단 브러쉬 작업은 끝난거죠.. ㅎㅎ

새창을 만들고(단축키 : Ctrl+N), 블러쉬질 해보시면.. 점선으로 브러쉬질 된다는걸 아실 수 있을 겁니다.

그럼.. 보너스로.. 패스에 점선라인을 적용하는 방법을 알아보겠습니다.

1. 새창을 만들고.. (단축키 : Ctrl+N)
2. 새로운 레이어를 하나 만드신다음에.. (단축키 : Ctrl+Shift+N)
3. path옵션으로 쉐이프를 하나 만드세요.. (단축키 : U )

4. 브러쉬 툴을 선택해서, 아까 만든 브러쉬로 선택되어 있는지 확인하시구요..
    ===> 단축키 b를 누르고, F5를 눌러서 한번 확인해주심 됩니다. 확인 안하면.. 그냥 라인이 될 수도.. ^-^;;

5. Paths 팔레트 (메뉴에서 Windows > Paths ) 하단의 아이콘들 중에서 왼쪽에서 두번째에 있는,
   Stroke Path with Brush를 클릭합니다.

6. Path를 선택한 상태이면, 라인이 확인 안되니까.. Path팔레트의 빈 여백을 클릭해서 Path를 안 보이게 하면,
    화면 상에서도 점선 라인이 잘 적용된 것을 확인할 수 있습니다.

7. 끝~

[펌] 포토샵 단축키 - 자주 쓰는 것만

아별 — Wed, 17 Dec 2008 01:41:27 +0900

출처 : 네이버블로그_안양더조은

이정도만 알아두면.. 웬만한건 다 한다. ㅎㅎ
가장 많이 쓰는 단축키이기도 하고..

좀 아쉬운건 브러쉬 사이즈를 조절해주는 [과 ]이 빠진 점이 좀 아쉽다.
저걸 모르면 멍멍이와 친구를 할 정도로 노가다를 한다. ^-^;

포토샵(Photoshop) CS3 스크립트 활용 방법

아별 — Fri, 28 Nov 2008 19:14:10 +0900

출처 : SLR클럽자료실
참고 : slr클럽자료실다른글
어도비 사이트의 스크립트 관련 도움말 : http://help.adobe.com/ko_KR/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-7418a.html

외국사이트에서 소스 다운 받기
1. http://www.photoshopsupport.com/tutorials/jennifer/photoshop-scripts.html
2. http://morris-photographics.com/photoshop/scripts/hide-layers.html

포토샵에서 스크립트를 지원하는걸 이제서야 알다니.. ㅋㅋ 부끄럽다.. ㅋㅋ

액션을 사용하면서 항상 불만이었던게 액션을 코드 형태로 수정할 수 없다는게 불만이었는데..
스크립트로 컨트롤 할 수 있는 방법이 있었다니..

이 자리를 빌어,
이런 좋은 정보를 주신 SLR클럽의 율e사랑님께 감사의 말씀을 올립니다.

첨부한 resizer.jsx 파일은 율e사랑님께서 제공해주신 파일이며,
자세한 내용은 위 출처에 있는 링크로 가서 보면 된다.

요약하자면..
1. 포토샵에서도 스크립트를 지원하며, 그 스크립트 언어는 자바스크립(.jsx)과 비쥬얼 베이직(.vbs)이다. 여기선 javascript.
2. 스크립트의 기본 위치는 "C:\Program Files\Adobe\Adobe Photoshop CS3\UserActionScript\JavaScript\Resizer.jsx" 이다.
2. 포토샵 메뉴에서, 파일 > 스크립트 > 찾아보기 를 선택하면 스크립트를 실행시킬 수 있다.

*율e사랑님께서 소스에 달아주신 코멘트를 보면 아래와 같습니다.

    1: #target photoshop
   2: app.bringToFront();
   3: // 파일 자체만으로 실행할 시 포토샵을 타겟으로 실행한다는 코드로 보여집니다. 다시한번 말씀 드리지만 저는 자바를 전혀 모릅니다. ㅜㅡ
   4:
   5:
   6:
   7: if (!app.documents.length > 0) {
   8: alert("열린 문서가 없습니다.");
   9: }
10: else {
11: // 포토샵에 아무런 사진도 불러오지 않았을 경우 실행을 취소한다는 코드입니다. 열려진 파일이 있을경우 아래 코드를 실행합니다.
12:
13:
14:
15: var doc = app.activeDocument.duplicate();
16: // 열려있는 사진을 이미지 복제하여 사본을 만든 후, doc 라고 정의합니다.
17:
18:
19:
20: fitImage(1280);
21: // 아래의 fitImage 라는 함수를 실행하며 그 입력조건으로 최종 축소이미지(장축기준 - 1280픽셀) 사이즈 적용합니다. 800픽셀로 축소할시는 1280을 800으로 변경하면 되겠죠?
22:
23:
24:
25: // 위에서 실행하라는 함수의 내용입니다.
26: function fitImage(newImgSize) {
27:         docRef = app.activeDocument;
28:         // 열려진 문서를 docRef 이름으로 정의합니다.
29:         var prodImg = docRef.activeLayer;
30:         // docRef 이름으로 정의된 현재 레이어를 prodImg 이름으로 정의합니다.
31:         var current_units = preferences.rulerUnits;
32:         // 이 부분을 잘 모르겠습니다. 대략 단위에 대한 정의라고만...
33:         var A = 50;
34:         // 언샵마스크 적용시 Amount 수치입니다.
35:         var B = 0.8;
36:         // 역시 언샵마스크 적용시 Radius 시작값입니다. 0.8을 적용할 시 0.2씩 차감되어 0.8 --> 0.6 --> 0.4 이런식으로 축소시 적용되는 바, 강한 샤픈을 원하면 이 수치를 조정하면 됩니다.
37:
38:         if (docRef.width > docRef.height) {
39:         // 조건식입니다. 가로가 세로보다 클 경우 즉, 가로사진을 말합니다.
40:         while(docRef.width * 0.75 > newImgSize){
41:                 preferences.rulerUnits = Units.PERCENT
42:                 // 크기에 대한 단위를 %(퍼센트)로 지정합니다.
43:                 docRef.resizeImage(75, undefined, undefined, ResampleMethod.BICUBICSHARPER)
44:                 // 리사이즈 명령어입니다.
45:                 //(정의된 현재문서.resizeImage(가로크기(%), 세로크기(미적용), 해상도(미적용), 리사이즈알고리즘)
46:                 prodImg.applyUnSharpMask(A,B,3);
47:                 // 언샵마스크를 적용합니다.
48:                 // (정의된 현재레이어.applyUnSharpMask(Amount값, Radius값, 고대비값)
49:                 // 여기서 Radius값은 B라는 변수로 정의되어 있는바, 그 조건은 아래의 코드에 따릅니다.
50:                 if (B > 0.1) {
51:                         B = B - 0.2
52:                 } else
53:                 if (B <= 0.1) {
54:                         B = 0.1
55:                 }
56:                 // 순환중 적용되는 Radius값이 0.1을 초과할 경우에만 이전 값에서 0.2씩 차감하고
57:                 // 0.1과 같거나 부족할 경우에는 항상 0.1을 적용하라는 말입니다.
58:                 preferences.rulerUnits = Units.PIXELS;
59:                 // 크기에 대한 단위를 원래의 픽셀 단위로 바꿔 줍니다.
60:         }
61:         // 위의 코드는 순환문입니다. 가로길이의 75% 크기가 축소하고자 하는 이미지 (1280픽셀)보다 클 경우에만 코드를 수행하라는 의미입니다.
62:
63:                 preferences.rulerUnits = Units.PIXELS;
64:                 docRef.resizeImage(newImgSize, undefined, undefined, ResampleMethod.BICUBICSHARPER)
65:                 prodImg.applyUnSharpMask(300,0.1,3);
66:                 // 75%씩 줄여 원하는 축소이미지에 가장 근접하면 순환문을 중지하고 처음 명시한 1280픽셀 크기로 최종 적용하여 마칩니다.
67:                 // "newImgSize" 라고 정의된 최종이미지 크기(1280픽셀)을 가로사이즈에 적용하고 언샵마스크를
68:                 // 300, 0.1, 3 이라는 수치로 적용하라는 의미입니다.
69:
70:
71: // 아래 코드는 위 내용과 동일하며 가로사진과 세로사진을 구별하는 조건으로써 동일한 과정을 수행하는 코드입니다.
72:         } else
73:         if (docRef.width < docRef.height) {
74:
75:         while(docRef.height * 0.75 > newImgSize){ //세로사진
76:                 preferences.rulerUnits = Units.PERCENT
77:                 docRef.resizeImage(undefined, 75, undefined, ResampleMethod.BICUBICSHARPER)
78:                 prodImg.applyUnSharpMask(A,B,3);
79:                 if (B > 0.1) {
80:                         B = B - 0.2
81:                 } else
82:                 if (B <= 0.1) {
83:                         B = 0.1
84:                 }
85:                 preferences.rulerUnits = Units.PIXELS;
86:         }
87:
88:                 preferences.rulerUnits = Units.PIXELS;
89:                 docRef.resizeImage(undefined, newImgSize, undefined, ResampleMethod.BICUBICSHARPER)
90:                 prodImg.applyUnSharpMask(300,0.1,3);
91:
92:         } else
93:         if (docRef.width == docRef.height) {
94:
95:         while(docRef.height * 0.75 > newImgSize){ //정사각형
96:                 preferences.rulerUnits = Units.PERCENT
97:                 docRef.resizeImage(undefined, 75, undefined, ResampleMethod.BICUBICSHARPER)
98:                 prodImg.applyUnSharpMask(A,B,3);
99:                 if (B > 0.1) {
100:                         B = B - 0.2
101:                 } else
102:                 if (B <= 0.1) {
103:                         B = 0.1
104:                 }
105:                 preferences.rulerUnits = Units.PIXELS;
106:
107:         }
108:                 preferences.rulerUnits = Units.PIXELS;
109:                 docRef.resizeImage(newImgSize, undefined, undefined, ResampleMethod.BICUBICSHARPER)
110:                 prodImg.applyUnSharpMask(300,0.1,3);
111:
112:         }
113:      }
114: }

포토샵(Adobe Photoshop CS3) 한글판 메뉴 설명

아별 — Fri, 28 Nov 2008 17:53:18 +0900

포토샵 한글판 메뉴 설명

http://sir.co.kr/lecture/photoshopcs3/

포토샵 프로그램의 인터페이스 그대로 하여, 각 메뉴나 툴을 누르면 관련 설명이 나온다.

매우 친절하게 잘 만들은 홈페이지다.

[펌] 샤프닝 이해와 활용

아별 — Wed, 29 Oct 2008 23:57:22 +0900

출처 : slr클럽 강좌

아래 이미지가 잘 안보이시면.. 아래 링크를 Shift+클릭해서 새창으로 열어서 보세요.
files/attach/images/1656/946/041/Tutor_others_PS_Sharpen.jpg

포토삽 버전별 단축키 모음(윈도우&맥)

아별 — Mon, 13 Oct 2008 00:01:10 +0900

출처 : SLR클럽 자료실

다운 받기 : 포토샵버젼별단축키모음.zip

PDF파일을 엑셀로 변환하다가 만 엑셀 파일.. ^^;; : 포토샵버젼별단축키모음.xls

첨부파일을 다운 받으면 아래의 파일들이 있습니다.
PS5_Keyboard_Shortcuts.pdf
PS6_Keyboard_Shortcuts.pdf
PS7_Keyboard_Shortcuts.pdf
PSCS2_Shortcuts_Mac.pdf
PSCS2_Shortcuts_Windows.pdf
PSCS3_Keyboard_Shortcuts_Mac.pdf
PSCS3_Keyboard_Shortcuts_PC.pdf
PSCS_Keyboard_Shortcuts_Mac.pdf
PSCS_Keyboard_Shortcuts_PC.pdf
참고하세요..

==== 내용추가 : 2009.01.10 ======================= Start
Photoshop CS4버전의 단축키가 업데이트 됨.
출처 : http://morris-photographics.com/photoshop/shortcuts/index.html

PSCS4_Keyboard_Shortcuts_PC.pdf
PSCS4_Keyboard_Shortcuts_Mac.pdf

==== 내용추가 : 2009.01.10 ======================= End

샘플..
CS3의 윈도우 버젼의 단축키 파이을 열어보면 아래의 4개의 페이지로 구성되어 있다.
단축키 목록별 맨 앞에 "c"가 붙은 녀석은 Custom Keyboard Shortcut을 설정해야 작동하는 녀석들이다.
아마도.. 커스텀 단축키 설정할때의 가이드 라인 정도의 역할인것 같다.

[펌] UnSharp Mask에 대한 강좌.

아별 — Tue, 07 Oct 2008 01:30:36 +0900

퍼온 출처 : http://blog.daum.net/tjoeun7/11133840

다 퍼오진 않을 겁니다.
위 링크를 따라가서 보시면 UnSharp Mask를 이해하는데 많은 도움이 될 듯 싶습니다. [아참.. 초보용입니다. ^^]

어떤 내용인지 맛 뵈기로 이미지 한장만 소개합니다.

[펌] 간단하게 화이트 밸런스 잡기

아별 — Mon, 01 Sep 2008 11:24:41 +0900

출처 : http://club.cyworld.com/52074599131/103688583

머.. 이건 정말.. 머.. 이런.. ㅋㅋ
몇 번의 클릭질로 화이트 밸런스르 맞춰준다.
물론 얼토당토 않은 뻘건 사진 같은건 못 맞춘다. 미세하게 화이트밸런스가 틀어진 녀석을 잡아준다. 머찌다. +_+)b

원리는 단순하다.
   이미지의 평균값을 만들고 그 값을 gray포인트로 해서 화이트 밸런스를 잡아준다.
  (흡사 18%반사도를 가진 gray card를 기준으로 custom white balance를 설정하는 것과 같은 원리랄까..)

방법도 간단하다..
   1. 원본 사진을 연다.
   2. 원본의 사본레이어를 하나 만든다. (Ctrl+J)
   3. Filter > Blur > Average를 선택한다.
   4. Curve 조정레이어를 하나 추가한다.
   5. 조정레이어 설정창에서 Gray Point설정 스포이드를 선택하고 Average Blur된 곳 아무 곳이나 클릭한다.
   6. Average Blur 필터를 적용했던 레이어를 안보이게 눈아이콘을 꺼준다.
   7. 끝.

Action File Download : abyul20080902_SimplyWhiteBalance.atn

첨부된 이미지는 나중에 저 사이트가 없어질 것을 대비한 것이라는 거죠~ ^-^;;

웬만하면 저 위에 주소를 클릭해서 원본 사이트에서 보시고.. 댓글도 달아주시고 그러세요.. ㅎㅎ

[PSD Template] Smart Object를 이용하여 파스텔톤 이미지 쉽게 변경하는 PSD템플릿.

아별 — Mon, 02 Jun 2008 02:52:58 +0900

• Resource Name : Smart Object를 이용하여 파스텔톤을 만들어주는 PSD Template
• Author : 아별닷컴 주인장 오주원(abyul@paran.com)
• Contact : http://www.abyul.com
• 원본 게시물 주소 : http://www.abyul.com/zbxe/15779
• 사용범위 : 저작권자의 동의 없이, 임의의 게시 및 상업적 또는 개인의 목적을 위한 이용을 금지합니다.

안녕하세요?
컴퓨터로 할 수 있는 거라면, 장르를 가리지 않는 아별입니다. ㅎㅎ

사진을 파스텔 톤으로 쉽게 변경해주는 PSD Template을 공개합니다.

1. 다운 받기 : abyul.com_Pastel_ForOthers_v1.1.zip (2.59MB)

2. 압축풀기
압축을 풀면, abyulPastel_ForOthers_v1.1.psd 파일이 나옵니다. 이걸 포토샵에서 여세요.

3. psd파일 사이즈 바꾸기.
원본 사이즈로 배포하면 용량이 너무 커서(원본사이즈는 138MB), 사이즈를 줄여서 배포합니다.
리사이즈해서 원본사이즈로 다시 키워도 동일한 결과를 얻을 수 있습니다. 이게 Smart Object의 매력인것이지요.. 험험! ㅋㅋ
원본 사이즈의 크기는 3456*2304 pixel Size 입니다. Ctrl+Alt+i 를 눌러서 원본 사이즈로 수정해주세요.

4. 원본 사진을 여러분이 효과를 주고 싶은 사진으로 교체해줍니다.

5. 그러면 여러분이 원하는 사진에 효과가 적용된 결과가 나올 겁니다.
각자 본인의 시스템에 따라 시간이 오래 걸릴 수 있습니다. Glowing Edges라는 필터가 리소스를 좀 잡아먹는 연산인 관계로.. ^^;
암튼.. 사진에 따라 아래 이미지에서 체크한, 레이어들의 효과를 넣는게 좋을 수도 있고 빼는게 좋을 수도 있습니다.
레이어의 눈 아이콘을 껐다 켰다 하면서 이미지에 나타나는 효과를 보고, 눈 아이콘을 켤지 끌지를 결정하세요.

6. Ctrl+Shift+S를 눌러 Save As로 저장합니다.

7. 끝.

본 강좌와 관련되어 더 필요한 정보가 있다면 아래 강좌들도 도움이 될 것 같습니다.
• Smart Object 활용 방법 : http://www.abyul.com/zbxe/15742
• 사진을 파스텔 톤으로 리터칭 하는 방법 : http://www.abyul.com/zbxe/15520

이 템플릿을 이용해 만든 다른 작품들입니다.
참고하세요.. ^0^*

[포토샵] Smart Object 활용 방법

아별 — Mon, 02 Jun 2008 01:03:02 +0900

• Resource Name : Smart Object의 개념 설명 및 활용 방법 강의.
• Author : 아별닷컴 주인장 오주원(abyul@paran.com)
• Contact : http://www.abyul.com
• 원본 게시물 주소 : http://www.abyul.com/zbxe/?document_srl=15742
• 사용범위 : 저작권자의 동의 없이, 임의의 게시 및 상업적 또는 개인의 목적을 위한 이용을 금지합니다.

안녕하세요?
컴퓨터로 할 수 있는 거라면, 장르를 가리지 않는 아별입니다. ㅎㅎ

오늘은 포토샵CS3에서 제공하는 기능 중에 하나인 Smart Object라는 것을 공부해 보겠습니다.
[ Smart Object라는 개념은 Photoshop CS2 버전부터 등장한 개념입니다. 그 하위 버전에는 없습니다. ]

Flash를 사용해보셨다면, Symbol이라는 개념을 생각하시면 될 것입니다.
(AfterEffect는 Composition, Premiere Pro에서는 Sequence, 그 외에는 좀 스케일이 다르지만, 그룹의 상위 개념 정도..)

원본(Vector 포함)을 보존하면서, 필터의 적용이나 변형을 가할 수 있는 방법 정도로만 생각하시고,
자세한 건 네박사님(네이버 지식인.ㅋ)에게 문의해주세요.

일단 Smart Object로 지정하는 방법입니다.

레이어 팔레트(F7)에서 원본 이미지 레이어를 선택하고,
오른쪽 마우스 버튼 누른 다음, 메뉴에서 Convert to Smart Object로 선택해주면 됩니다. 그럼 스마트 오브젝트가 된 겁니다.

그 다음엔 스마트 오브젝트가 어떻게 활용될 수 있는지 확인해봐야겠지요.. ㅎㅎ

필터를 적용해 보고, 나중에 필터 옵션을 수정해 보겠습니다.

여기서는 일전에 강좌로 올린 '파스텔톤 이미지로 만드는 방법'을 이용해보겠습니다.
(해당 강좌 바로 가기 : http://www.abyul.com/zbxe/15520 )

1. 스마트 오브젝트로 만든 레이어를 Ctrl+J로 복사한다.
2. 메뉴에서 Stylize > Glowing Edges를 선택하고, 옵션을 2,9,2로 해서 필터를 적용한다.
3. Adjustment Layer 중에서 Inver를 추가하고, 2번 과정에서 Glowing Edges를 적용한 레이어와 그룹으로 만들어 준다.
4. 그룹 레이어의 합성 모드를 Luminosity로 변경한다.

위와 같이 해보면 아래와 같이 이미지를 얻게 됩니다.

어떤 필터를 적용했는지 보이지요? 히스토리의 역할도 합니다.

저 필터를 적용한 부분을 더블 클릭하면 필터에 적용한 수치를 변경할 수 있습니다. 놀랍지요.. +_+)b

Glowing Edges부분을 더블클릭해서 필터 설정값을 13,1,11로 변경해주면 아래와 같은 이미지를 얻게 됩니다.

더 재밌는 것은,
해당 오브젝트를 다른 파일로 변경(Replace Contens)할 수 있다는겁니다.
오브젝트를 다른 파일로 변경하면, 원래 오브젝트에 적용했던 필터나 효과도 새로 교체된 오브젝트에 적용되어 결과가 나온다는 놀라운 기능이지요.
(참고로, Flash의 Symbol 기능도 같은 역할을 합니다.)

방법도 간단합니다.

Smart Object레이어를 선택하고, 마우스 오른쪽 버튼을 누르고, 메뉴에서 Replace Contents를 선택하고 원하는 파일을 선택해주면 됩니다.

새로운 사진으로 변경한 결과입니다.

레이어 명칭도 새로 교체된 파일 명으로 교체가 되는 걸 확인할 수 있습니다.

스마트 오브젝트 관련된 메뉴를 간략히 살펴보면,
<= 마우스 오른쪽 메뉴입니다.

Convert to Smart Object : 스마트 오브젝트로 변환시키는 메뉴이구요..
New Smart Object via Copy : 현재 레이어의 복제 레이어를 만드는 건데요.. Ctrl+J 누르는게 더 편해서 안 쓰는 메뉴입니다.
Edit Contents : 원본 이미지 파일을 수정할 수 있는 메뉴입니다. 이걸 누르면 윈도우의 %temp%폴더에 psb파일을 만들고 그걸 수정해서 현 psd파일에 변경사항을 반영시켜주는데.. 본인은 원본 파일 jpg파일을 열고 편집하고 다른 이름으로 저장한 다음 그걸 Replace Contents로 변경해서 사용합니다. 그게 편하지요. psb파일 따로 관리하기가 귀찮아서요.. ㅋㅋ 윈도우 탐색기에서 Preview도 안되고.. ㅋㅋ ( 원본이 Vector파일이면.. psb로 저장해서 관리할 가치가 있으려나.. ㅎㅎ)
Export Contents : 원본을 잃어버렸을때.. 사용하면 됩니다. 원본을 export시켜주지요.
Replace Contents : 원본을 다른 파일로 교체해주는 메뉴입니다. 저 위에서 줄기차게 설명한 메뉴지요.

머.. 이 정도면.. 대충.. 설명이 된 것 같습니다. ^-^;;

더 필요한게 있으시면 댓글 남겨 주세요.. ^^)/

[튜터♥] 파스텔 톤(Pastel Tone) 이미지 만들기.

아별 — Thu, 22 May 2008 01:03:28 +0900

• Resource Name : 사진을 파스텔 톤으로 리터칭 하는 방법
• Author : 아별닷컴 주인장 오주원(abyul@paran.com)
• Contact : http://www.abyul.com
• 원본 게시물 주소 : http://www.abyul.com/zbxe/15520
• 사용범위 : 저작권자의 동의 없이, 임의의 게시 및 상업적 또는 개인의 목적을 위한 이용을 금지합니다.

오늘은 사진을 파스텔톤으로 바꾸어주는 기법에 대해서 알아보겠습니다.

처음에는 건물을 조감도 느낌이 나도록 만들고 싶어서 만들어낸 기법인데,
인물 사진이나 풍경, 정물 사진에도 좋은 느낌을 내 주어서 파스텔 톤 만들기 라고 이름을 바꿔 봅니다. ^-^;;

아래는 제가 요 기법을 만들고 나서 노트했던 내용입니다.

건물에 대한 리터칭 기법#01    by abyul.com 20071105

   1. Ctrl+J로 원본 복제 ( 원본이미지 Size : 3456*2304 pixel Size )
   2. Image > Adjustment > Shadow/HighLight(100,0) 적용
   3. FilterGallery에서 Glowing Edges(2,9,2)를 적용
   4. Ctrl+I를 눌러 아미지 반전 (SmartObject를 사용할 경우는 Adjustment Layer의 Invert를 사용)
   5. Luminosity 모드로 합성
   6. 색상 진하게 하기.
        원본이미지를 하나 더 카피해서, 맨 위로 순서를 바꾼 뒤, SoftLight로 합성모드 변경
   7. 검은색 라인 죽이기.
        Ctrl+J를 눌러 하나 더 복사하고, 합성모드를 Lighten으로 변경
   8. 이미지 전체에 원본의 톤 살리기.
        Ctrl+J를 눌러 하나 더 복사하고, 합성모드를 High Light로 변경 후 불투명도를 20%로 감소
   9. 붉은 색이 강하다면, Ctrl+U하고 Red 채널의 채도 감소 & 명도 증가

   끝.

캡쳐한 이미지로 상세히 설명 드리겠습니다.

Step1. 원본 이미지를 준비합니다. ( 원본이미지 Size : 3456*2304 pixel Size )
아래에 원본 이미지를 첨부하오니.. 다운 받아서 제가 구라쳤는지 확인해 보세요.. ^-^;;

Step2. 사진의 암부를 밝게 만들어, 대비를 줄여주기.

2-1. Ctrl+J를 눌러, 사진의 사본레이어를 만들고, 메뉴에서 Image > Adjustments > Shadow/Highlight를 선택합니다.

2-2. Shadow/HighLight의 설정값을 100,0으로 수정해줍니다.

Step3. 위에서 대비를 감소시킨 사진에 Glowing Edges를 줘서 라인 뽑아내기.

3-1. 메뉴에서 Stylize > Glowing Edges를 선택한다.

3-2. Glowing Edges 필터의 설정값을 아래 이미지와 같이, 2,9,2로 변경해준다.

Step4. 이미지를 반전시키고, 합성모드를 변경하여 색감을 살려준다.

4-1. 메뉴에서 Adjustments > Invert를 선택한다. 본인은 보통 메뉴를 사용하지 않고 단축키(Ctrl+i)로 작업한다.

4-2. 레이어 팔레트의 합성모드를 Luminosity로 변경해준다.

4-3. 합성모드를 Luminosity로 변경한 결과이다.

4-4. 일단.. 여기까지가 기본적인 파스텔톤 작업이다.
이 이후의 단계는 옵션으로 결과물을 조금 더 낫게 보이게 할 뿐이다.
아래 이미지는 여기까지의 결과물.

Step5. 색이 많이 빠져있다. 색감을 진하게 해보자.

5-1. 원본 이미지를 복사(Ctrl+J)하고, 복제한 레이어를 최상위 레이어로 만들어 주자. (Ctrl+Shift+])

5-2. 합성모드를 Soft Light로 변경해준다.

5-3. 합성 모드를 Soft Light로 변경한 결과이다.

5-4. 변경하기 전 사진을 아래와 같다. 위 결과물과 비교하면, 전체적으로 색감이 살짝 진해졌음을 확인 할 수 있다.

Step6. 검은색 라인들이 너무 강하다. 검은색 라인을 좀 죽여보자.

6-1. Ctrl+J를 눌러 사본을 하나 더 만든 뒤, 합성모드를 Lighten우로 변경해준다.
건물의 검은색 라인들의 검은색이 조금 줄어들어 보인다.

Step7. 이미지의 전체 톤을 조금 더 내보자.

7-1. Ctrl+J를 눌러서 사본을 하나 더 만들고 합성모드를 Hard Light로 변경한 뒤, 불투명도를 20%로 줄여주면,
전체적으로 원본의 색감이 묻어 나게 된다.

Final. 완성된 사진.

참 쉽죠?

- 밥아저씨 버젼..ㅋ-

요 기법을 활용해서 제작한 이미지들입니다.
참고하세요.. ^0^*

테이블 생성시..
테두리 색상 : 88aaaa
배경 색상 : f9f9f9
셀내 여백은 5px로 설정.