13단원 Effect 효과Ⅰ

1. 스타일을 사용하여 입체문자 만들기

이번 학습은 다양한 입체 문자 만들기입니다. 물론 설정은 텍스트를 가지고 하지만, 적용되는 이 레이어 스타일 메뉴는 텍스트 말고도 다양한 도안이나 이미지 형태에 적용될 수 있습니다.

참고로 이 레이어 스타일이라는 메뉴는 전의 버전5.5 에서는 이펙트메뉴로 되어 있던 기능입니다.

자 그럼 시작해 보겠습니다.

1. 작업할 새로운 도큐멘트를 꺼내기 위해 상단 메뉴 바에서 File 에 New 를 클릭 합니다.

2. New 메뉴 박스에서 Width 란에 500 pixels 로 지정합니다. Height란에 350 pixels으로 지정합니다.

Resolution 은 기본 값으로 72 dpi,  Mode는 RGB,  Contents 는 White 상태로 설정합니다.

Ok 버튼을 클릭 합니다.

3. 화면에 흰색의 도큐멘트가 형성되었습니다.

4. 스와치 팔레트에서 색상을 고릅니다. 지시하는 색상을 클릭하세요.

전경색에 골라져 있죠?

5. Edit 메뉴에서 Fill을 선택합니다

도큐멘트가 흰색바탕이면 입체감표시에서 하이라이트 처리가 잘 안보일 것 같아서 바탕에 색을 채우는 것입니다.

6. Fill 대화상자에서 Use 란에  Forground 설정하고 OK 합니다.

전체 도큐멘트 바탕이 전경색으로 칠해졌습니다.

7. Type Tool을 선택합니다.

전경색 아이콘을 클릭 하여 색상 설정 상자를 꺼냅니다.

입력할 텍스트 색상을 고릅니다. 지시하는 곳을 클릭 하세요.

OK버튼을 클릭 합니다.

마우스를 화면에 와서 문자를 입력할 위치에 클릭 합니다.

지시하는 곳에 클릭 하세요. 커서가 깜박입니다.

Style 이라고 입력하였습니다.

8. 마우스를 클릭 드래그 하여 입력한 텍스트를 선택합니다.

상단의 타입 툴의 옵션바에서 Times New Roman체와  폰트 사이즈는 80을 설정하겠습니다.

툴박스를 선택 툴로 이동합니다. 그러면 화면의 텍스트 선택이 풀어지고 입력한 텍스트를 또렷이 보실 수 있습니다.

9. 오른쪽 레이어 팔레트를 봅니다. 레이어 팔레트 안에 보시면 방금 전에 입력한 텍스트가 레이어 팔레트에 T(티) 라는 상징적 창을 가지면서 별도의 층인 레이어로 만들어져 있습니다.

레이어 팔레트 하단의 레이어 스타일 버튼을 클릭 합니다. 영문 f 라고 새겨진 아이콘입니다.

포토샵5.0부터 생겼던 이펙트 기능으로 포토샵6.0 에서는 하단에서 쉽고 빠르게 선택할 수 있게 추가되었습니다.

레이어 스타일 아이콘의 클릭으로 뜬 메뉴에서 Bevel and Emboss를 선택합니다.

Bevel and Emboss를 선택으로 레이어 스타일 대화상자가 나타납니다.

왼쪽 스타일 설정에 Bevel and Emboss가 선택되어져 있고 중앙에서 우측의 화면으로는

Bevel and Emboss를 위한 효과설정 메뉴들이 있습니다.

왼쪽에서 현재 작업중인 도큐멘트가 보이면서 입력한 텍스트에 지금의 레이어 스타일이 적용 되는 게 미리 보여지고 있습니다.

Structure에서  Style 은 Inner Bevel 로 설정되어져 있습니다.

Technique 는 Smooth 로 설정합니다.

하지만 다른 설정도 한번 보겠습니다. 삼각형을 클릭 합니다.

Chisel Hard를 선택합니다.

왼쪽에서 적용되고 있는 이미지를 보니 텍스트가 뚜렷하게 각이 져서 세워져 있는 스타일이 보입니다.

하지만 부드럽게 처리할 것이므로 Technique 는 Smooth 로 설정합니다.

depth 값은 밝고 어두운 음영을 뚜렷하게 잡아 줍니다.

Direction 은 밝고 어두운 음영이 up 과 Down 에 의해 반대로 적용됩니다.

Down을 클릭 합니다.  왼쪽의 적용된 화면을 보세요.

다시  up을 클릭 합니다.

Size 는  Inner Bevel 의 입체감 표현 넓이로서 수치가 클수록 적용되는 범위가 커집니다.

Shading에서  Angle은 빛이 오는 방향을 잡아 입체감의 하이라이트와 섀도우 위치를 설정합니다.

Gloss Contour 는 모서리 윤곽 처리로서 다양한 스타일에 의해 Inner Bevel의 입체 처리가 빛처리와 어울려서 음영처리 느낌이 틀려집니다.

Gloss Contour 창의 삼각형을 클릭 합니다.

창이 나타납니다. 이중 몇 가지를 골라가면서 왼쪽에서 적용된 스타일을 보겠습니다.

다시 기본 값으로 맞추어 놓습니다.

