SIR
인

초보자를 위한 포토샵 강좌 58

갈색야생마
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 17년 전 · 2723 · 2

 dcinside.com 초보를 위한 포토샵 강좌  57. - 포토샵을 이용한 텍스트 효과


   안녕하세요? 김혜진입니다. 오랜만이군요. 내일이 크리스마스네요. 오늘 뭘 하실지 정하셨나요? 좋은 분들과 즐거운 시간 가지시구요. 좋은 사진 많이 많이 찍으신 후 디시인사이드에 올려주세요. *^__^*  오늘 강좌는요. 텍스트에 효과를 주는 방법들에 대해 몇 가지 알려 드리려고 합니다. 일전에 다 배웠던 방법들을 이용하는데 다만 어떻게 이용하느냐에 따라 결과물이 달라지는 것을 알려 드리려 합니다. 따라해 보세요.
 

 ▣ 아쿠아 문자 만들기.

text-exercises-1.jpg

   원하시는 크기의 새창을 열어주시고 원하시는 텍스트를 입력합니다. 저는 250 * 300 정도의 크기로 알파벳 "D"를 적어 보았습니다.

  너무 작게 텍스트를 적으면 어떤 효과인지 구분이 안가니 조금 크게 적어주시는게 좋을 것 같네요.

text-exercises-2.jpg

   Ctrl키 누르시고 텍스트가 입력된 레이어를 클릭하시면 텍스트가 선택이 되지요? 선택하셨으면 새로운 레이어를 추가합니다.

  메뉴에서 > modify > contract  메뉴에서 5픽셀 입력합니다. 그럼 2픽셀 안으로 선택이 되지요?  

text-exercises-3.jpg

   선택된 영역에 원래 텍스트 색보다 옅은 색으로 채워주세요.
색이 채워진 레이어를 복사해 둡니다.

  text-exercises-4.jpg
text-exercises-5.jpg 

   방금 복사한 레이어 아래 레이어를 선택하시고 Filter > Blur > Guassian Blur 효과를 주세요.

[효과 적용 후 이미지]

text-exercises-11.jpg

text-exercises-6.jpg

  그리고 복사해 둔 가장 위의 레이어에 layer > effects > bevel and emboss 선택하셔서 입체효과을 줍니다. 

[효과 적용 후 이미지]

text-exercises-7.jpg

text-exercises-8.jpg


  좀더 효과를 주어 보겠습니다. Image > Adjust > Curves 명령으로 제일 상단에 있는 레이어의 색을 왼쪽과 같이 조정해 줍니다.

[효과 적용 후 이미지]

text-exercises-9.jpg

text-exercises-10.jpg

   진한 파랑색 레이어에 그림자 효과를 주어 더욱 입체감 있게 표현 하신 후(레이어 스타일에서 작업해 주시면 됩니다. 아시죠?) 블러 효과를 주었던 밝은 파랑색 레이어(Layer 1)에 레이어 모드를 Multiply로 선택해 주시면면 완성됩니다.

text-exercises-12.jpg

   왼쪽 그림이 완성된 이미지입니다. 원래 텍스트의 색이 좀 진했었나 봅니다.  ㅡ_ㅡ;;  제일 아래 부분의 테두리의 색이 조금 튀네요. 따라하신 분들 중에도 그런분들이 계실 것 같네요. 색을 잘 선택하셔서 예쁘게 만들어 보세요.

 ▣ 형광 느낌의 문자 만들기.

 text-exercises-21.jpg

  형광빛을 띄는 문자를 만들기 위해 검정색 배경에 Type Tool을 이용해 텍스트를 입력합니다.

 text-exercises-22.jpg

  번지는 효과를 내기 위해 텍스트 레이어와 배경을 레이어 팔레트 팝업 메뉴의 Merge Down을 이용해 합쳐 주세요.

 text-exercises-23.jpg

  텍스트를 번지게 하기 위해 Filter > Blur > Gaussian Blur에서 Radius 값을 3~4정도 입력해서 번지는 효과를 적용합니다.

 text-exercises-24.jpg
