Tutorials

움직이는 돋보기 효과!

하로 | 2012.10.06

덧글 9 | 조회 12,147

하로

하로 님의 강좌전체보기

총 등록강좌수 1 | 받은 추천 43

<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>
                    <tr>
                      <td style="border-top:1px solid #FFFFFF; padding-top:10px; font-family:돋움,굴림,Verdana,Tahoma; font-size:8pt;color:#999999" align="left" valign="top">photoshop > GIF애니메이션</td>
                      <td style="border-top:1px solid #FFFFFF; padding-top:10px; font-family:돋움,굴림,Verdana,Tahoma; font-size:8pt;color:#999999;" align="right" valign="top"><img src="http://designspoon.com/main/image/tut_center/dot2.gif" style="MARGIN: 0px 5px 2px 0px; border:0" /><a href="http://designspoon.com/?cd=1" target="_blank" style="font-family:돋움,굴림,Verdana,Tahoma;font-size:8pt; color:#999999; text-decoration: none"><b>더 많은 강좌보기</b></a></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="34" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><a href="http://designspoon.com/etc/link.php?bid=1&cd=1" target="_blank"><img src="http://designspoon.com/etc/banner.php?bid=1&cd=1" border=0></a></td>
	<td align="center"><a href="http://designspoon.com/etc/link.php?bid=2&cd=1" target="_blank"><img src="http://designspoon.com/etc/banner.php?bid=2&cd=1" border=0></a></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>

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