웹디자인 강의
Photoshop (재업강좌)회사소개페이지용이미지만들기.
2002.06.19 11:52
오늘은 실전예제를 하져..음 웹디를 하다보면 회사일을 많이 맡게 되져..그럼 회사이미지 작업을 많이 하게 되는데
오늘 강좌는 회사소개 페이지에 쓰일 이미지를 만들어보죠^--^;
이것 역쉬 제가 한 작업이며 지금 쓰이는 이미지이니 참고만 하시고 그대로 쓰시진 마세요 에헤헤...
먼저 쓰일 이미지를 찾아야겠져 이미지는 이미지스퀘어에서 찾아낸거임다 우와 이거 좀만 다듬으면 뽀대날것 같져 >_<
![w1.gif](/files/attach/images/19360728/403/399/019/w1.gif)
필요없는 부분은 위처럼 과감히 날려버림다 에잇~~
![w2.gif](/files/attach/images/19360728/403/399/019/w2.gif)
그리고 이미지 사이즈를 정해줘야져 전 800x160정도 되네여 뺵으로 파랭이~얕은파랭이글라데이션 먹은 상태입니다..
![w3.gif](/files/attach/images/19360728/403/399/019/w3.gif)
그럼 본격적으로 우후~~위에 대화상자(ctrl+U)열고 채도 떨줍니다 그럼 위와 같이 회색건물이 되겠져.
![w4.gif](/files/attach/images/19360728/403/399/019/w4.gif)
레이어하나 추가한후 건물만 선택합니다.
![w5.gif](/files/attach/images/19360728/403/399/019/w5.gif)
세로만든 레이어에서 건물을 흰색으로 채워줍니다.
![w6.gif](/files/attach/images/19360728/403/399/019/w6.gif)
마스크 만든후에 글라데이션 먹이면 아래와 같이 됩니다 빛에 비치는 건물 형태니 만드는 사람감각대로 먹이면 되겠져+투명도도 자기맘에 맞게 떨줍니다.
![w7.gif](/files/attach/images/19360728/403/399/019/w7.gif)
반대편도 레이어 추가한후 파랑이 먹여서 마스크>글라데이션 한 후 배열을 흰색이 먼저오게 한 상태입니다.(이건 자세한 설멍 없어두 되겠져^^)
![w8.gif](/files/attach/images/19360728/403/399/019/w8.gif)
배경에 구름을 깔아줍니다..^-^(미리작업한 구름)
![w9.gif](/files/attach/images/19360728/403/399/019/w9.gif)
라인을 집어넣어줍니다. 하얀갯 라인을 감각적(-_-)으로 넣는거져...이긍 난 감각이 하나두 없는데 무리야 에혀~~
![w10.gif](/files/attach/images/19360728/403/399/019/w10.gif)
텍스트로 마무리하면 완성^^
![w11.gif](/files/attach/images/19360728/403/399/019/w11.gif)
완성품이 나왔네여^^ 에헤헤..
![w12.gif](/files/attach/images/19360728/403/399/019/w12.gif)
이게 적용된 사이트는
http://www.itsejong.com/index.htm
입니다..에거 돌 던지지 마세여^^..허접하다구..
PS)야미님이 다시 올리라구 해서 다시 올린겁니다^^;; 킁킁..내 조회수 추천수 돌려줘^^~~
오늘 강좌는 회사소개 페이지에 쓰일 이미지를 만들어보죠^--^;
이것 역쉬 제가 한 작업이며 지금 쓰이는 이미지이니 참고만 하시고 그대로 쓰시진 마세요 에헤헤...
먼저 쓰일 이미지를 찾아야겠져 이미지는 이미지스퀘어에서 찾아낸거임다 우와 이거 좀만 다듬으면 뽀대날것 같져 >_<
![w1.gif](/files/attach/images/19360728/403/399/019/w1.gif)
필요없는 부분은 위처럼 과감히 날려버림다 에잇~~
![w2.gif](/files/attach/images/19360728/403/399/019/w2.gif)
그리고 이미지 사이즈를 정해줘야져 전 800x160정도 되네여 뺵으로 파랭이~얕은파랭이글라데이션 먹은 상태입니다..
![w3.gif](/files/attach/images/19360728/403/399/019/w3.gif)
그럼 본격적으로 우후~~위에 대화상자(ctrl+U)열고 채도 떨줍니다 그럼 위와 같이 회색건물이 되겠져.
![w4.gif](/files/attach/images/19360728/403/399/019/w4.gif)
레이어하나 추가한후 건물만 선택합니다.
![w5.gif](/files/attach/images/19360728/403/399/019/w5.gif)
세로만든 레이어에서 건물을 흰색으로 채워줍니다.
![w6.gif](/files/attach/images/19360728/403/399/019/w6.gif)
마스크 만든후에 글라데이션 먹이면 아래와 같이 됩니다 빛에 비치는 건물 형태니 만드는 사람감각대로 먹이면 되겠져+투명도도 자기맘에 맞게 떨줍니다.
![w7.gif](/files/attach/images/19360728/403/399/019/w7.gif)
반대편도 레이어 추가한후 파랑이 먹여서 마스크>글라데이션 한 후 배열을 흰색이 먼저오게 한 상태입니다.(이건 자세한 설멍 없어두 되겠져^^)
![w8.gif](/files/attach/images/19360728/403/399/019/w8.gif)
배경에 구름을 깔아줍니다..^-^(미리작업한 구름)
![w9.gif](/files/attach/images/19360728/403/399/019/w9.gif)
라인을 집어넣어줍니다. 하얀갯 라인을 감각적(-_-)으로 넣는거져...이긍 난 감각이 하나두 없는데 무리야 에혀~~
![w10.gif](/files/attach/images/19360728/403/399/019/w10.gif)
텍스트로 마무리하면 완성^^
![w11.gif](/files/attach/images/19360728/403/399/019/w11.gif)
완성품이 나왔네여^^ 에헤헤..
![w12.gif](/files/attach/images/19360728/403/399/019/w12.gif)
이게 적용된 사이트는
http://www.itsejong.com/index.htm
입니다..에거 돌 던지지 마세여^^..허접하다구..
PS)야미님이 다시 올리라구 해서 다시 올린겁니다^^;; 킁킁..내 조회수 추천수 돌려줘^^~~
댓글 21
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48031 |
74 |
플래쉬와 php 연동 예제
[5]
![]() | 한태종 | 2007.03.16 | 9859 |
73 |
플래시만으로 깔끔한 버튼 만들기 ~
[2]
![]() | kim's | 2007.03.24 | 15658 |
72 |
움직이는 아바타만들기
[3]
![]() | 임자영 | 2007.04.04 | 9958 |
71 |
아쿠아버튼 만들기
![]() | webajama | 2007.04.04 | 10674 |
70 |
햇님만들기
![]() | 임자영 | 2007.04.04 | 7893 |
69 |
우표디자인
[1]
![]() | webajama | 2007.04.04 | 9326 |
68 |
미니버튼 만들기
[5]
![]() | 푸른당근 | 2007.04.08 | 13763 |
67 |
플래시 창에 100%로 삽입하기 ~~
![]() | kim's | 2007.04.11 | 11318 |
66 | 사회 자료 제작실습 [1] | 윤선미 | 2007.04.27 | 5602 |
65 |
[예제] 패턴으로 다양한 효과 내기
[1]
![]() | 그랑블루 | 2007.05.18 | 7753 |
64 |
빅뱅 이미지를 통해 세련된 자켓이미지 만들기 - 1
[4]
![]() | SaRa'S | 2007.05.24 | 8102 |
63 |
빅뱅 이미지를 통해 세련된 자켓이미지 만들기 - 2
[2]
![]() | SaRa'S | 2007.05.24 | 7851 |
62 |
오래된 흑백이미지효과내기,, -ㅁ-;;
[3]
![]() | LArc | 2007.06.03 | 11179 |
61 |
포토샵강좌 - 별만들기
[1]
![]() | IamAndy | 2007.07.11 | 1373 |
60 |
단어장입니다~
[3]
![]() | 한태종 | 2007.07.12 | 4335 |
59 | 포토샵 강좌 모음 [6] | 문학의향기 | 2007.07.13 | 7313 |
58 | 킴스웹에듀 ~~ 플래시 강좌사이트 입니다. | kim's | 2007.07.30 | 1263 |
57 | 귀엽게 느껴지는 손글씨만들기 [3] | ajine.kr | 2007.08.22 | 6022 |
56 |
물방울 만들기!
[5]
![]() | 라하 | 2007.08.29 | 7709 |