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

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

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

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


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









 



 

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

원본 이미지를 복사하려면 우선 이미지를 선택해야겠지요?
쉬운 작업을 위해 단축 키를 알려드리지요.
(아래 창 안의 메뉴들은 포토샵 주 메뉴 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에서 해주시기 바랍니다.
글쓰기

알고있으면 유용한 무료 디자인소스 사이트

#디자이너
덕덕서리
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

서버시간 알아내기

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

css 템플릿 사이트

#디자이너
덕덕서리
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

모바일 ui 사이트 [1]

#디자이너
덕덕서리
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

swip 사용 안하고, touchstart, touchmove 사용하여 슬라이드 구현

#퍼블리셔 #기타
돼지코구뇽
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

숫자를 한글표기로 바꾸기 입니다.

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

Android,IOS 앱용 아이콘 템플릿 참고 사이트

#개발자 #mobile
인덱스웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

여러문장을 한번에 자동 줄바꿈 하기 입니다.

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

서버 동시접속자 설정 변경하기

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

디렉토리의 모든 파일을 읽어 목록으로 만들기 입니다.

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

PHP 버전이 낮아 imagerotate() 함수가 없을때 대신 사용하는 함수

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

간단하게 자동으로 테이블 너비 조정하기 입니다. [1]

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

문자열자르기 (문자별 다른 너비 해결)

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

테이블 복사 쿼리

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

많이들 사용하시는 Slider 에 대해서... [2]

#퍼블리셔 #기타
kkiplayer
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

현재 접속중인 사용자 나타내기

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

mysql select 후 update 하기

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

다른 페이지로 이동하는 방법 3가지 입니다.

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

한글문자열 자르는 법 입니다.

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

mysql_query 전체 갯수 빨리 알아보기 입니다.

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

POST값 통째로 인코딩하기, 배열, iconv

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

이메일주소 검사하기 입니다.

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

php 확장자 내 맘대로 바꾸기 입니다.

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

문자열을 한 문자씩 나누어 출력하기 입니다.

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

Node js 게시판 프로젝트 소개합니다.

#개발자 #node.js
ssnshero
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전