text-exercises-25.jpg 

  텍스트를 네온 모양으로 만들기 위해 Image > Adjust > Curves
를 선택하시고, 그래프의 모양을 왼쪽이미지와 같게 만들어 줍니다.

 text-exercises-26.jpg
text-exercises-27.jpg 

  네온 빛의 색을 만들기 위해 먼저 전경색에서 원하는 색을
선택해둡니다. 그리고 Image > Hue/Saturation에서 수치를 정해주시고, Colorize를 체크해 줍니다.

 text-exercises-28.jpg

   Hue/Saturation에서 수치 값을 다르게 하면 다양한 색상의 네온 문자를 만들실 수 있습니다.

 ▣ 메탈 느낌의 문자 만들기. 

text-exercises-29.jpg

   문자의 배경으로 사용할 이미지를 Crop 툴로 이용하여 적당한 크기로 잘라주세요. 선택한 이미지는 울긋불긋한 것이 좋습니다.

  아래 작업할 효과에 관련된 수치는 개인 취향에 맞에 하셔도 상관은 없으나, 첫 작업에는 따라해 보시는 게 좋을 거 같네요.

text-exercises-30.jpg

  Filter > Blur > Motion Blur를 이용하여 왼쪽과 같이 이미지를 변형시켜줍니다.  

text-exercises-31.jpg
text-exercises-32.jpg

   그리고 Image > Adjust > Brightness/Contrast 메뉴를 이용하여 어두우면서도 선명하게 만들어 주세요.

text-exercises-33.jpg
text-exercises-34.jpg

   Filter > Render > Lens Flare 필터를 이용하여 왼쪽과 같이 배경이미지를 만들어 줍니다.

text-exercises-35.jpg
text-exercises-36.jpg

   위의 작업이 끝나셨으면 다시한번  Image > Adjust > Brightness/ Contrast를 적용하여 선명하게 해줍니다. 위의 이미지 보다 빛이 있는 부분이 선명해진 것을 알 수 있습니다.

text-exercises-37.jpg

   바탕 이미지 위에 회색의 문자를 입력해주세요.

text-exercises-38.jpg

   메뉴 Layer > Layer Style > Bevel and Emboss 선택하시고 왼쪽 대화 상자과 같이 수치를 적어주세요. 지금 하는 작업은 문자에 적용되는 효과입니다.

  문자에 효과적용을 하셨으면 이미지로 바꿔주어야 다음 작업을 할 수 있습니다. 문자 아래로 레이어를 추가하신 후 Layer > Merge Down을 적용합니다.

text-exercises-39.jpg
text-exercises-40.jpg 

   Image > Adjust > Curves 선택하여 그래프를 왼쪽 처럼 조절해주세요. 차가운 느낌이 덜하다면 Curves를 살짝 주세요.

  저도 Curves를 조금 주어 조금 더 밝게 했더니 차가운 느낌이 더 생기더군요. 옆의 이미지는 Curves를 한번 더 주기 전의 이미지입니다.

text-exercises-41.jpg
text-exercises-42.jpg

  금속 느낌의 문자에 입체감을 주기 위해 Layer > Layer Style > Drop Shadow 를 적용하여 그림자를 넣어보겠습니다. Out Glow를 주어도 괜찮습니다. 저는 Drop Shadow를 주었습니다.

text-exercises-43.jpg
text-exercises-44.jpg 

   Brushes에서 불빛무늬를 선택하여 흰색으로 지정한 후 문자가 빛나는 듯이 주변을 작업해 주세요.

  작업을 하시면서 수치 값을 달리하면서 효과의 변화를 보면서 작업하시면 효과가 잘 나타나실 겁니다. 정해진 수치 값은 없습니다. 취향에 따라 적용하세요.

