posted by 화원1 2011. 6. 8. 09:21
  • 아래 자료는 너무 좋은 자료이기에 혼자서 사용하기에는 너무 욕심인것 같아서
  • 영상파일이 다운된것을 다시 저가 만든 영상파일로 재 편집해 본 것입니다.
  • 어느 분이 만든것인지 몰라도 넘 좋은 자료 이기에 영상파일을 다시 넣어서 재 편집한 것인데
  • 다행히 모두가 정상적으로 재 편집되어 다행 입니다....>
  • 【 이 자료 처음 만들어 올리신 분께 감사 인사 드립니다 】
  • 스위시 영상파일을 만들어 사용하시는 모든분들게 도움이 되었으면 합니다.
  • 미리벌 드림

    스위시맥스에서 swf 파일을 만들면 그 파일을 블로그나 카페에 띄울 때 EMBED 태그를 쓰는 건 필연적인 사항이죠.

    여러분들은 그 임베드 태그를 어떻게 사용하시는지...맥스 옵션에 보면 내가 만든 swf 파일을 html 임베드 소스로 빼 주는 옵션이 있는데...실은 이것이 많이 미진하다는 점입니다.

    맥스를 만든 회사는 물론 저보다 모든 점에서 뛰어 나지만 적어도 "태그 소스 터치"는 비타주리가 상수 입니다. 믿어지지 않으시겠지만 사실입니다.

    오늘 이 공지글은 여러분들이 사용하시는 스위시 파일을 띄우는 가장 최적화된 EMBED 태그소스를 소개시켜 드리는 것입니다.


    먼저 아래 소스를 보죠.

    <EMBED src="https://t1.daumcdn.net/cfile/blog/195F0D0F49C8993C2C" type="application/x-shockwave-flash" width="600" height="400">

    이건 우리들이 가장 흔하게 사용하는 임베드 소스인데...이 파일의 원본 가로 세로 길이는 가로 600픽셀에 세로 400픽셀 짜리의 파일 입니다.


    여기서 가로 세로 길이를 원본과 다르게 기입하면 어떤 현상이 발생하나 살펴보죠...

    <EMBED src="https://t1.daumcdn.net/cfile/blog/195F0D0F49C8993C2C" type=application/x-shockwave-flash width="500" height="375">

    원본 가로 세로 길이와 비율이 다르게 나타나는 부분은 저런식으로 흰색 뻘여백 처리됩니다. 여기서 흰색은 최초 맥스에서 작업할 때 작업창의 배경을 흰색으로 주었기 때문에 그런 거겠죠. 만일 저것을 맥스에서 검정색으로 주었다면 검은색으로 나타나구요.

    이 뻘여백은 길이가 아닌 비율의 문제입니다. 즉 원본 길이가 600*400 인 파일은 450*300 이나 300*200 등으로 원본의 가로 세로 비율인 3:2 비율대로 가로 세로를 기입하면 저런 뻘여백 현상이 생기지 않습니다.

    그럼...비율 이외 부분의 뻘여백을 없애는 속성은 없을까요? 아래처럼 scale=exactfit 란 임베드 하부 속성을 추가하면 제가 준 가로 세로의 길이대로 영상이 꽉 차 버린채 뻘여백이 없어집니다. 꼭 기억해 두세요. scale=exactfit 이 속성을... 아주 효용성이 높은 소스입니다.

    <EMBED src="https://t1.daumcdn.net/cfile/blog/195F0D0F49C8993C2C" type="application/x-shockwave-flash" width="500" height="375" scale=exactfit>


    이렇게 하면 swf 파일도 img 나 gif 처럼 임의로 흰여백 없이 규격을 조정할 수 있습니다.
    그리고 모서리 부분등이 원형으로 된것과 영상파일 규격보다 작은 이미지를 사용한 영상은 작업창의 당초 배경색 등이 보일것 입니다...작업창의 배경색을 없애는 속성은 wmode=transparent 란 속성입니다.

    <EMBED src="https://t1.daumcdn.net/cfile/blog/195F0D0F49C8993C2C" type="application/x-shockwave-flash" width="600" height="400" scale="exactfit" wmode=transparent>

    이렇게 하면 모서리 부분등의 바탕부분이 있으면 투명으로 바뀌어 집니다...

    나는 사각파일만 쓸 것인데 그게 무슨 상관이냐...그래도 상관이 있습니다. 여러분들이 포스트를 열고 파일이 로딩되는 시간 동안 단 영점 몇몇초의 로딩시간 동안이라도 파일을 읽는 시간만치 그 자리에는 "흰색빤짝이"가 뜨게 되어 있습니다. 하지만 wmode="transparent" 를 쓰면 파일이 첫로딩 되는 시간만치 "투명빤짝이"가 뜹니다. 따라서 찰나의 순간이라도 미적인 "불쾌감"이 없어집니다.

    여러분이 스위시를 배우는 이유가 무엇입니까? 아름답고 멋진 포스트상의 표현력을 가지기 위해서가 아니겠습니까? 그런 점에서 이 속성은 스위시파일을 임베드로 띄울 때 거의 필수 불가결한 속성입니다.

    이 속성을 쓰면 아래처럼 태그필터(사용에제:그레이-흑백전환 필터)를 먹일 수 있습니다. 이 속성을 쓰지 않으면 불가능한 일입니다.


    <EMBED style="Filter:gray()" src="https://t1.daumcdn.net/cfile/blog/195F0D0F49C8993C2C" type="application/x-shockwave-flash" width="600" height="400" scale="exactfit" wmode="transparent">


    그리고 역마진이나 역포지션으로 스위시파일 위에 다른 Element 를 얹을 수 있습니다. wmode="transparent" 란 속성을 쓰지 않으면 이런 기교는 불가능한 일이죠. 아래는 원본 스위시파일 위에 눈 오는 스위시효과를 얹어본 겁니다.


    <DIV>
    <EMBED src="https://t1.daumcdn.net/cfile/blog/195F0D0F49C8993C2C" type=application/x-shockwave-flash width=600 height=400 scale="exactfit" wmode="transparent"><BR>
    <EMBED style="Margin-top:-400" src="http://fontw.tistory.com/attachment/ek72.swf" type=application/x-shockwave-flash width=600 height=400 scale="exactfit" wmode="transparent"></DIV>

    wmode=transparent 란 속성은 스위시를 하시는 분들께 너무너무 무지무지 중요한 속성 입니다. 이 속성을 써야만 스위시하시는 분들도 단순 사각 테두리에서 라운드 테두리 등의 훨씬 다양화 된 형태의 기교를 시각적 불쾌감 없이 자유 자재로 표현할 수 있습니다.


    마지막으로 menu=0 이란 속성입니다.

    여태까지 나열된 위 파일들에 대고 우클릭을 해 보면 복잡한 메뉴창이 뜨는데 아래파일에 대고 우클릭해 보세요. 메뉴가 최소화 됩니다. 물론 이 속성이 필요한 파일이 있긴 있겠지만 그렇지 않을 경우에는 어떻게는 미적인 불쾌감을 최소화시켜주는 것이 모두에게도 좋은 일이겠죠.

    <EMBED src="https://t1.daumcdn.net/cfile/blog/195F0D0F49C8993C2C" type=application/x-shockwave-flash width=500 height=400 scale=exactfit wmode=transparent menu=0>

    따라서 제가 권하는 가장 좋은 소스는 특별한 경우가 아니라면 아래처럼 사용해 주시는 것이 좋습니다.

    제가 비록 능력은 없지만 미디어에 적용하는 임베드 태그 소스 터치 만큼은 누구에게도 뒤떨어져 본단 생각을 해 본적이 없으니 이 점만큼은 맥스 자동 생성 소스보다는 비타주리 소스가 훨씬 실전적이라고 믿으셔도 그리 잘못된 일은 아닐거라 생각합니다.

    <EMBED src="주소" type="application/x-shockwave-flash" width="가로" height="세로" scale="exactfit" wmode="transparent" menu="0">



    *** 너무나도 소중한 자료를 나눠주신 미리벌님께 감사드립니다......***

  • posted by 화원1 2010. 12. 8. 17:17

    '스위시자료' 카테고리의 다른 글

    다양한 EMBED태그 소스  (0) 2011.06.08
    Swish 에 관한 사이트 모음  (0) 2009.06.09
    swish max 1.2 Appear into Position - Text Effect  (0) 2009.04.25
    음악 태그 생성기  (0) 2009.04.08
    marquee Tag(마퀴태그)  (0) 2009.04.08
    posted by 화원1 2009. 6. 9. 21:47
    스위시에 관한 사이트 모음

     document.write(cutStr("스위시 강좌","24", "..")) 스위시 강좌

     document.write(cutStr("예쁜그림","24", "..")) 예쁜그림
     document.write(cutStr("예쁜 편지지","24", "..")) 예쁜 편지지
    posted by 화원1 2009. 4. 25. 08:05
    Appear into Position - Text Effect

    posted by 화원1 2009. 4. 8. 06:10


    음악(embed) Tag


    음악 넣는데 힘드신가요? 이 태그 생성기를 이용해 쉽게 만드세요 먼저 음악 주소를 알아 내어야 합니다.
    음악 주소는 Windows Media Player를 여시고 파일을 누르시면 중간 정도에 등록 정보에 주소가 나왔습니다.
    주소가 나옵니까? 그럼 아래에 음악 주소를 넣으세여.

    음악 주소 :
    문서(이메일,게시판)에 로드 될 때 바로 재생합니까?
    음악을 계속 반복 합니까?
    미디어 플레이어를 숨깁니까?
    미디어 플레이어를 숨기지 않는다면

    가로크기는? ( 0 이면 설정을 안하는 것입니다. )
    세로크기는? ( 0 이면 설정을 안하는 것입니다. )


    만들어진 소스 보기


    posted by 화원1 2009. 4. 8. 05:56
    굼벵이

    <MARQUEE scrollAmount=1>굼벵이</MARQUEE>
    간다

    <MARQUEE scrollAmount=30>간다</MARQUEE>
    총알같이

    <MARQUEE scrollAmount=100>총알같이</MARQUEE>
    왼쪽으로

    <MARQUEE behavior=left scrollamount=left>왼쪽으로</MARQUEE>
    2번가고 멈춰

    <MARQUEE behavior="slide"loop="2">2번가고 멈춰</MARQUEE>
    좌우로 왔다갔다

    <MARQUEE behavior="alternate">좌우로 왔다갔다</MARQUEE>
    올라갔다 내려왔다

    <MARQUEE behavior=alternate direction=up>올라갔다 내려왔다</MARQUEE>
    오른쪽으로

    <MARQUEE direction=right>오른쪽으로</MARQUEE>
    왼쪽으로

    <MARQUEE>왼쪽으로 </MARQUEE>
    위로

    <MARQUEE direction=up height=60>위로</MARQUEE>
    아래로

    <MARQUEE direction=down height=60>아래로</MARQUEE>


    <MARQUEE direction=down> <UL>♡ <UL>행 <UL>복 <UL>♡</UL></UL></UL></UL></MARQUEE>





    <MARQUEE>일<BR>어<BR>서<BR>서</MARQUEE>
    깜박깜박

    <MARQUEE behavior=alternate scrollamount=1000>깜박깜박</MARQUEE>
          한곳에서 반짝!


          <MARQUEE scrollAmount=500><ul><ul><ul>한곳에서 반짝!</MARQUEE></ul></ul></ul>
          대각선으로 올라가는

          <MARQUEE direction=up> <MARQUEE>대각선으로 올라가는</MARQUEE></MARQUEE>
          대각선으로 상하반동

          <MARQUEE direction=up behavior=alternate> <MARQUEE behavioralternate>대각선으로 상하반동</MARQUEE></MARQUEE>
          노란배경색

          <MARQUEE bgColor=yellow>노란배경색</MARQUEE>
          가로 300 세로 30인 사이즈

          <MARQUEE width=300 bgColor=cyan height=30>가로 300 세로 30인 사이즈</MARQUEE>
          가로 300 세로 30 사이즈로 왼쪽으로

          <MARQUEE width=300 bgColor=AFFF85 height=30>가로 300 세로 30 사이즈로 왼쪽으로</MARQUEE>
          오른쪽으로

          <MARQUEE direction=right width=300 bgColor=FFB3FF height=30>오른쪽으로</MARQUEE>
          위로~

          <MARQUEE direction=up width=300 bgColor=96F3FF height=50>위로</MARQUEE>
          아래로~

          <MARQUEE direction=down width=300 bgColor=8FFF98 height=50>아래로</MARQUEE>
          슬라이드식 마퀴

          <MARQUEE width=500 bgColor=9EA1FF height=20 behavior=slide>슬라이드식 마퀴</MARQUEE>
          왔다 갔다

          <MARQUEE width=300 bgColor=pink height=20 behavior=alternate>왔다 갔다</MARQUEE>
          조금 느리게

          <MARQUEE scrollAmount=10 scrollDelay=195 width=200 bgColor=9673FF height=20>조금 느리게</MARQUEE>
          빠르게

          <MARQUEE scrollAmount=25 scrollDelay=10 width=200 bgColor=yellow height=20>빠르게</MARQUEE>
          posted by 화원1 2009. 3. 5. 23:35

          '스위시자료' 카테고리의 다른 글

          음악 태그 생성기  (0) 2009.04.08
          marquee Tag(마퀴태그)  (0) 2009.04.08
          물에 비치는 투명효과 만들기  (0) 2009.02.19
          swish 에서 이미지 용량 줄이는법  (0) 2009.02.11
          물결판 직접 만들어쓰기  (0) 2009.02.11
          posted by 화원1 2009. 2. 19. 22:35


          Swishmax 허만수 홈페이지
          투명효과(1)의 설명으로 물속에서 비치는 것을 예시하겠지만,
          이 방법 역시 여러 가지가 있음

          ● (1방법) Move효과에 의한 방법

          ㅇ 이미지(예; "금붕어")를 삽입하고


            ㅇ "금붕어"가 물속으로 잠입하는 효과를 나타내기 위하여
            . Timeline에서 Move효과로 잠입지점으로이동시킨 다음에
            . Timeline에서 효과가 부여된 프레임을 다블클릭하면
            아래 <Move Settings>창이 나오고 여기서
            <Fade to Alpha>를 30 정도를 주면


            ㅇ "금붕어" 물속으로 잠입하면서 희미하게 실감있게 보인다.

          ● (2방법) Transeform효과에 의한 방법
          ㅇ Timeline에서 <Core Effects> ▶ <Transform>효과로 잠입지점으로
          이동시킨 다음에


          ㅇ Timeline에서 효과가 부여된 프레임을 다블클릭하면

          ㅇ 아래 <Transeform Settings>창이 나오고 여기서
          <Scale>은 100으로 고치고 (통상 200으로 되어있음)
          ㅇ Alpha의 ㅁEnd를 30 정도 주면 된다.

          ● (3 방법) Tint 페널에 의한 방법

          ㅇ 이미지(예; "금붕어")를 삽입하고
          아래 그림과 같이 물속에 잠긴 "금붕어"를 표현하려면

          . Timeline에서 Move효과로 잠입지점으로이동시킨 다음에
          . Tint 페널에서 Alpha의 Custom을 30 정도를 준다.

          ㅇ "금붕어"가 다시 수면으로 올라오는 장면은
          . Timeline에서 다음 장소로 이동시키고

          . Tint 페널에서 Alpha의 Custom을 100 정도를 주면.

          . 수면 가까이 나타난 "금붕어"가 선명하게 보이는 효과를
          구현할 수 있다.

          * 응용//위 효과를 가지고 다양한 효과를 실현하면 된다.