테스트 사이트 - 개발 중인 베타 버전입니다
SIR

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

개발자 기타
갈색야생마
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 17년 전 · 1573

안녕하세요. 이번 강좌에서는 디지탈카메라로 찍은 사진에 보기 좋게 테두리 넣는 방법을 알려드리겠습니다. 좋은 사진을 그냥 보는 것 보다 깨끗하게 여백 처리를 해둔다면 더욱 좋겠죠? 그리 어려운 작업은 아닙니다.
 


테두리 처리를 하고 싶은 이미지를 불러냅니다. 저는 얼마 전에 다녀 온 제주도 바다 사진을 쓰겠습니다. 성산 일출봉에서 내려다 본 제주 앞 바다입니다. 자랑은 아닙니다. 흠! 흠!  ^---^
원래 더 큰 이미지인데 강좌를 쓰기 위해 작게 만들었습니다.
강좌를 시작하겠습니다!









 



 

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

원본 이미지를 복사하려면 우선 이미지를 선택해야겠지요?
쉬운 작업을 위해 단축 키를 알려드리지요.
(아래 창 안의 메뉴들은 포토샵 주 메뉴 NEW, EDIT 메뉴에 있는 단축 키입니다. )

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

2. Ctrl + C : 이미지 복사

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


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

폭과 높이의 수치를 조금 크게 합니다. 각각 20 pixel 씩 더 크게 적어 넣습니다. 그리고 Enter을 칩니다. 탁!

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

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


새로 열린 창에 이미지가 붙었지요? 원래 이미지 보다 여백이 조금 더 생겼습니다. 이제 다 되었습니다. 이 상태로 이미지를 저장하시면 테두리가 처리된 이미지가 된 겁니다.  
 


위에서 한 작업에서 끝내기가 심심하시다면 다른 효과를 내는 방법을 알려드리겠습니다. 테두리와 함께 이미지에 아래 그림자가 살짝 생긴다면 더욱 멋스럽겠지요? 이 작업 또한 어려운 작업은 아닙니다.

포토샵 메인 메뉴에 있는 효과로서 클릭 몇 번과 수치 조절만 해주신다면 개인 취향에 따라 효과를 주실 수 있습니다.  음~ 포토샵 프로그램 버전이 다를테니 포토샵  5.5 와 6.0 두 개다 설명해드리겠습니다. 메뉴의 구성만 조금 다를 뿐 작업 순서는 같습니다. 따라해 보세요.
 

     5.0버전

 

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




 















 


대화상자가 나타나지요? 이 창에서 그림자의 변화를 수치값 변화를 통해 조절할 수 있습니다. 드롭 새도우 레이어는 선택된 레이어 이미지에 그림자 효과를 적용합니다. 대화상자에서 기본적으로 블랜드 모드와 색상, 불투명도(Opacity), 각도(Angle) 및 거리(Distance) 등을 조절해서 취향에 맞게 조절하시면 됩니다.

기본적으로 거리 값과 그림자의 각도정도를 변화 주시면 되겠습니다. 검정의 그림자 색이 싫으신 분들은 블랜드 모드 옆의 빨간 테두리로 되어 있는 부분을 클릭하여 원하는 색을 지정하면 되겠습니다. 적당히 수치를 입력하고 엔터를 친 후 이미지를 보세요. 그림자가 생겼지요?

6.0 버전을 살펴보겠습니다.
 


     

     6.0버전

 



 

메인 메뉴에서 Layer 를 열어보세요. 5.0버전에 비해 메뉴의 이름과 구성이 조금 다르지요? 그래도 자세히 보시면
크게 다르지 않습니다.
Layer > Layer Style > Drop Shadow 를 선택합니다.



 











 




 


대화상자가 5.5 버전과는 다르지요? 당황하지 않으셔도 됩니다.  이 창에서도 5.5 버전에서와 같이 수치 값 변화를 통해 조절할 수 있습니다. 드롭 새도우 레이어 스타일은 선택된 레이어 이미지에 그림자 효과를 적용합니다. 대화상자에서 기본적으로 블렌드 모드와 색상, 불투명도(Opacity), 각도(Angle) 및 거리(Distance) 등을 조절해서 취향에 맞게 조절하시면 됩니다.

기본적으로 거리값과 그림자의 각도정도를 변화를 주시면 되겠습니다. 5.5에는 없는 메뉴인 크기(Size)는 그림자의 크기입니다. 두껍고 어둡게 하고 싶으시다면 거리(Distance)를 멀게, 크기(Size)를 두껍게 설정하시면 되겠군요.  

검정 색의 그림자 색이 싫으신 분들은 블랜드 모드 옆의 빨간 테두리로 되어 있는 부분을 클릭하시면 색을 선택할 수 있는 창이 생기는데 원하시는 색을 지정하면 됩니다.

개인적인 생각인데 너무 밝은 색을 정하시면 사진이 들떠 보일 수 있으니 어두운 색이 좋을 것 같군요. -.-;    
이제 다 되었습니다. 이미지를 확인해 보세요. 테두리 주변으로 그림자가 생겼지요? 다 되었습니다.
 




완성!!!  

  ※ 참고하세요. 메뉴에 대해 궁금하실 것 같아서 몇 자 적어 보았습니다.


▣ Layer Style에 나와 있는 메뉴들에 대해서...
 

▶ Blending Options
    - 블렌딩 옵션

