오려내기 스크립트를 이용해서, 문자를 응용해봅니다.
내용이 많아서, 간략하게만 설명합니다. 기초 조금 있으신 분께 좋겠습니다.
준비물 : 오려내기 스크립트 http://jjangfree.tistory.com/1923
* 직접 레이어 2개 띄워서, 효과 > 3d효과 >오려내기 하셔도 됩니다.
1. 문자쓰기
캔버스 크기 600 x 360px / 96dpi 이용 , 배경색 미세한 푸른빛 어두운 톤 아무색이나~ ,
Arial 폰트 120포인트, 테두리 없슴, 벡터유형, 전경색#808080 배경색 #ffffff 내지는 #fafafa 로, 전경.배경 그라디언트로 문자를 씁니다.
문자 쓰고, 중앙정렬(스크립트-제한 > 가운데 레이어 or 개체 > 정렬 > 캔버스 가운데)해 준 다음, 백업 목적으로 복제해준 다음, 본래 문자 레이어를 표시해제~
복제된 문자레이어(벡터)를 래스터화 시킵니다.
2. 효과 > 예술적효과 > 크롬 1회 실행 (색상은 #fde281 내지는 #f8e192 등등의 밝은 골드빛)
3. 오려내기 스크립트 실행
선택사항 : 밝은 영역을, 오버레이 80%로 놓습니다.
여기까지~ 한 단계입니다. 밝은 영역이나 어두운 영역 속성을, 오버레이 등으로 바꿀 수 있습니다.
아래 부터 이런저런 추가조정해봅니다.
4. 그룹안의 제일 아래레이어(1벡터의 사본의 사본=금색글자레이어)을 선택하고,
조절 > 색상 > 채널믹서에서, 모노크롬 체크해서 색채를 빼줍니다.
5. 조절 > 밝기 및 대비 > 곡선 실행
* S자? 모양으로 해 줘봅니다. 포토샵에서는 Ring 이라고 불리는 곡선(윤곽선) 모양입니다.
6. 효과 > 질감효과 >블라인드 실행
* web20 그라디언트식 비슷하게 나옵니다. 이 건, 트릭?적인 방법입니다.
아래는 다른 방법입니다. 보다 정식적인 방법입니다
|
문자의 선택영역 뽑고, 직사각형 선택영역도구로, Ctrl 눌러서 하단 부분을 잘라내줍니다.
그라디언트 위치를 전경쪽으로 바꿔서 위에서 문자썼던 그 그라디언트로, 레이어(1 래스터) 추가한 뒤 채우기 도구로 채워줍니다. 레이어를 오버레이 75%로 바꿔줍니다.
|
아무튼 대강 아래처럼 이렇게 나옵니다.
7. 질감넣기
레이어 그룹을 원본보존용으로 쓰기위해서, 그룹을 복제하고 래스터화 해줍니다. 원본그룹은 표시해제합니다.
효과 > 질감효과 > 질감 실행
8. 효과 > 3D효과 > 안쪽베벨(안쪽경사) 실행
* 빛색상은 #fce48e 썼습니다.
* 안쪽베벨 필터는 좀 구형필터입니다. X2이상에선 레이어 복제해놓고, 위쪽 레이어를, 레이어스타일에 있는 임보스 같은 거 쓴 후 오버레이나 부드러운조명 같은 거 놔주셔도 좋습니다.
* 마구잡이로 이런저런 거 해보는 거라, 이전의 블라인드 부분이 글자중간가로줄이 나타납니다.
9. 내부글로우(inner glow) 를 약간 검게 해줍니다.
내부테두리 2px 정도 치고 가우스흐림으로 흐려주는 방법도 있고.. 기타 여러 방법이 있는데,
여기는 오려내기 필터 써봅니다. 가장자리가 제일 어둡고, 가운데로 갈수록 조금씩 밝아지게 하는 겁니다.
증배로 놓고, 불투명도를 조정해줍니다. 문자가 질감효과로 좀 지저분? 해져서, 이전과 큰 차이는 안보이는데, inner glow 레이어 복제해주면 효과는 더 증폭됩니다.
10. 외부광선효과 Outer Glow
처음에 문자쓰고 복제해서 크롬 줬던, 1벡터의 사본(= 금색글자) 선택 한 후, 조절 > 흐리게 > 가우스흐림 주면, 외부글로우 효과가 나옵니다.
레이어속성 선택은, 자유입니다.
* http://jjangfree.tistory.com/1906 의 빛퍼짐 효과는, Luce 라는 무료플러그인입니다. http://amicoperry.altervista.org/luce/
11. 배경 중앙 글로우
타원선택영역도구로 페더링(부드럽게) 넓게 지정해서, 흰색으로 채워줄 수 있습니다.
선택 해제 후에, 스크립트-제한의 가운데 레이어 스크립트로 정확히 중앙으로 옮기고, 레이어 불투명도 조정할 수 있습니다.
레이어 속성변경은, 그라디언트 밴딩문제(줄무늬)가 발생할 수 있습니다.
|
배경은, http://jjangfree.tistory.com/1852 의 18번 그라디언트 응용 부분이나, http://jjangfree.tistory.com/1906 의 그라디언트 부분을 참고할 수 있고, 구글 이미지 검색에서, gradient background 같은 걸로 검색하면, 이미지 많이 나옵니다. |
여기까지입니다.