웹디자인 강의
Photoshop 요철느낌이 나는 메인이미지 만들기.
2002.12.16 18:17
정말 오랜만에 강좌를 써보네요^^ㅋ
원서접수 하느라 바빴답니다 ㅋㅋ(사적인 이야기는 여기서 접고...)
음.. 그럼 강좌를 시작해볼까요?
음.. 이 이미지는 많이 쓰이는 이미지인데요.
닷플커뮤니티 아시죠?^^ http://dotple.com 여기에서도 쓰이구..
사실은 제 홈에서도 쓰고 있답니다^^;;;
![jeple11.gif](/files/attach/images/19360728/458/406/019/jeple11.gif)
바로 이런 이미지입니다. 이 강좌에서는 그라디언트툴, 패턴등록하기, 레이어투명도 조절등을 배울 수 있는 강좌입니다.
그럼 시작하도록 하죠^0^
1.새 파일을 하나 열어봅시다. 가로 세로 폭은 임의로 지정해주시면 됩니다^^ 그리고 배경은 흰색으로 채워지도록 하고 OK를 눌러주세요.
![jeple1.gif](/files/attach/images/19360728/458/406/019/jeple1.gif)
2.색상 선택은 자유롭게 하실 수 있습니다. 전경색과 배경색을 지정해줍시다.
![jeple2.gif](/files/attach/images/19360728/458/406/019/jeple2.gif)
3.페인트버킷툴을 꾹 누르면 그라디언트툴을 선택하실 수 있습니다. 선택을 하시구요,
![jeple3.gif](/files/attach/images/19360728/458/406/019/jeple3.gif)
4.선택하면 아까 지정했던 전경색-배경색이 그라디언트로 됩니다.
![jeple3-2.gif](/files/attach/images/19360728/458/406/019/jeple3-2.gif)
5.아까 열어두었던 이미지로 돌아와서 위에서 아래로 그어 줍니다.
![jeple4.gif](/files/attach/images/19360728/458/406/019/jeple4.gif)
6.그러면 이렇게 나오게되죠^^
![jeple5.gif](/files/attach/images/19360728/458/406/019/jeple5.gif)
7.그 다음 또 새파일을 하나 열어봅시다. 폭은1로 높이는 4로 하시고 배경은 Transparent로 선택해서 OK를 누릅시다.
![jeple6.gif](/files/attach/images/19360728/458/406/019/jeple6.gif)
8.파일을 여신다음 위 1pixel은 흰색으로 아래 1pixel은 어두운색으로 채워줍시다.
![jeple7.gif](/files/attach/images/19360728/458/406/019/jeple7.gif)
9.이제 방금 만든 이 이미지를 패턴으로 등록해봅시다. Edit > Define Pattern을 선택합시다.
![jeple8.gif](/files/attach/images/19360728/458/406/019/jeple8.gif)
10.패턴 이름은 임의로 설정하실수 있습니다. 패턴이름을 정하시고 OK를 눌러주세요
![jeple8-2.gif](/files/attach/images/19360728/458/406/019/jeple8-2.gif)
11.그러면 이렇게 패턴이 등록되어 있는 것을 보실 수 있습니다.
![jeple8-3.gif](/files/attach/images/19360728/458/406/019/jeple8-3.gif)
12.레이어를 추가한다음에 페인트버킷툴로 아까 추가한 패턴으로 채워줍시다.
![jeple9.gif](/files/attach/images/19360728/458/406/019/jeple9.gif)
13.그 다음 레이어옵션에서 투명도(opacity)값을 약 20%로 맞춰주세요.
![jeple10.gif](/files/attach/images/19360728/458/406/019/jeple10.gif)
14.자 , 이게 결과물이 나왔습니다.^^ 전혀 어렵지 않죠? 이해가 가셨길 바랍니다.(워낙 말주변이 없어서;; 설명에 약하다는=3=3=3)
![jeple11.gif](/files/attach/images/19360728/458/406/019/jeple11.gif)
기타 질문사항이 있으시면 코멘트나, 제 홈페이지( http://listory.net) 에 글 남겨 주세요.
성의껏 답변해 드리겠습니다.
원서접수 하느라 바빴답니다 ㅋㅋ(사적인 이야기는 여기서 접고...)
음.. 그럼 강좌를 시작해볼까요?
음.. 이 이미지는 많이 쓰이는 이미지인데요.
닷플커뮤니티 아시죠?^^ http://dotple.com 여기에서도 쓰이구..
사실은 제 홈에서도 쓰고 있답니다^^;;;
![jeple11.gif](/files/attach/images/19360728/458/406/019/jeple11.gif)
바로 이런 이미지입니다. 이 강좌에서는 그라디언트툴, 패턴등록하기, 레이어투명도 조절등을 배울 수 있는 강좌입니다.
그럼 시작하도록 하죠^0^
1.새 파일을 하나 열어봅시다. 가로 세로 폭은 임의로 지정해주시면 됩니다^^ 그리고 배경은 흰색으로 채워지도록 하고 OK를 눌러주세요.
![jeple1.gif](/files/attach/images/19360728/458/406/019/jeple1.gif)
2.색상 선택은 자유롭게 하실 수 있습니다. 전경색과 배경색을 지정해줍시다.
![jeple2.gif](/files/attach/images/19360728/458/406/019/jeple2.gif)
3.페인트버킷툴을 꾹 누르면 그라디언트툴을 선택하실 수 있습니다. 선택을 하시구요,
![jeple3.gif](/files/attach/images/19360728/458/406/019/jeple3.gif)
4.선택하면 아까 지정했던 전경색-배경색이 그라디언트로 됩니다.
![jeple3-2.gif](/files/attach/images/19360728/458/406/019/jeple3-2.gif)
5.아까 열어두었던 이미지로 돌아와서 위에서 아래로 그어 줍니다.
![jeple4.gif](/files/attach/images/19360728/458/406/019/jeple4.gif)
6.그러면 이렇게 나오게되죠^^
![jeple5.gif](/files/attach/images/19360728/458/406/019/jeple5.gif)
7.그 다음 또 새파일을 하나 열어봅시다. 폭은1로 높이는 4로 하시고 배경은 Transparent로 선택해서 OK를 누릅시다.
![jeple6.gif](/files/attach/images/19360728/458/406/019/jeple6.gif)
8.파일을 여신다음 위 1pixel은 흰색으로 아래 1pixel은 어두운색으로 채워줍시다.
![jeple7.gif](/files/attach/images/19360728/458/406/019/jeple7.gif)
9.이제 방금 만든 이 이미지를 패턴으로 등록해봅시다. Edit > Define Pattern을 선택합시다.
![jeple8.gif](/files/attach/images/19360728/458/406/019/jeple8.gif)
10.패턴 이름은 임의로 설정하실수 있습니다. 패턴이름을 정하시고 OK를 눌러주세요
![jeple8-2.gif](/files/attach/images/19360728/458/406/019/jeple8-2.gif)
11.그러면 이렇게 패턴이 등록되어 있는 것을 보실 수 있습니다.
![jeple8-3.gif](/files/attach/images/19360728/458/406/019/jeple8-3.gif)
12.레이어를 추가한다음에 페인트버킷툴로 아까 추가한 패턴으로 채워줍시다.
![jeple9.gif](/files/attach/images/19360728/458/406/019/jeple9.gif)
13.그 다음 레이어옵션에서 투명도(opacity)값을 약 20%로 맞춰주세요.
![jeple10.gif](/files/attach/images/19360728/458/406/019/jeple10.gif)
14.자 , 이게 결과물이 나왔습니다.^^ 전혀 어렵지 않죠? 이해가 가셨길 바랍니다.(워낙 말주변이 없어서;; 설명에 약하다는=3=3=3)
![jeple11.gif](/files/attach/images/19360728/458/406/019/jeple11.gif)
기타 질문사항이 있으시면 코멘트나, 제 홈페이지( http://listory.net) 에 글 남겨 주세요.
성의껏 답변해 드리겠습니다.