웹디자인 강의
Paintshop 짜놓은 물감....?
2004.02.01 15:09
안녕하세요.
어설프지만 벌써 다섯 번째 글로 찾아뵙게 되었습니다.
이번에는 알파 채널을 이용하여 이미지를 만들어 보도록 하겠습니다.
이 글에 나오는 페인트 샵은 한글 7.03버전 입니다.(8.X 버전은 너무 무겁더군요)
알파채널 이란?
'알파 채널은 사용자가 만든 마스크 또는 선택 영역에 대한 정보가 저장되어 있는 채널입니다. 선택 영역을 알파 채널로 저장하면 선택 영역은 이미지 내에서 그레이스케일 비트맵으로 저장됩니다.'
라고 페인트 샵 도움말에 나와 있군요.
※ ' ' 안에 있는 내용은 메뉴를 나타냅니다.
먼저, '파일 -> 새로 만들기'를 클릭 해서 300X300 크기의 새 이미지를 만듭니다.(그림을 참고 하세요.)
여기에 '레이어 -> 새 래스터 레이어'를 클릭 후 확인을 눌러주세요.
새 레이어에 선택영역버튼을 누른 다음
도구 옵션을 다음과 같이 설정 합니다.
선택유형 : 원, 페더링 : 0, 안티알리아스 : 체크
추가된 레이어에 Shift를 누른채 원을 몇 개 그려줍니다.
원하는 모양으로 선택이 되었으면 '선택영역 -> 알파채널로 저장'을 클릭 후 '확인 -> 확인'을 클릭하세요.
선택영역에 채우기 도구를 이용하여
빨강 : 0, 녹색 : 0, 파랑 : 192 의 색을 부어 주세요.
색을 부었으면 '레이어 -> 등록정보'를 클릭한 다음 투명도 잠금에 체크를 하고 확인을 클릭합니다.
그다음 '선택영역 -> 수정 -> 축소'를 클릭하여 픽셀 수에 7을 넣고 확인을 클릭합니다.
선택영역이 줄어 들었습니다. 다시 선택영역 도구를 선택한 다음
배경색을 흰색으로 선택을 하고
※ 스타일 글자 밑에 있는 색이 전경색이고 질감 글자 위에 있는 색이 배경색입니다. 색상 팔레트에서
마우스 왼쪽 버튼을 누르면 전경색이 오른쪽 버튼을 누르면 배경색이 선택이 됩니다.
마우스를 선택영역 위로 가져가면 마우스 포인터가 이동으로 바뀌는데
왼쪽 마우스를 누른채 오른쪽으로 살짝 움직여 주세요.
이제 저장했던 알파채널을 불러 옵니다.
'선택영역 -> 알파채널에서 읽어오기'를 클릭하면 저장한 알파채널이 하나밖에 없기 때문에 확인을 클릭 합니다.
이미지에 불러온 선택영역이 표시가 되면 배경색을 빨강 : 0, 녹색 : 0, 파랑 : 128 의 색으로 선택하세요.
그런 다음 방금 전과 반대 방향인 왼쪽으로 선택영역을 아주 살짝 움직여 주세요.
그럼 이제 레이어 팔레트에서 배경 레이어를 레이어 보기 토글을 클릭해 감추어 줍니다.
감추었으면 '레이어 -> 병합 -> 보이는 레이어 병합'을 클릭한 후 다시 배경 레이어를 보이게 합니다.
여기에 'Ctrl + A' 누르거나 '+ '선택영역 -> 모두선택'을 클릭한 다음 이미지의 아무 곳이나 클릭 하세요.
레이어 병합된 이미지가 선택영역으로 지정이 되었으면 '효과 -> 흐림효과 -> 가우스 흐림 효과'를 클릭하여
반지름 수치를 3으로 설정해 주세요.
이미지가 흐릿하게 변했으면 다시 한번'선택영역 -> 알파채널에서 읽어오기'를 클릭 후 확인을 클릭 하세요.
그런 다음 '선택영역 -> 수정 -> 축소'를 클릭 후 픽셀 수에 1을 넣고 확인을 클릭을 하고
'선택영역 -> 반전'을 클릭 하면 선택영역이 반전이 됩니다. 그러면 키보드의 [Delete]버튼을 눌러 주세요.
그러면 거의 완성된 이미지가 됩니다.
이것으로 끝을 내도 되지만 뭔가가 아쉽기 때문에 마지막으로 여기에 그림자를 넣어 보겠습니다.
'효과 -> 3D 효과 -> 음영 넣기'를 클릭 후 아래 그림과 같이 수치를 넣어 주세요.
이런 결과물이 나옵니다.
'색상 -> 색상 입히기'를 이용하면 다양한 색으로 바꿀 수 있습니다.
물감이란 억지 제목을 붙였는데 이 글에서 중요한 내용은 물감같은 효과를 내는 것 보다 알파채널을
이런식으로 이용한다 라는 것인데 글 재주가 부족하여 의미 전달이 잘 되었는지 모르겠습니다.
알파채널은 주로 글자를 꾸민다던지 아쿠아 버튼이나 메탈릭한 느낌의 이미지를 만들 때 많이 사용하는데
꼭 알파채널을 사용해야 하는건 아니지만 좀더 쉽고 다양한 표현이 가능하기 때문에 알파채널을 이용 한다면
자신이 원하는 이미지를 만드는데 많은 도움이 된다고 생각합니다.
어설프지만 벌써 다섯 번째 글로 찾아뵙게 되었습니다.
이번에는 알파 채널을 이용하여 이미지를 만들어 보도록 하겠습니다.
이 글에 나오는 페인트 샵은 한글 7.03버전 입니다.(8.X 버전은 너무 무겁더군요)
알파채널 이란?
'알파 채널은 사용자가 만든 마스크 또는 선택 영역에 대한 정보가 저장되어 있는 채널입니다. 선택 영역을 알파 채널로 저장하면 선택 영역은 이미지 내에서 그레이스케일 비트맵으로 저장됩니다.'
라고 페인트 샵 도움말에 나와 있군요.
※ ' ' 안에 있는 내용은 메뉴를 나타냅니다.
먼저, '파일 -> 새로 만들기'를 클릭 해서 300X300 크기의 새 이미지를 만듭니다.(그림을 참고 하세요.)
여기에 '레이어 -> 새 래스터 레이어'를 클릭 후 확인을 눌러주세요.
새 레이어에 선택영역버튼을 누른 다음
도구 옵션을 다음과 같이 설정 합니다.
선택유형 : 원, 페더링 : 0, 안티알리아스 : 체크
추가된 레이어에 Shift를 누른채 원을 몇 개 그려줍니다.
원하는 모양으로 선택이 되었으면 '선택영역 -> 알파채널로 저장'을 클릭 후 '확인 -> 확인'을 클릭하세요.
선택영역에 채우기 도구를 이용하여
빨강 : 0, 녹색 : 0, 파랑 : 192 의 색을 부어 주세요.
색을 부었으면 '레이어 -> 등록정보'를 클릭한 다음 투명도 잠금에 체크를 하고 확인을 클릭합니다.
그다음 '선택영역 -> 수정 -> 축소'를 클릭하여 픽셀 수에 7을 넣고 확인을 클릭합니다.
선택영역이 줄어 들었습니다. 다시 선택영역 도구를 선택한 다음
배경색을 흰색으로 선택을 하고
※ 스타일 글자 밑에 있는 색이 전경색이고 질감 글자 위에 있는 색이 배경색입니다. 색상 팔레트에서
마우스 왼쪽 버튼을 누르면 전경색이 오른쪽 버튼을 누르면 배경색이 선택이 됩니다.
마우스를 선택영역 위로 가져가면 마우스 포인터가 이동으로 바뀌는데
왼쪽 마우스를 누른채 오른쪽으로 살짝 움직여 주세요.
이제 저장했던 알파채널을 불러 옵니다.
'선택영역 -> 알파채널에서 읽어오기'를 클릭하면 저장한 알파채널이 하나밖에 없기 때문에 확인을 클릭 합니다.
이미지에 불러온 선택영역이 표시가 되면 배경색을 빨강 : 0, 녹색 : 0, 파랑 : 128 의 색으로 선택하세요.
그런 다음 방금 전과 반대 방향인 왼쪽으로 선택영역을 아주 살짝 움직여 주세요.
그럼 이제 레이어 팔레트에서 배경 레이어를 레이어 보기 토글을 클릭해 감추어 줍니다.
감추었으면 '레이어 -> 병합 -> 보이는 레이어 병합'을 클릭한 후 다시 배경 레이어를 보이게 합니다.
여기에 'Ctrl + A' 누르거나 '+ '선택영역 -> 모두선택'을 클릭한 다음 이미지의 아무 곳이나 클릭 하세요.
레이어 병합된 이미지가 선택영역으로 지정이 되었으면 '효과 -> 흐림효과 -> 가우스 흐림 효과'를 클릭하여
반지름 수치를 3으로 설정해 주세요.
이미지가 흐릿하게 변했으면 다시 한번'선택영역 -> 알파채널에서 읽어오기'를 클릭 후 확인을 클릭 하세요.
그런 다음 '선택영역 -> 수정 -> 축소'를 클릭 후 픽셀 수에 1을 넣고 확인을 클릭을 하고
'선택영역 -> 반전'을 클릭 하면 선택영역이 반전이 됩니다. 그러면 키보드의 [Delete]버튼을 눌러 주세요.
그러면 거의 완성된 이미지가 됩니다.
이것으로 끝을 내도 되지만 뭔가가 아쉽기 때문에 마지막으로 여기에 그림자를 넣어 보겠습니다.
'효과 -> 3D 효과 -> 음영 넣기'를 클릭 후 아래 그림과 같이 수치를 넣어 주세요.
이런 결과물이 나옵니다.
'색상 -> 색상 입히기'를 이용하면 다양한 색으로 바꿀 수 있습니다.
물감이란 억지 제목을 붙였는데 이 글에서 중요한 내용은 물감같은 효과를 내는 것 보다 알파채널을
이런식으로 이용한다 라는 것인데 글 재주가 부족하여 의미 전달이 잘 되었는지 모르겠습니다.
알파채널은 주로 글자를 꾸민다던지 아쿠아 버튼이나 메탈릭한 느낌의 이미지를 만들 때 많이 사용하는데
꼭 알파채널을 사용해야 하는건 아니지만 좀더 쉽고 다양한 표현이 가능하기 때문에 알파채널을 이용 한다면
자신이 원하는 이미지를 만드는데 많은 도움이 된다고 생각합니다.
댓글 9
-
박원용
2004.02.01 20:40
예쁘네요^^ 추천한방 드립니다~^ㅡ^ -
Don Juan
2004.02.01 21:42
이쁘게 봐주셔서 감사합니다.^^; -
Shin.CH
2004.02.02 18:28
이거 포토샵6으로 강좌해줬으면 좋겠네요~^^ -
Don Juan
2004.02.03 16:04
제가 포토샵은 잘 모르지만 포토샵에서도 충분히 될겁니다. -
무어
2004.02.09 20:52
페인트샵을 이제막 시작했는데 초보자도 쉽게 따라할 수 있게
설명해 주셔서 감사합니다^^
앞으로 좋은 강좌 많이 올려주세요^^ -
그냥이렇게。
2004.02.15 10:58
어도비제품 아닌 건 좀 맘에 안든단 말이야...
아무튼 굿... -
무어
2005.03.03 08:05
권혁준님 하나만 알고 둘은 모르시네요..
님의 말씀대로 위의 강좌는 포토샵에서 레이어스타일을 통해 간단하게 해결할 수 있습니다.
그런데도 감사의 덧글을 남기는 이유는 이것이 포토샵이 아닌 페인트샵에 의한 강좌이기 때문입니다.
아직은 페인트샵강좌가 많지 않아서 그 기능과 위치를 어려운 메뉴얼을 통해서 배워야 하는데
이렇게 자세하면서도 간단한 예제를 통해 쉽게 메뉴얼에 다가갈 수 있다는 이점 때문에
이 강좌가 더없이 소중한거예요.
앞으로 Don Juan님의 다른 강좌 또한 더 보고 싶기 때문이기도 하죠
님의 덧글로 강좌 안올려주시면 책임지실래욧!-_- -
권혁준
2004.10.29 18:58
ㅋㅋ 좋네요.. 그래도 포샾이 더 편한듯.. 저건 포토샾으로 붓으로 살짝 긋고 가우시안 해줘두 되고 혼합옵션에서 엠보싱해도 됩니다.(그림자도 요.) -
양치기소년
2007.04.29 09:54
http://max0u.co.kr를 소개합니다
500G 무료 저장웹하드 , 로그인만 해도 쌓이는 패킷!!
빠른 인터페이스와 컨텐츠는 기본이며 끝내주는 속도!! 쉬운파일공유!
맥스공유 홈페이지에 먼저 가셔서 회원가입을 하신후에
무료캐쉬충전을 하시면 10000가량 모으실수 있습니다 . 그 포인트로 원하는 자료를
받으실수 있습니다 .
http://max0u.co.kr
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48035 |
1575 | 귀여운 물고기를 만들자(1) [2] | 서니 | 2004.02.08 | 11449 |
1574 | 붓으로 찍은 점 만들기 [14] | LitQoo | 2004.02.06 | 14209 |
1573 | 스프링 만들기~ [13] | Budge,V. | 2004.02.05 | 11557 |
1572 | [기초팁]블랜딩 옵션만으로 깔끔한 버튼 만들기 #2 [27] | 양군푸로독션 | 2004.02.04 | 21345 |
1571 | [포토샵] 일러스트 비슷한거 그리기 [15] | 8mile | 2004.02.04 | 14462 |
1570 | 밤하늘에 작은달과 구름~ [9] | PlasmaG | 2004.02.04 | 10768 |
1569 | 바다에 폭풍치는 그림 그리기 [8] | 경환돌이 | 2004.02.03 | 9860 |
1568 | [CS]"맛좋고 건강에도 좋은 토마토 이야기 표지" 구성 [14] | hozz호찌 | 2004.02.02 | 9650 |
1567 | 펜툴의 파워!! [4] | 강용환 | 2004.02.02 | 14871 |
1566 | 레이어창 이제 마스터하자! [5] | NzeoZen | 2004.02.02 | 7747 |
1565 | 신비스러운[?]크리스탈 비스무리한 것 만들어 보기 [13] | NzeoZen | 2004.02.02 | 12746 |
1564 | 얼음같은 문자 만들기 [3] | NzeoZen | 2004.02.02 | 10272 |
1563 | 사람지우기 [14] | 강용환 | 2004.02.02 | 12847 |
1562 | 잿빛의 건물들(?)을 만들어보자. [15] | Eniun | 2004.02.01 | 8406 |
1561 | 절대반지 만들기~☆ [7] | ⓒe~☆ | 2004.02.01 | 11979 |
1560 | 엽기강좌..열매맨 만들기'' [12] | 쥬다스 | 2004.02.01 | 6498 |
1559 | [재업강좌] 실로 칭칭감긴듯한 글씨 [4] | 위스노우 | 2004.02.01 | 8471 |
» | 짜놓은 물감....? [9] | Nedica | 2004.02.01 | 15702 |
1557 | 가장~~!! 쉽게 얼음글씨 맹글기 [8] | 위스노우 | 2004.01.31 | 10190 |
1556 | 우주만들기 [10] | NzeoZen | 2004.01.31 | 9199 |