:::디자인스푼:::

움직이는 돋보기 효과!: 하로·2012-10-06; 조회수 : 10,371 추천수 : 13 댓글 : 9

안녕하세요~

"디자인 스푼"에서의 강좌는 처음 인데요..!

믿고 잘 따라와주시길 바랍니다^^

움직이는 돋보기효과는 GIF애니메이션을 이용하여만드는 건데요,

GIF애니메이션초보자에게는 살짝 어려울 수도 있으니까

잘 따라와주시길 바랍니닷~^^

오늘 만들어볼 작품은

입니다! 그럼 사진에 있는 설명으로 강좌를 따라 해 보시길 바랍니다^^

↑첨부파일에 올리지못하는 관계로

사진으로 올리겠습니다.

돋보기알

돋보기

<<응용작>>

이상 움직이는 돋보기강좌는 여기서 마침표를 찍도록 하겠습니다^^

안녕히 계세요!

by.하로: 등록강좌 : 1 받은추천 : 13

<table width="960" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #EAEAEA">
  <tr>
    <td align="center" valign="top" style="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px" bgcolor="#FFFFFF"><table width="100%" height="97" border="0" cellspacing="0" cellpadding="0" bgcolor="#EFEFEF" >
        <tr>
          <td height="77" align="center" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px"><table width="900" height="77" border="0" cellspacing="0" cellpadding="0" bgcolor="#EFEFEF">
              <tr height="77">
                <td><table width="100%" height="77" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td colspan="2" style="border-bottom:1px solid #DCDCDC; padding-top:16px; font-family:돋움,굴림,Verdana,Tahoma; font-size:14px;color:#666; font-weight:bold" align="left" valign="top">움직이는 돋보기 효과! </td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" >
        <tr>
          <td align="center" valign="top"><div style="text-align: center;">안녕하세요~</div>
<div style="text-align: center;">"디자인 스푼"에서의 강좌는 처음 인데요..!</div>
<div style="text-align: center;">믿고 잘 따라와주시길 바랍니다^^</div>
<div style="text-align: center;"> </div>
<div style="text-align: center;">움직이는 돋보기효과는 GIF애니메이션을 이용하여만드는 건데요,</div>
<div style="text-align: center;">GIF애니메이션초보자에게는 살짝 어려울 수도 있으니까</div>
<div style="text-align: center;">잘 따라와주시길 바랍니닷~^^</div>
<div style="text-align: center;"> </div>
<div style="text-align: center;">오늘 만들어볼 작품은</div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//XMBHaa2S.gif" width="500" height="300"></div>
<div style="text-align: center;">입니다! 그럼 사진에 있는 설명으로 강좌를 따라 해 보시길 바랍니다^^</div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//O7pkuba2oc3s7ucWth8WbGf7B76r.jpg" width="507" height="337"></div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//LHREsT72FHzvezkGTNSIFm8zMoC37.jpg" width="505" height="337"></div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//nO8yPsQAuuk6H6gOy4.jpg" width="330" height="476"></div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//mkTD8PpUp7Aslbb.jpg" width="365" height="284"></div>
<div align="center"><font size="5">↑첨부파일에 올리지못하는 관계로</font></div>
<div align="center"><font size="5">사진으로 올리겠습니다.</font></div><font size="5">
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//9s3n2eeEUirCVyZfAD.png" width="100" height="100"></div>
<div style="text-align: center;">돋보기알</div>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//XKbABO32lV.png" width="200" height="200"></div>
<div style="text-align: center;">돋보기</div></font>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//qn8vv6juFNmxolQRz6XOF4cex.jpg" width="724" height="447"></div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//hz6PnElKhtRMviIzB.jpg" width="727" height="447"></div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//ljNYoTmHNqYBwrVEOUHGyxZw3F.jpg" width="727" height="444"></div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//SySStlB5S9prFlzRVsRWzBvE.jpg" width="63" height="440"></div><br>
<div style="text-align: center;"><img style="border: currentColor;" id="image_001215135028486003" class="chimg_photo" alt="" src="http://designspoon.com/data/cheditor5/1210//7CO7KXZmAxeuDUwgB586IuqgU6GzE8.jpg" width="900" height="720"></div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//2D7lQ6gxC.jpg" width="467" height="158"></div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//Q6tesefNXPaquChh.jpg" width="345" height="267"></div><br>
<div style="text-align: center;"><img style="border: currentColor;" id="image_0882860298276094" class="chimg_photo" alt="" src="http://designspoon.com/data/cheditor5/1210//DllfQFz7.jpg" width="900" height="497"></div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//7PrbZFudy8HRkJPcu1llOIQZVzfX.jpg" width="266" height="463"></div>
<div style="text-align: center;"><<응용작>></div><br>
<div style="text-align: center;"><img style="border: currentColor;" alt="" src="http://designspoon.com/data/cheditor5/1210//7qOLhhkF.gif" width="500" height="300"></div>
<div style="text-align: center;">이상 움직이는 돋보기강좌는 여기서 마침표를 찍도록 하겠습니다^^</div>
<div style="text-align: center;">안녕히 계세요!</div><br></td>
        </tr>
      </table></td>
  </tr>

<tr>
    <td height="80" valign="middle"><table width="900" height="45"  border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" align="center">
        <tr>
          <td style="border-top:1px solid #E1E1E1;" align="right"> </td>
          <td align="right" valign="bottom" style="border-top:1px solid #E1E1E1; font-family:돋움;font-size:1px;color:#FFFFFF; font-size:9pt;color:#999999;">디자인스푼출처 - <a href="http://designspoon.com/?cd=1" target="_blank" style="font-family:Verdana,Tahoma;font-size:9px;color:#666; text-decoration: none; font-weight:bolder;">WWW.DESIGNSPOON.COM</a></td>
        </tr>
      </table></td>
  </tr>
</table>

* 위소스를 복사하여 붙여 넣으십시오

Design Spoon

: · 회사명 : (주)디자인스푼 (대표 : 이재은); · 개인정보 관리책임자 : 장민기; · 사업자등록번호 : 617-86-00817; · 통신판매업신고 : 제 2014-서울강남-00744호

: · 주소 : 서울시 강남구 학동로2길 19 세일빌딩; · 전화 : 070-8225-0202; · 팩스 : 02-6280-9452; · 이메일 : spoon@designspoon.com

: 지금 메일을 등록해 보세요.
업데이트 강좌 및 디자인 정보를 보내드립니다.