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

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

Posted 2012. 12. 27 Updated 2017. 06. 02 Views 42369 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
번호 분류 제목 글쓴이 최근 수정일 조회 수
177 Android 삼성 스마트폰 루팅하기 file TUW 2017.06.02 22887
176 일반 메모리 계층구조 (Memory Hierarchy) file TUW 2017.06.02 18361
175 Android 루팅 응용 : 스마트폰 카메라 셔터음 없애기 2 file TUW 2018.02.08 34303
174 Android 루팅 응용 : 스마트폰 부팅화면 커스터마이징 4 file TUW 2017.06.02 33818
173 Linux 디렉토리를 다른 경로에 마운트하기 (mount --bind) TUW 2018.11.16 29582
172 일반 네이트온 친구삭제 확인하기 file TUW 2017.06.02 10627
» 일반 [포토샵] 사진 가장자리 투명하게 처리하기 file TUW 2017.06.02 42369
170 일반 [포토샵] 모자이크 효과 적용하기 file TUW 2017.06.02 11031
169 AVR [전자동 커튼] 최종 자료 정리 및 추후 개선사항 file TUW 2017.06.02 7674
168 AVR [전자동 커튼] 최종 설치 및 정비 과정 file TUW 2017.06.02 6631
167 AVR [전자동 커튼] 제어장치 회로도 및 부품 목록 file TUW 2017.06.02 7563
166 AVR [전자동 커튼] 제어보드 펌웨어 핵심구문 TUW 2014.04.20 6156
165 AVR [전자동 커튼] 제어보드 완성 사진 file TUW 2017.06.02 7150
164 AVR [전자동 커튼] 완성 & 동작 시연 동영상 9 file TUW 2017.06.02 8032
163 AVR [전자동 커튼] 기획서 TUW 2014.04.20 7683
162 AVR [전자동 커튼] 2차 설치, 또 다시 발견된 문제점 file TUW 2017.06.02 5897
목록
Board Pagination Prev 1 2 3 4 5 6 7 ... 13 Next
/ 13

Powered by Xpress Engine / Designed by Sketchbook

sketchbook5, 스케치북5

sketchbook5, 스케치북5