Skip to content
TUWLAB.com
모든 게시물에 대하여 '링크'
방식의 퍼가기만 허용합니다.
한양대학교 전자통신컴퓨터공학부
바라미
  • 84
  • 2553535
DNS Powered by DNSEver.com
일반

[포토샵] 사진 가장자리 투명하게 처리하기

Posted 2012. 12. 27 Updated 2017. 06. 02 Views 42138 Replies 0
Atachment
첨부

홈페이지 리뉴얼을 하면서 필요한 사진이나 그림들을 직접 만들어서 조달하다보니 자연스럽게 포토샵(+일러스트레이터) 실력이 점점 향상되는 것 같습니다.

예전에는 고작 나모 웹캔버스 등 싼 특수효과정도만 적용한 저질 그림파일들을 생산했었는데, 이번 리뉴얼에 사용하는 이미지들은 그 때에 비해(!) 퀄리티가 상당히 높아졌습니다. (=.=?)

그래서, 이번에 시도해 볼 삽질(?)은 배너로 사용할 이미지의 가장자리를 점점 투명하게 처리하는 비교적 간단한 작업입니다. 알씨(Alsee)의 '꾸미기'에서 투명 액자를 사용해도 비슷한 효과를 만들어 낼 수 있지만, 포토샵을 활용하면 좀 더 세밀한 효과 적용이 가능합니다.


파일 열기 및 레이어 복제

편집할 파일을 열고 배경 레이어를 복제합니다. (단축키 [Ctrl]+[J])
포토샵 열고 파일 열고 나서 [Ctrl]+[J] 누르는것은 습관처럼 할 수 있어야 합니다.

feather1.png

배경이 계속 보이면 효과가 적용되는게 바로 보이지 않으므로, Background 레이어의 눈을 감겨주도록 합니다.


영역 선택

영역 선택 툴로 다음과 같이 적당히 사각형을 그려 줍니다. 이 선택선이 투명 효과가 적용되는 경계선이 됩니다.

feather2.png


페더(Feather) 적용

Select > Modify > Feather 메뉴로 들어갑니다. 단축키는 [Shift]+[F6] 입니다.

다음과 같이 숫자를 입력하는 창이 뜨는데, 여기서 모서리를 둥글게 처리할 반지름을 입력합니다. [OK] 버튼을 누르면 선택 영역의 모서리 부분이 둥글게 바뀐 것을 확인할 수 있습니다.

feather3.png


레이어마스크(Layer Mask) 적용

Layers 창의 Layer Mask 버튼을 클릭하면 다음과 같이 투명해진 가장자리 효과가 적용됩니다.

feather4.png


서비스 선택
이용중인 SNS 버튼을 클릭하여 로그인 해주세요.
SNS 계정을 통해 로그인하면 회원가입 없이 댓글을 남길 수 있습니다.
댓글
?
Powered by SocialXE

List of Articles
번호 분류 제목 글쓴이 최근 수정일 조회 수
81 XE XE 브라우저 제목 제어기 애드온 file TUW 2017.06.02 10399
» 일반 [포토샵] 사진 가장자리 투명하게 처리하기 file TUW 2017.06.02 42138
79 Linux [vsFTP] 생성 파일 기본 권한 설정하기 file TUW 2017.06.02 17738
78 XE XE 게시판 '스킨 관리' 탭에 저장 버튼 및 목차 추가하기 file TUW 2021.12.28 11630
77 Linux Linux 시스템 종료 명령어 - shutdown과 halt TUW 2014.04.23 24370
76 Apache Apache에서 디렉토리별 php.ini 다르게 적용하기 (php_value, php_flag) TUW 2014.04.23 14435
75 일반 Windows 7에서 보호된 노트북 복구파티션 삭제하기 file TUW 2017.06.02 44026
74 일반 형광등기구 안정기 교환 file TUW 2021.12.28 11956
73 일반 Eclipse에 C/C++ 개발환경 구축하기 file TUW 2017.06.02 9905
72 Apache Apache에서 서브 도메인 및 가상 호스트 설정하기 file TUW 2017.06.02 37890
71 Linux [Ubuntu] 서버 복구 : 설치부터 세팅까지 Quick Guide TUW 2013.07.08 15055
70 Apache robots.txt를 활용하여 검색엔진 로봇 인덱싱 제한하기 TUW 2014.04.23 9455
69 PSpice PSpice MOSFET 시뮬레이션 - MbreakN/P 사용방법 file TUW 2017.06.02 46582
68 PSpice PSpice Performance Analysis file TUW 2021.12.28 10992
67 PSpice PSpice에서 Global Parameter Sweep을 활용하여 가변저항 시뮬레이션하기 file TUW 2021.12.28 45328
66 일반 PSpice 시뮬레이션 결과창에서 Search Command 사용하기 file TUW 2017.06.02 31305
목록
Board Pagination Prev 1 ... 5 6 7 8 9 10 11 ... 13 Next
/ 13

Powered by Xpress Engine / Designed by Sketchbook

sketchbook5, 스케치북5

sketchbook5, 스케치북5