(*´ ▽`)ノ...:+:''':+:''':+:...♡ⓜⓔⓡⓡⓨ*ⓒⓗⓡⓘⓢⓣⓜⓐⓢ 


<< 2002. 12. 24  김혜진 >>

원본: 푸른들 의 블로그

[이 게시물은 관리자님에 의해 2011-10-31 16:52:33 Photoshop에서 이동 됨]
#개발자팁 #개발자 #팁자료실 #기타
|
글쓰기

댓글 2개

nneVerEnd
프로필 보기이 회원 글보기이 회원의 댓글보기
 17년 전
너무 안보이네요 ㅡ0ㅡ
mmoon29style
프로필 보기이 회원 글보기이 회원의 댓글보기
 14년 전
옆이 왜 이렇게 짤리는지 싸이트에 문제가 잇는건지요~~^^;;;;
이전글목록다음글
댓글을 작성하시려면 로그인이 필요합니다. 로그인

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
17년 전 조회 1,039
17년 전 조회 3,140
17년 전 조회 4,313
17년 전 조회 2,459
17년 전 조회 7,462
17년 전 조회 3,822
17년 전 조회 4,156
17년 전 조회 2,418
17년 전 조회 2,881
17년 전 조회 3,626
17년 전 조회 3,997
17년 전 조회 3,157
17년 전 조회 3,143
17년 전 조회 3,288
17년 전 조회 2,461
17년 전 조회 2,055
17년 전 조회 3,102
17년 전 조회 3,246
17년 전 조회 4,609
17년 전 조회 1,583
17년 전 조회 2,614
17년 전 조회 2,687
17년 전 조회 1,899
17년 전 조회 2,217
17년 전 조회 1,831
17년 전 조회 2,366
17년 전 조회 3,772
17년 전 조회 3,882
17년 전 조회 2,081
17년 전 조회 1,357
17년 전 조회 1,496
17년 전 조회 1,638
17년 전 조회 1,618
17년 전 조회 1,381
17년 전 조회 1,524
17년 전 조회 1,343
17년 전 조회 1,831
17년 전 조회 2,739
17년 전 조회 1,837
17년 전 조회 1,387
17년 전 조회 1,675
17년 전 조회 2,323
17년 전 조회 1,944
17년 전 조회 1,260
17년 전 조회 5,896
17년 전 조회 3,277
17년 전 조회 3,176
17년 전 조회 2,595
17년 전 조회 2,775
17년 전 조회 2,724
17년 전 조회 3,227
17년 전 조회 2,354
17년 전 조회 2,469
17년 전 조회 2,531
17년 전 조회 2,522
17년 전 조회 2,659
17년 전 조회 3,188
17년 전 조회 2,692
17년 전 조회 1,428
17년 전 조회 2,845
17년 전 조회 1,590
17년 전 조회 1,342
17년 전 조회 2,011
17년 전 조회 1,461
17년 전 조회 1,398
17년 전 조회 1,340
17년 전 조회 1,555
17년 전 조회 2,051
17년 전 조회 1,432
17년 전 조회 1,405
17년 전 조회 1,210
17년 전 조회 1,435
17년 전 조회 1,172
17년 전 조회 1,302
17년 전 조회 1,560
17년 전 조회 1,397
17년 전 조회 1,291
17년 전 조회 1,259
17년 전 조회 1,376
17년 전 조회 1,149
17년 전 조회 1,199
17년 전 조회 1,233
17년 전 조회 1,304
17년 전 조회 1,330
17년 전 조회 1,345
17년 전 조회 1,306
17년 전 조회 1,626
17년 전 조회 2,954
17년 전 조회 3,353
17년 전 조회 1,444
17년 전 조회 1,540
17년 전 조회 1,350
17년 전 조회 2,108
17년 전 조회 3,026
17년 전 조회 1,370
17년 전 조회 1,360
17년 전 조회 1,360
17년 전 조회 1,225
17년 전 조회 1,415
17년 전 조회 1,474
이전 첫 페이지 다음
글쓰기
🐛 버그신고