블렌딩 옵션은 해당 레이어가 아래에 있는 레이어 이미지와 어떤 형식으로 보여질 것인가를 설정하는 기능입니다. 기본적으로 레이어 블렌드 모드와 불투명도를 조절할 수 있으며, 채우기를 하는 부분의 불투명도와 채널, 녹아웃 등을 설정할 수도 있습니다.

▶ Drop Shadow
    - 그림자 효과

드롭 새도우 레이어 스타일은 선택된 레이어 이미지에 그림자 과를 적용합니다. 대화상자에서 기본적으로 블렌드 모드와 색상, 불투명도, 각도 및 거리 등을 설정할 수 있습니다.

▶ Inner Shadow
    - 안쪽 그림자 효과

이너 새도우 레이어 스타일은 Drop Shadow와 반대되는 효과로 레이어 이미지의 안쪽을 중심으로 그림자 효과를 적용합니다.

▶ Outer Glow
    - 발광 효과

아우터 글로우 레이어 스타일은 레이어 이미지의 경계 부분을 기준으로 빛이 발산되는 듯한 발광효과를 적용합니다. Outer Glow 옵션 대화상자에서 글로우 색상, 그라디언트 색상을 지정해주고, Elements 항목에서 글로우 효과의 부드러움 정도를 설정할 수 있습니다.

▶ Inner Glow
    - 안쪽 발광 효과

이너 글로우 레이어 스타일은 레이어 이미지의 안쪽을 중심으로 빛이 발산되는 듯한 발광효과를 적용합니다. Inner Glow 옵션 대화상자의 Source 항목에서 기준점을 설정할 수도 있습니다.

▶ Bevel and Emboss
    - 베벨/엠보싱 효과

베벨 앤 엠보스 레이어 스타일은 레이어 이미지에 베벨 혹은 엠보스 효과를 적용합니다. Bevel and Emboss는 이미지를 입체적으로 돌출시키거나 함몰시킬 경우에 적용합니다. Bevel and Emboss 레이어 스타일에는 Contour와 Textue 메뉴가 있는데, Contour는 베벨효과를 강조하는 기능이며, Textue는 레이어 이미지에 텍스쳐 효과를 적용할 수 있습니다.

▶ Satin
    - 금속 재질 효과

새틴 레이어 스타일은 레이어 이미지에 부드러운 금속의 재질을 입혀주는 기능입니다. 옵션 대화상자에서 금속 재질의 그래프와 스타일 및 블렌드 모드와 색상 등의 옵션을 설정할 수 있습니다.

▶ Color Overlay
    - 색상 채우기 효과

컬러 오버레이 레이어 스타일은 선택된 레이어 이미지에 사용자가 선택한 컬러를 오버레이(덮어주기)하는 기능입니다.

▶ Gradient Overlay
    - 그라디언트 채우기 효과

그라디언트 오버레이 레이어 스타일은 선택된 레이어 이미지에 사용자가 지정한 그라디언트로 덮어주는 기능입니다. 옵션 대화상자에서 그라디언트 스타일은 지정해주거나 사용자가 새로운 그라디언트를 만들고 모드, 불투명도, 스타일, 각도, 크기 등을 지정할 수 있습니다.

▶ Pattern Overlay
    - 패턴 채우기 효과

패턴 오버레이 레이어 스타일은 선택된 레이어 이미지에 사용자가 지정한 패턴으로 덮어주는 기능입니다.

▶ Stoke
    - 레이어 테두리 효과

스크로트 레이어 스타일은 선택된 레이어 이미지에 외곽선을 만들어 주는 기능입니다. 옵션 대화상자에서 외곽선의 기준점을 설정하고 외곽선을 채울 형식을 지정할 수 있습니다.



 


원본: 푸른들 의 블로그
[이 게시물은 관리자님에 의해 2011-10-31 16:52:33 Photoshop에서 이동 됨]
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

팁게시판

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
글쓰기

테이블 셀 배경이미지 정렬하기 입니다.

#개발자 #php
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

포트별 Virtual Host 설정하기 입니다.

#개발자 #웹서버
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

실시간 카운트 다운 시계 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

jQuery, 이미지맵 마우스오버시 하이라이트 표시

#개발자 #jquery
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

이미지가 없으면 나오는 X대신 다른이미지넣기 입니다. [2]

#개발자 #php
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

가상호스트 무단링크 막기 입니다.

#개발자 #웹서버
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

대량의 서브도메인 생성 DNS 아파치 설정하기 입니다.

#개발자 #웹서버
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

한번만 submit 되게 하기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

영문자나 숫자만 입력 할 수 있게 하기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

현재 페이지 이메일로 보내는 버튼 만들기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

모바일웹에서 PC버전 링크

#개발자 #javascript
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

특정 파일형태만 업로드 하기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

입력 문자열 앞에 붙는 공백 제거하기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

키보드 방향키로 창의 위치를 이동시키기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

게시판 목록에서 원하는 데이터만 출력이 가능하게..

#개발자 #php
위토즈
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

mysql SELECT 결과값을 UPDATE하기

#개발자 #mysql
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

키보드 눌러 이동하는 단축키 사용하기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

책장을 넘기는 것같은 이미지 슬라이드 쇼 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

마우스를 대면 링크 이미지들을 보여주기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

pushbullet 푸시 발송

#개발자 #php
Terrorboy
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

같은 컬럼의 행들을 한번에 UPDATE 하기

#개발자 #mysql
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

이미지들을 보여주는 풀다운 콤보메뉴 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

부드럽게 오버랩되는 이미지 슬라이드 쇼 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

php 주요 정리 입니다.

#개발자 #php
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전