아래 하단은 밝고 어두운 영역의 처리 스타일입니다.

OK 버튼을 클릭 합니다.

입력한 텍스트에  Inner Bevel 스타일이 적용되었습니다.

Inner Bevel  은 이미지 안쪽으로 입체감을 설정합니다.

지금까지 레이어 스타일의 Bevel and Emboss중 Inner Bevel의 옵션을 자세히 살펴보았습니다.

다음 학습에 이어 다른 옵션들도 살펴보도록 하겠습니다.

2. 입체문자의 스타일 변경하기

이전 학습에 이어 레이어 스타일의 옵션을 변경하면서 다양한 입체적인 효과를 만들어 보도록 하겠습니다.

레이어 팔레트에서 Style 이라는 T층의 레이어로 마우스를 가져가 오른쪽 버튼을 클릭 합니다. 팝업메뉴가 나타납니다.

Layer Properties를 선택합니다.

Layer Properties 대화 상자가 나타납니다.

이름을 Inner 라고 적고 아래 컬러 설정 삼각형 버튼을 클릭 합니다.

Red를 선택합니다.

Ok 버튼을 클릭 합니다.

레이어 팔레트에 Inner라는 레이어 층으로 이름이 바뀌면서 레이어 층에 붉은 색도 주어졌습니다.

이펙트 효과 가 보이는 삼각형 창을 닫습니다.

9. 이동 툴을 선택되어져 있습니다.

레이어 스타일 적용된 텍스트를 선택하여 복사해 놓습니다.

키보드에서 Alt 키를 누르고 오른쪽으로 드래그 합니다.

Alt 키를 누르고 지시하는 곳으로 드래그 하세요.

Style 이라는 입체 문자가 오른쪽으로 복사되었습니다.

레이어 팔레트를 보시면 복사된 텍스트는 레이어 스타일에서 적용한  Effect효과도 같이 복사되어졌습니다.

물론 이 복사된 레이어도 위와 같이 이름과 컬러가 주어져서 구분되길 바란다면 앞서 했던 것처럼 Layer Properties를 선택하여 설정하면 됩니다.

반복작업이므로 적용된 설정으로 넘어갑니다.

영문 이니셜 f 라고 써진 곳의 삼각형을 클릭 합니다.

이펙트 효과도 복사되어졌으므로 다시 아래의 레이어 스타일 버튼을 누르고 들어갈 필요 없이 레이어 팔레트에서 지금 열린 층의 Effect 라는 글씨 층을 마우스로 더블 클릭 합니다.

레이어 스타일 대화상자가 열립니다.

Inner Bevel에서 작업한 스타일의 창과 같습니다.

Structure에서  Style 의 삼각형을 클릭 합니다.

Outer Bevel을 선택합니다.

depth 값을 150으로 입력합니다.

Size를 8로 입력합니다.

OK 버튼을 클릭 합니다.

Outer Bevel이미지가 보입니다. Outer Bevel은 이미지바깥영역으로 높이 값이 돌출 되어 입체감을 만듭니다.

레이어 팔레트에서 적용된 Outer 라는 층의 삼각형을 클릭 하여 닫습니다.

위 와 마찬가지로 이동 툴로 이번엔 아래로 드래그 하여 복사하여 놓습니다.

다른 스타일로 해보겠습니다.

복사 보조키로 Alt 키를 누르고 방금 적용된 Outer 효과의 Style 문자를 지시하는 곳으로 드래그 합니다.

반복 과정이므로 복사된 레이어 층을 Layer Properties에서 이름과 색을 지정해놓았습니다.

이번엔 이펙트 삼각형의 창을 열어보지 않고 이펙트 효과 표시 이니셜 f를 마우스로 더블 클릭합니다.

레이어 스타일 대화상자가 열립니다.

Structure에서  Style 의 삼각형을 클릭 합니다.

Outer Bevel을 선택합니다.

depth 값을 100으로, Size를 8로 입력합니다.

OK 버튼을 클릭 합니다.

Emboss 효과가 적용되었습니다.

Emboss 는 바탕에서 이미지를 자연스럽게 올려주는 입체감을 부여합니다.

마찬가지로 반복 작업하여 또 다른 텍스트를 복사하여 놓았습니다.

반복 과정이므로 복사된 레이어 층을 Layer Properties에서 이름과 색을 지정해놓았습니다.

이번엔 이펙트 표시 이니셜 f를 마우스로 더블 클릭 합니다.

레이어 스타일 대화상자가 열립니다

Structure에서  Style 의 삼각형을 클릭 합니다.

Pillow Emboss를 선택합니다.

depth 값을 100으로, Size를 10으로 입력합니다.

OK 버튼을 클릭 합니다.

Pillow Emboss 효과가 적용되었습니다.

Pillow Emboss 는 이미지의 경계선으로 홈이 파인 듯한 처리로 자국이 생긴 것처럼 표현되었습니다.

이렇게 레이어 스타일을 적용하면 이미지에 다양한 입체적인 시각효과를 갖을 수가 있습니다.

물론 지금은 텍스트에만 적용을 시켰지만 여러분들은 다른 이미지 간단한 도안이나 마크 등을 이용하여 레이어 스타일을 적용시켜 보십시오.

이상으로 입체문자 만들기 학습을 마칩니다.