웹디자인 강의
Flash 예쁜 구슬만들기~~~~~~
2003.01.07 21:00
흠..이번에도 허접한 실력으로....제가 예전에 공부한 책에서 찾아낸 것입니다.
이거는 꼭 필요할것 같아서.....(흠..그냥 심심해서....)
완성된 플래시
1.우선먼저 새로운 심볼을 만들기 위해서 Ctrl+F8을 눌러서 New Symbol 창을 열고 Graphic 을 선택합니다.
2.원 툴을 선택한 후 원하는 크기로 Shift 키를 누룬 상태에서 그립니다. 원의 테두리는 Delete 키를 눌러서 삭제한후 원을 Ctrl+C를 눌러서 복사를 합니다.
3.레이어를 새로 추가한후 레이어2를 선택한후 Ctrl+V를 눌러 2번에서 복사한 원을 붙여넣기 합니다.그러면 그림처럼 2개의 원이 똑같은 색의 원이 있습니다.(참고로 색은 자기 자신이 마음에 드는 걸로 하세요~~~)
4.레이어2의 원에 그라디언트를 적용합니다.Fill 패널에서 'Radial Gradient'를 선택하고, 그림처럼 조절 바를 3개 만듭니다. 조절바의 빈공간을 선택하면 한개 더 생깁니다.조절바의 위치를 그림과 같이 이동시킨후 각각의 색상을 모두 흰색으로 선택합니다.
5.조절바의 색상에 알파값을 적용합니다. 첫 번째 조절바는 알파값을 '100%'두번째 알파값은 '40%' 세번째 알파값은 '0%'입니다.(왼쪽부터 순서대로 하시면 됩니다.) 큰 빛의 원을 초록색(제가 만든건 초록색) 원의 3/4 정도 가려지게 그림처럼 이동합니다. 그리고 큰 빛 원을 복사합니다.
6.레이어 2를 선택한 후에 새로운 레이어를 추가합니다.레이어3을 선택한 후 복사해 놨던 큰 빛 원을 Ctrl+V를 눌러 붙여넣기를 합니다. 크기조절 툴을 선택한 후 붙여넣기한 큰 빛 원을 작게 축소 시킵니다.
7.구슬의 그림자를 만들기 위해 구슬색 레이어를 선택한 후에 레이어를 추가합니다. 추가된 레이어를 맨 밑으로 드래그 앤 드롭을 합니다.구슬색 레이어에 포함된 구슬 그림을 선택해서 복사합니다.맨 밑에 있는 레이어를 클릭하고 붙여넣기를 합니다. 레이어4(그림에서 맨 밑에..)의 원에 그라이언트를 적용합니다. 그림처럼 첫번째 조절바는 검정색으로 두번째 조절바는 흰색에 알파값을 0% 로 변경합니다.
8.마지막으로 레이어4의 원을 구슬 밑으로 이동시키면 완성됩니다.이제 심볼 작업을 끝내기 위해 작업영역 표시의 Scene1을 선택합니다.
9.현제 구슬그림이 없습니다.Ctrl+L을 눌러 라이브러리 패널에 그래픽 심볼이 하나 있습니다.미리보기 창을 클릭해서 드래그 앤 드롭을 하면 됩니다.
흠...허접하지만 잘사용해 주세요~~
이거는 꼭 필요할것 같아서.....(흠..그냥 심심해서....)
완성된 플래시
1.우선먼저 새로운 심볼을 만들기 위해서 Ctrl+F8을 눌러서 New Symbol 창을 열고 Graphic 을 선택합니다.
2.원 툴을 선택한 후 원하는 크기로 Shift 키를 누룬 상태에서 그립니다. 원의 테두리는 Delete 키를 눌러서 삭제한후 원을 Ctrl+C를 눌러서 복사를 합니다.
3.레이어를 새로 추가한후 레이어2를 선택한후 Ctrl+V를 눌러 2번에서 복사한 원을 붙여넣기 합니다.그러면 그림처럼 2개의 원이 똑같은 색의 원이 있습니다.(참고로 색은 자기 자신이 마음에 드는 걸로 하세요~~~)
4.레이어2의 원에 그라디언트를 적용합니다.Fill 패널에서 'Radial Gradient'를 선택하고, 그림처럼 조절 바를 3개 만듭니다. 조절바의 빈공간을 선택하면 한개 더 생깁니다.조절바의 위치를 그림과 같이 이동시킨후 각각의 색상을 모두 흰색으로 선택합니다.
5.조절바의 색상에 알파값을 적용합니다. 첫 번째 조절바는 알파값을 '100%'두번째 알파값은 '40%' 세번째 알파값은 '0%'입니다.(왼쪽부터 순서대로 하시면 됩니다.) 큰 빛의 원을 초록색(제가 만든건 초록색) 원의 3/4 정도 가려지게 그림처럼 이동합니다. 그리고 큰 빛 원을 복사합니다.
6.레이어 2를 선택한 후에 새로운 레이어를 추가합니다.레이어3을 선택한 후 복사해 놨던 큰 빛 원을 Ctrl+V를 눌러 붙여넣기를 합니다. 크기조절 툴을 선택한 후 붙여넣기한 큰 빛 원을 작게 축소 시킵니다.
7.구슬의 그림자를 만들기 위해 구슬색 레이어를 선택한 후에 레이어를 추가합니다. 추가된 레이어를 맨 밑으로 드래그 앤 드롭을 합니다.구슬색 레이어에 포함된 구슬 그림을 선택해서 복사합니다.맨 밑에 있는 레이어를 클릭하고 붙여넣기를 합니다. 레이어4(그림에서 맨 밑에..)의 원에 그라이언트를 적용합니다. 그림처럼 첫번째 조절바는 검정색으로 두번째 조절바는 흰색에 알파값을 0% 로 변경합니다.
8.마지막으로 레이어4의 원을 구슬 밑으로 이동시키면 완성됩니다.이제 심볼 작업을 끝내기 위해 작업영역 표시의 Scene1을 선택합니다.
9.현제 구슬그림이 없습니다.Ctrl+L을 눌러 라이브러리 패널에 그래픽 심볼이 하나 있습니다.미리보기 창을 클릭해서 드래그 앤 드롭을 하면 됩니다.
흠...허접하지만 잘사용해 주세요~~
댓글 8
-
PeachBlossom
2003.01.08 02:48
Bounce Out!의 구슬들이 생각나는군요~_~ 예뻐요^-^ -
Nazeo™
2003.01.08 20:34
이거 움직이지도 않는데 왜 플래시로 만들었어요? ㅡㅡ+
(태클아님..-_-;;) -
응?
2003.01.08 23:43
플래시로 만드는거라서 포토샵 보다 훨씬더 편하면서 예쁘잔아요.....(나만 그런가...) -
치즈, 미도르
2003.01.09 02:06
nazeo :: 꼭 움직여야만 플래시가 되는 건 아니잖아요;; 활용예를 보여주신듯... -
GoToHeaven
2003.01.18 10:28
포토샵이 따로 없군요..-_-;;
역시 훌륭한 그래픽 툴 중 하나가 맞는 것 같습니다. -
구본주
2003.01.24 17:26
포토샵에서 구슬을 만들고 플래시에서 무비를 위해서 들고 올시 용량이 비트맵이라서 더 많이 나가요. 비트맵에 비해서 벡터가 용량 더 적게 나갑니다. -
death
2003.03.06 02:26
저건 이쁜데..내가 만드닌깐 안이뻐.ㅜㅇㅠ -
쭈니
2004.08.29 08:05
엑박 아닌가요? 보고싶은데