본문 바로가기
포토샵/포토샵_실습

[포토샵 실습] 심플한 이쁜 배너 만들기!

by Photoro 2012. 5. 30.
반응형

 

심플한 배너만들기

1.

이번 시간에는 배너를 만들어 보도록 하겠습니다.

새문서 600 x 400 px 정도 되는 문서를 열어주세요!

 

 



2.

rectangular marquee tool (M) 이용 / 아래 그림과 같이 영역을 지정해주고 / 흰색을 채웁니다.
그리고 레이어 이름을 "배너"라고 붙여 주세요.

 

 

 


3.

배너 레이어 '레이어스타일' 값을 아래 그림처럼 주세요.

gradient overlay

 

아래 그림처럼 나왔나요?


4.

아래' Pattern.zip' 을 받아 패턴으로 추가 시켜주세요.


(패턴 추가방법 : 첨부파일 오픈 > 메뉴 > Edit > Define pattern )

 



 















 

 

5.

새 레이어 추가, 단축키 'ctrl + A' 하고,

전체 영역을 선택 'shift + F5' 하여 Fill, Use 를 pattern 으로 바꾸고,

조금전에 추가한 패턴을 선택하고 "ok" 누르세요. 이름을 "패턴" 으로 붙여줍니다.

 


6.

 패턴 레이어 불투명도(opacity)를 40%로 바꾸어 주세요. 

 
불투명도(opacity) 40%

 


7.

edit > free transform [단축키 : Ctrl + T ] 하여 / 패턴 레이어를 아래 그림처럼 회전 시켜주세요.

 

 


8.

edit > free transform [단축키 : Ctrl + T ] 하여 / 패턴 레이어를 아래 그림처럼 회전 시켜주세요.


 

9.

키보드 단축키 "ctrl + shift + i "하여 inverse 반전을 시켜주고, 

(메뉴 > select > inverse )

키보드"delete" 키를 눌러 배너 레이어 선택영역을 제외한 나머지 부분을 지워 줍니다.


10.

패턴 레이어 "레이어마스크' 클릭 하고,  아래 그림 처럼 그라디언트 효과를 패턴레이어 추가


11.

Custom Shapes Tool” (U) 툴 선택하고, 아래 그림과 같은 모양 세이프를 찾아 배너 위에 그려주세요. 

컬러 #58b7ee

12.

쉐이프 모양이 밋밋하여 명암 주도록 하겠습니다.

새 레이어를 추가하고, 쉐이프 레이어 썸네일 부분을  "ctrl + 마우스 클릭" 하여 선택 영역을 만드세요.

 Select >Modify > Contract  선택 후 '1px ' 

전경색을 흰색으로 바꾸고 "alt + delete" 하여 흰색으로 채웁니다.


13.

아래 그림과 같이 '레이어스타일' 효과 값을 추가해주세요.

Blending Options : Fill opacity 0%

Blending Options : Fill opacity 0%

 

Drop shadow, Opactity 15%

 

Gradient Overlay

 

그림 처럼 명암이 살짝 들어간 이미지가 나왔나요?

14.

"type tool ( T )"툴로 배너 이름을 적어주고, 

배너 이름에 아래 그림 처럼 레이어스타일 효과 값을 넣어주세요.

 

 

Drop Shadow

 

Gradient Overlay

 

적어준 배너 제목에 명암이 생겼네요.

Finish

끝까지 따라와 주신 여러분 수고하셨습니다.

 

반응형

댓글