메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

ㅡ.ㅜ 글 함 올렸다가 구설수에 올라서 엔지오님들에게 정말 죄송합니다.

더군다나 강좌하나 없이 달랑 글하나 올렸다고 해서리...  바쁜와중에 하나 올립니다.

작업한 원본 파일도 올립니다. 이해 안되면 포토샵 파일을 직접 보면 더 쉽게 알수 있을겁니다. ^^

아아..  이거는요 배너만들때나 사이트 인트로시에 자주 쓰이는 기법(?)이라고 할수 있습니다.

Step01 : 우선 같이 올려진 꽃이미지를 포토샵에 open합니다. 꽃이미지에 marquee tool을 선택하시고
스타일은 fixed Size 80*80으로 설정합니다.

step01.gif

Step02 : 꽃이미지 중앙에 선택영역을 마춘다음 레이어를 하나 만들고 메뉴에서 Edit>stroke>inside 1pixel을 준다음 주변으로 여러개를 shift를 누룬 상태에서 여러개를 감각적(?)으로 만들어 줍니다.

step02.gif

step02-1.gif

Step03 : 하얀사각 상자를 모두 링크시킨다음 Merge down해서 하나도 만들어 줍니다.
ctrl을 누른 상태에서 상자레이어를 선택하시고 magic wand tool로 선택안된 사각 안쪽을 shift를 누른상태로 모두 클릭해 줍니다. 그러면 사각 영역이 모두 선택되어지며 이때 속성에 안티얼라이스 채크를 없애야 합니다.

step03.gif

Step04 : 모두 선택되었으면 원본꽃이미지레이어를 선택하고 하나 복사한다음 복사된 꽃레이어에서
ctrl+alt+i 로 반전한다음 Del 삭제합니다. 언뜻 보기엔 변화가 없으나... 원본꽃레이어를 ctrl+alt+u 해서
colorlze를 채크한다음 회색으로 만들어 버립니다. 그럼 사각상자안의 꽃을 칼라가 되고 배경은 회색이 됩니다.

step04.gif

step04-1.gif

Step05 : 이제 회색이 된 원본꽃이미지위에 레이어를 하나더 만든다음 그물형태의 라인을 그리고 opacity를 낮추면 됩니다. 이미지칼라톤을 수정하고 글자를 쓰면 마무리됩니다.

step05.gif

step05-1.gif

ps : 설명이 잘되었나 모르겠지만 같이 올린 포토샵원본을 잘 보시고 그래도 모르시면 질문하세요~ ^^;
앞으로도 짬짬내서 강좌하도록 하겟음다. 그럼 많은 도움 되었으면 좋겠네여~ *^_^*
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1248 [동영상강좌] 제15회차 - Path로 이미지를 그려보자 [12] 아이티스터디 2006.02.02 12023
1247 [동영상강좌] 제14회차 - Path로 간단한 도형을 그려보자 아이티스터디 2006.02.02 4319
1246 [동영상강좌] 제13회차 - 직접 패턴만들어서 배경꾸미기 [4] 아이티스터디 2006.02.02 6604
1245 [동영상강좌] 제12회차 - 이미지로 패턴만들어서 배경넣기 아이티스터디 2006.02.02 5093
1244 [동영상강좌] 제11회차 - type툴로 달력만들기 아이티스터디 2006.02.02 3839
1243 [동영상강좌] 제10회차 - 칙칙한 얼굴 뽀사시하게 만들기 아이티스터디 2006.02.02 5681
1242 [동영상강좌] 제9회차 - 공개폰트 다운받기 아이티스터디 2006.02.02 5181
1241 [동영상강좌] 제8회차 - 멋내기 글자 만들기 아이티스터디 2006.02.02 5342
1240 [동영상강좌] 제7회차 - 배경이 투명한 이미지를 만들어보자 [1] 아이티스터디 2006.02.02 5147
1239 [동영상강좌] 제6회차 - 테두리 흐릿한 이미지 만들기 아이티스터디 2006.02.02 4094
1238 [동영상강좌] 제5회차 - 이미지 사이즈를 내 맘대로 수정하기 아이티스터디 2006.02.02 5854
1237 [동영상강좌] 제4회차 - 컬러사진을 흑백사진으로 만들어보기 아이티스터디 2006.02.02 2769
1236 [동영상강좌] 제3회차 - 공개 블러쉬소스 다운받아 멋진 이미지 [2] 아이티스터디 2006.02.02 3112
1235 [동영상강좌] 제2회차 - 브러쉬만들기 아이티스터디 2006.02.02 11844
1234 [동영상강좌] 제1회차 - 선택툴 이용해서 개체선택하기 아이티스터디 2006.02.02 4742
1233 컬러 와/배색/보색/대비색 등의 웹에필요한색채조율 [수정] [2] piasol 2006.01.26 6795
1232 포토샵 7.0 - 문자 , 그림뒤에 네온효과 만들기, [2] file 한솔v 2006.01.25 12637
1231 포토삽 7.0 초간편 홈페이지 만들기 [1] 이재희 2006.01.22 10080
1230 Zboard_Pain#1. 첫강좌 - 간단하게 심플한 버튼 만들기 [3] file Zboard_Pain 2006.01.12 9196
1229 자막처럼 흐르는 배너만들기; [4] file 혀니ⓥ 2005.12.28 17316