웹디자인 강의
Photoshop 요철느낌이 나는 메인이미지 만들기.
2002.12.16 18:17
정말 오랜만에 강좌를 써보네요^^ㅋ
원서접수 하느라 바빴답니다 ㅋㅋ(사적인 이야기는 여기서 접고...)
음.. 그럼 강좌를 시작해볼까요?
음.. 이 이미지는 많이 쓰이는 이미지인데요.
닷플커뮤니티 아시죠?^^ http://dotple.com 여기에서도 쓰이구..
사실은 제 홈에서도 쓰고 있답니다^^;;;
바로 이런 이미지입니다. 이 강좌에서는 그라디언트툴, 패턴등록하기, 레이어투명도 조절등을 배울 수 있는 강좌입니다.
그럼 시작하도록 하죠^0^
1.새 파일을 하나 열어봅시다. 가로 세로 폭은 임의로 지정해주시면 됩니다^^ 그리고 배경은 흰색으로 채워지도록 하고 OK를 눌러주세요.
2.색상 선택은 자유롭게 하실 수 있습니다. 전경색과 배경색을 지정해줍시다.
3.페인트버킷툴을 꾹 누르면 그라디언트툴을 선택하실 수 있습니다. 선택을 하시구요,
4.선택하면 아까 지정했던 전경색-배경색이 그라디언트로 됩니다.
5.아까 열어두었던 이미지로 돌아와서 위에서 아래로 그어 줍니다.
6.그러면 이렇게 나오게되죠^^
7.그 다음 또 새파일을 하나 열어봅시다. 폭은1로 높이는 4로 하시고 배경은 Transparent로 선택해서 OK를 누릅시다.
8.파일을 여신다음 위 1pixel은 흰색으로 아래 1pixel은 어두운색으로 채워줍시다.
9.이제 방금 만든 이 이미지를 패턴으로 등록해봅시다. Edit > Define Pattern을 선택합시다.
10.패턴 이름은 임의로 설정하실수 있습니다. 패턴이름을 정하시고 OK를 눌러주세요
11.그러면 이렇게 패턴이 등록되어 있는 것을 보실 수 있습니다.
12.레이어를 추가한다음에 페인트버킷툴로 아까 추가한 패턴으로 채워줍시다.
13.그 다음 레이어옵션에서 투명도(opacity)값을 약 20%로 맞춰주세요.
14.자 , 이게 결과물이 나왔습니다.^^ 전혀 어렵지 않죠? 이해가 가셨길 바랍니다.(워낙 말주변이 없어서;; 설명에 약하다는=3=3=3)
기타 질문사항이 있으시면 코멘트나, 제 홈페이지( http://listory.net) 에 글 남겨 주세요.
성의껏 답변해 드리겠습니다.
원서접수 하느라 바빴답니다 ㅋㅋ(사적인 이야기는 여기서 접고...)
음.. 그럼 강좌를 시작해볼까요?
음.. 이 이미지는 많이 쓰이는 이미지인데요.
닷플커뮤니티 아시죠?^^ http://dotple.com 여기에서도 쓰이구..
사실은 제 홈에서도 쓰고 있답니다^^;;;
바로 이런 이미지입니다. 이 강좌에서는 그라디언트툴, 패턴등록하기, 레이어투명도 조절등을 배울 수 있는 강좌입니다.
그럼 시작하도록 하죠^0^
1.새 파일을 하나 열어봅시다. 가로 세로 폭은 임의로 지정해주시면 됩니다^^ 그리고 배경은 흰색으로 채워지도록 하고 OK를 눌러주세요.
2.색상 선택은 자유롭게 하실 수 있습니다. 전경색과 배경색을 지정해줍시다.
3.페인트버킷툴을 꾹 누르면 그라디언트툴을 선택하실 수 있습니다. 선택을 하시구요,
4.선택하면 아까 지정했던 전경색-배경색이 그라디언트로 됩니다.
5.아까 열어두었던 이미지로 돌아와서 위에서 아래로 그어 줍니다.
6.그러면 이렇게 나오게되죠^^
7.그 다음 또 새파일을 하나 열어봅시다. 폭은1로 높이는 4로 하시고 배경은 Transparent로 선택해서 OK를 누릅시다.
8.파일을 여신다음 위 1pixel은 흰색으로 아래 1pixel은 어두운색으로 채워줍시다.
9.이제 방금 만든 이 이미지를 패턴으로 등록해봅시다. Edit > Define Pattern을 선택합시다.
10.패턴 이름은 임의로 설정하실수 있습니다. 패턴이름을 정하시고 OK를 눌러주세요
11.그러면 이렇게 패턴이 등록되어 있는 것을 보실 수 있습니다.
12.레이어를 추가한다음에 페인트버킷툴로 아까 추가한 패턴으로 채워줍시다.
13.그 다음 레이어옵션에서 투명도(opacity)값을 약 20%로 맞춰주세요.
14.자 , 이게 결과물이 나왔습니다.^^ 전혀 어렵지 않죠? 이해가 가셨길 바랍니다.(워낙 말주변이 없어서;; 설명에 약하다는=3=3=3)
기타 질문사항이 있으시면 코멘트나, 제 홈페이지( http://listory.net) 에 글 남겨 주세요.
성의껏 답변해 드리겠습니다.
댓글 22
-
착한마음
2002.12.16 19:33
-
김지성
2002.12.16 19:18
윤고딕은 어떻게 구하지 -_-? 사야대나.. -
이우봉
2003.01.06 12:15
지식력이 쌓이는 듯한... 감솨.. 체력도 쌓아야되고.. 힘도.. 레벨업할려나?ㅋㅋ -
경자
2002.12.16 20:12
나는 포샵사니까 딸려오던데 포맷했는데 깔기 귀찮아서 안깔고 이서염..ㅋㅋ -
Maestro
2002.12.16 20:21
Lake // 윤고딕 200 시리즈는 Apple 및 Apple 코리아 에서 사용하지 않았습니다. -
Lake
2002.12.16 19:06
apple.com 에 쓰인 글꼴이로군요!
ps. 당신을 삐리합니다. -
레드
2002.12.16 19:02
와 좋네요 ^_^
근데 저기 서명에 우리는, 엔지오 패밀리 라고 적혀있는 글의
글자체 이름이 뭐죠? 저 그 글자체 찾고 있눈뎅..ㅠㅜ -
니키
2002.12.16 18:36
이야... 원했던 강좌...^^ 서명도 예쁜데요..~ ^ㅡ^*
잘 써먹겠습니다.....푸훗- -
미도르
2002.12.17 16:32
시원스럽고 좋네요^^ -
Wings
2002.12.17 23:03
^^ 감사합니다~*
..하하 오랜만에 강좌 올리려니 약간은 어색하기두 하네요^^; -
정현수
2002.12.18 16:46
텍스처(필터)로 이런 효과를 낼수 있는데 제가 생각하기엔 필터를 이용한 텍스처효과가 더 좋은것 같네요 -
레드
2002.12.18 18:15
그럼 위에 우리는엔지오 패밀리가 윤고딕 200 이라면
저기 우리는 엔지오 패밀리에서 패밀리는 글자가 좀 다르잖아요
테두리같은게.. 정말 이쁘네요 그것두 윤고딕 200인데 꾸민건가요?
저 그렇게 하는 방법 알고싶은데...
어떻게 하죠? 강좌좀 올려주세요 Wings 님~ -
Wings
2002.12.19 00:39
레드// 그 강좌로 올리도록 할게요^^;;
어렵지 않답니다. 조만간 올릴게요 -
Wings
2002.12.19 00:40
정현수// 전 필터는 잘 모른다는;;; 퍽;! -
Sea of Hope
2002.12.21 16:35
저기-_-글자에 적용할려면 어떻게 하죠? -
-love-
2002.12.22 23:14
푸하하하하 ㅡㅡ;;;
우리는 엔지오 패밀리 저런식으로 무엇인가 이미지를 만들고 싶다
윙즈님 뭔가 비법 전수를 ㅡㅡ;; -
-love-
2002.12.22 23:15
거기에서 구할수 있었군 저 글씨 마음에 든다는 ㅡㅡㅋ
그리고 ;;;; 너무 강좌 감사하게 봤어염^^ -
신동조
2002.12.26 20:28
해봤는데 말주변이 없다는걸 자세한 그림으로 커버하셨다는.. 이쁩니다. 고맙습니다. -
시리우스
2002.12.29 21:21
주깁니다.
완성했어요 감사합니다.. 꾸벅^^* -
아쿰
2003.01.12 14:22
최고+_+b 정말 최고 유용하게 써먹겠네요 -
유나미
2003.01.16 22:04
패턴 추가까지는 했는데 다음부터는 어떻게 해야할지 모르겠네요...
제가 하도 초보라서 ㅠ_ㅠ...
패턴 추가 부터 어떻게 해야 하는지좀 차근차근히 설명좀 해주세요... -
유나미
2003.01.16 22:13
오옷 알아냈습니다 ㅠ_ㅠ
이 강좌 쓰신분에게 감사드립니다 (이제와서 감사하다고 하네! 퍽!)
윤디자인 연구소에서 구입하실 수 있습니다.