메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

오늘은 실전예제를 하져..음 웹디를 하다보면 회사일을 많이 맡게 되져..그럼 회사이미지 작업을 많이 하게 되는데
오늘 강좌는 회사소개 페이지에 쓰일 이미지를 만들어보죠^--^;
이것 역쉬 제가 한 작업이며 지금 쓰이는 이미지이니 참고만 하시고 그대로 쓰시진 마세요 에헤헤...


먼저 쓰일 이미지를 찾아야겠져 이미지는 이미지스퀘어에서 찾아낸거임다 우와 이거 좀만 다듬으면 뽀대날것 같져 >_<
w1.gif

필요없는 부분은 위처럼 과감히 날려버림다 에잇~~
w2.gif

그리고 이미지 사이즈를 정해줘야져 전 800x160정도 되네여 뺵으로 파랭이~얕은파랭이글라데이션 먹은 상태입니다..
w3.gif

그럼 본격적으로 우후~~위에 대화상자(ctrl+U)열고 채도 떨줍니다 그럼 위와 같이 회색건물이 되겠져.
w4.gif

레이어하나 추가한후 건물만 선택합니다.
w5.gif

세로만든 레이어에서 건물을 흰색으로 채워줍니다.
w6.gif

마스크 만든후에 글라데이션 먹이면 아래와 같이 됩니다 빛에 비치는 건물 형태니 만드는 사람감각대로 먹이면 되겠져+투명도도 자기맘에 맞게 떨줍니다.
w7.gif

반대편도 레이어 추가한후 파랑이 먹여서 마스크>글라데이션 한 후 배열을 흰색이 먼저오게 한 상태입니다.(이건 자세한 설멍 없어두 되겠져^^)
w8.gif

배경에 구름을 깔아줍니다..^-^(미리작업한 구름)
w9.gif

라인을 집어넣어줍니다. 하얀갯 라인을 감각적(-_-)으로 넣는거져...이긍 난 감각이 하나두 없는데 무리야 에혀~~
w10.gif

텍스트로 마무리하면 완성^^
w11.gif

완성품이 나왔네여^^ 에헤헤..
w12.gif

이게 적용된 사이트는

http://www.itsejong.com/index.htm

입니다..에거 돌 던지지 마세여^^..허접하다구..

PS)야미님이 다시 올리라구 해서 다시 올린겁니다^^;; 킁킁..내 조회수 추천수 돌려줘^^~~
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48035
255 Color Settings 의 RGB setup 창을 여시면... file 이용현 2002.07.17 1866
254 [re] 포토샵 7에서 흰색이 안나올때... 마루 2002.06.27 2599
253 이미지 사용과 관련 팁... [3] 유군-친일안티 2002.06.26 3847
252 예쁜 상자만들기 [22] {동준짱} 2002.06.26 8431
251 브러쉬로 예쁜 여자 그리기? [11] {동준짱} 2002.06.26 8876
250 [하이링고]유리구체 만들기 [48] file 하이링고 2002.06.26 23816
249 (실전예제)회사맵이미지만들기 [23] file 미스디쟌 2002.06.21 12896
248 [퍼니페인트]lcd 아쿠아 페인트샵 버젼.. [5] funnyPSP 2002.06.21 8022
» (재업강좌)회사소개페이지용이미지만들기. [21] file 미스디쟌 2002.06.19 24926
246 (재업강좌)XP스타일메뉴바 만들기. [22] file 미스디쟌 2002.06.19 24137
245 글씨에 약간 볼륨을 주는 겁니다 [4] 스티아★.。 2002.06.17 7973
244 Maya Style 강의...-_- (스샷 첨부) [19] Maya [mái∂] 2002.06.17 8549
243 글씨 두껍게하기,테두리주기 간단하게.. [7] file 세나^.^ 2002.06.16 11142
242 [키르] 포토샵에서도 글씨에 밑줄긋고 기울리고~ [5] 키르(絶對) 2002.06.16 16457
241 [정보] 이미지의 손상없이 최대한 찌그러뜨리기! (JPG) [15] file Freeze 2002.06.15 6804
240 [정보] GIF를 능가하는 PNG! [32] file Freeze 2002.06.15 6021
239 [정보] Only Web Colors에 대해 알아봅시다! [7] file Freeze 2002.06.15 3376
238 인트로이미지만들기^^ [9] file 미스디쟌 2002.06.14 19704
237 fake 3d [9] file 리키; 2002.06.14 6633
236 Gimp_GNU Image Manipulation Program for windows를 소개합니다. [7] SLOTH 2002.06.11 8734