SIR
인

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

갈색야생마
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 17년 전 · 1312
  안녕하세요. 며칠 전 강좌에서 사진 이미지 여백 처리에 대해 알려드렸습니다. 그러나 저번 강좌 내용이 여러분들이 원하시는 테두리 작업이 아니었나 봅니다. 음~ 저는 나름대로 썼는데.... 흑흑 T.T  
  오늘 알려드리는 작업도 그리 어려운 작업은 아닙니다. 천천히 따라해 보세요.

resize2-1.gif


테두리 처리를 하고 싶은 이미지를 불러냅니다. 이사진도 제주도에서 찍은 사진입니다. 사진에 보이는 섬은 우도입니다.

너무 좋더라구요. 여러분들도 꼭 가보세요.
히히~ 자랑 그만하고 강좌를 시작하지요... ^-----^









 

ex1.gif
resize2-3.gif

저번 강좌에서 알려드렸듯이 불러 온 이미지를 그대로 쓰는 것 보다는 원본을 복사한 이미지를 사용하는 것이 나중에 이미지를 다시 사용하게 될 때, 이미지 손상이 적으므로 리터칭이나 새로운 작업을 하실 때에는 복사한 이미지를 사용하시기 바랍니다.

원본 이미지를 복사하려면 우선 이미지를 선택해야겠지요? 이미지를 붙이기 전까지의 과정은 같습니다.
 

1. Ctrl + A : 이미지 전체 선택

2. Ctrl + C : 이미지 복사

3. Ctrl + N : 새로운 창을 엽니다. (옆 이미지)


대화 상자에 나와 있는 수치는 복사한 이미지의 크기를 나타냅니다. 테두리 처리를 하기 위해서는 이미지 크기보다 바탕의 크기가 좀 더 커야 하겠죠?

폭과 높이의 수치를 조금 크게 합니다. 바탕이 되어야 하니까 넉넉히  30pixl씩 더 크게 적어 넣습니다.

창이 열리지요?  새로 열린 창에 이미지를 붙입니다.
 

Ctrl + V : 복사한 이미지 붙이기


새로 열린 창에 이미지가 붙었지요? (옆 이미지)
원래 이미지 보다 여백이 조금 더 생겼습니다. 한번 해 보신 작업이라 쉽죠?
 

 

 

resize2-4.gif


포토샵에서 오른쪽 아래를 보면 Layer창이 있죠? 현재의 레이어 상태는 이미지가 있는 창이 파랑색으로 활성이 되어 있어야 합니다.  그렇게 되어 있나요?

지금 상태는 이미지가 있는 레이어에 있는 것입니다.
Ctrl 을 누르고 이미지가 있는 레이어에  마우스를 대고 클릭을 합니다. 티딕!













 

resize2-5.gif

resize2-6.gif 
 


이미지에 주변으로 점선이 나타나지요?
다음 과정은 주 메뉴에서 Edit > Stroke 선택합니다.

Stroke 메뉴는 선택한 레이어 이미지에 외곽선을 만들어 주는 기능입니다. 우선 외곽선으로 쓸 테두리의 색정하시면 됩니다. 색은 도구 아래에 보시면 색을 정할 수 있는 창이 있지요? 위에 있는 색 창을 클릭하셔서 원하시는 색을 정하시면 됩니다.


































resize2-7.gif

메뉴를 선택하면 옵션 대화상자가 나타납니다.
여기서 원하시는 외곽선 크기만큼 수치를 적어 주시면 됩니다. 저는 외곽선의 색은 흰색으로 크기는 8pixel 정도로 하겠습니다.








 

ex5.gif


다음 과정은 외곽선 처리가 된 이미지에 저번 강좌에서 했던 이미지에 그림자 넣기를 하겠습니다.

메인 메뉴에서 Layer 를 열어보세요.
Layer > Effects > Drop Shadow 를 선택합니다 

다~ 아시죠?

옵션 대화상자가 뜨지요?

취향에 따라 그림자의 불투명도나 각도, 거리등을 조절하셔도 됩니다. 저는 원래 기본으로 설정되어 있는 값으로 하고 OK를 누르겠습니다. OK! 
 

resize2-11.gif


이미지를 보세요. 다 되었습니다.

이렇게 사진에 외곽선 처리를 하는 것에 있어서 정석이 있는 것은 아닙니다. 위의 작업을 응용해서 이미지 전체에 검은색의 외곽선 작업을 해준다면 더 깔끔하게 되겠습니다. 

유저 갤러리에 사진을 자주 올려주시는 선동술님은 흰 외곽선에 회색의 외곽선 작업을 한번 더 해주신 후 그림자를 넣으신 것 같습니다. ( 제가 보기에는...)

다른 방법으로 하셨을 수도 있고요. 

위의 과정들을 응용해서 다양한 작업을 해보세요.
도움이 되셨나요?  ^----------^ ~*
 


resize2-12.gif

원본: 푸른들 의 블로그 
 

 

[이 게시물은 관리자님에 의해 2011-10-31 16:52:33 Photoshop에서 이동 됨]
#개발자팁 #개발자 #팁자료실 #javascript
|
글쓰기
이전글목록다음글
댓글을 작성하시려면 로그인이 필요합니다. 로그인

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
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,344
17년 전 조회 1,306
17년 전 조회 1,626
17년 전 조회 2,954
17년 전 조회 3,352
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
17년 전 조회 1,279
17년 전 조회 2,567
17년 전 조회 1,313
17년 전 조회 1,577
17년 전 조회 1,458
17년 전 조회 1,765
17년 전 조회 1,783
17년 전 조회 1,800
17년 전 조회 1,855
17년 전 조회 1,515
17년 전 조회 1,599
17년 전 조회 1,511
17년 전 조회 1,851
17년 전 조회 1,756
17년 전 조회 1,554
17년 전 조회 1,736
17년 전 조회 1,399
17년 전 조회 1,629
17년 전 조회 1,949
17년 전 조회 2,780
17년 전 조회 1,987
17년 전 조회 1,395
17년 전 조회 1,950
17년 전 조회 2,405
17년 전 조회 1,565
17년 전 조회 2,321
17년 전 조회 1,753
17년 전 조회 1,456
17년 전 조회 1,315
17년 전 조회 1,989
17년 전 조회 2,885
17년 전 조회 2,498
17년 전 조회 1,523
17년 전 조회 2,871
17년 전 조회 2,407
17년 전 조회 2,753
17년 전 조회 2,768
17년 전 조회 2,546
17년 전 조회 2,365
17년 전 조회 1,716
17년 전 조회 2,453
17년 전 조회 3,945
17년 전 조회 1,824
17년 전 조회 3,908
17년 전 조회 1,839
17년 전 조회 1,728
17년 전 조회 2,066
17년 전 조회 2,471
17년 전 조회 1,424
17년 전 조회 1,771
17년 전 조회 2,330
17년 전 조회 1,802
17년 전 조회 1,755
이전 첫 페이지 다음
글쓰기
🐛 버그신고