모자이크 테두리/모자이크 응용한 테두리 만들기/커친테두리/Drop Shadow

<TABLE border=0 cellSpacing=0 cellPadding=15 width="100%"> <TBODY> <TR vAlign=top> <TD style="PADDING-BOTTOM: 8px" id=clix_content class=text bgColor=#ffffff width="100%"> <TABLE border=1 borderColor=#ff6699 borderColorLight=#ff6699 borderColorDark=#ff6699 width=620 align=center> <TBODY> <TR> <TD width=288>   <img src="https://t1.daumcdn.net/cfile/cafe/18259E1E4A07C5AE19" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="215" border="0" hspace="1" vspace="1" width="215" id="A_18259E1E4A07C5AE19BEA9"/>  </TD> <TD width=296>이미지를 불러와 Ctrl+A 하여 전체 선택후 Ctrl+C하여 이미지를 복사한후 Ctrl+N하여 창이 열리면 이미지보다 가로, 세로 30픽셀씩 더 크게 하여 새창을 연후 Ctrl+V하여 복사한 이미지를 붙여넣기함. </TD></TR> <TR> <TD width=288>   <img src="https://t1.daumcdn.net/cfile/cafe/1740401A4A07C72736" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="221" border="0" hspace="1" vspace="1" width="221" id="A_1740401A4A07C72736B77B"/>  </TD> <TD width=296>레이어를 하나 추가한후 Ctrl+A 하여 전체 선택후 상단메뉴 Edit→Stroke선택하여 창이 열리면 옆과 같이 해준후 OK함. </TD></TR> <TR> <TD width=288>   <img src="https://t1.daumcdn.net/cfile/cafe/1824941E4A07C76855" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="215" border="0" hspace="1" vspace="1" width="215" id="A_1824941E4A07C76855EE3B"/>  </TD> <TD width=296>Filter→Pixelate→Mosaic선택후 이미지와 어울리게 적절히 조절후 OK하면 </TD></TR> <TR> <TD width=288>  </TD> <TD width=296>  </TD></TR></TBODY></TABLE></TD> <TD style="PADDING-LEFT: 0px" vAlign=top noWrap align=right></TD></TR></TBODY></TABLE> <TABLE border=0 cellSpacing=0 cellPadding=15 width="100%"> <TBODY> <TR vAlign=top> <TD style="PADDING-BOTTOM: 8px" id=clix_content class=text bgColor=#ffffff width="100%"> <A href="xxxxxxxxxxxxxxjavascript:albumViewer('viewer','http://pds29.cafe.daum.net/download.php?grpid=tDzA&fldid=ise&dataid=172&fileid=1&regdt=20060112121956&disk=36&grpcode=homzigi&dncnt=N&.jpg')"></A> <DIV align=center> <HR style="BORDER-BOTTOM: black 0px; BORDER-LEFT: black 0px; HEIGHT: 1px; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 0px"> </DIV> 모자이크 응용테두리만들기 Photoshop CS5 1. 이미지를 불러온다. 2. Elliptical Marquee Tool 을 선택해서 옵션부분 Add to selection 을 선태하고     테두리만들부분을 그린다.     <img src="https://t1.daumcdn.net/cfile/cafe/152B00494E6D07A611" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="397" border="0" hspace="1" vspace="1" width="397" id="A_152B00494E6D07A61144AF"/> 3.메뉴 Select-Inverse (단축키 Shift+Ctrl+I) 영역반전합니다.   <img src="https://t1.daumcdn.net/cfile/cafe/1132624A4E6D087813" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="406" border="0" hspace="1" vspace="1" width="406" id="A_1132624A4E6D0878136096"/> 4. 레이어 추가하시고 페인툴로 흰색을 부어줍니다.   <img src="https://t1.daumcdn.net/cfile/cafe/113BF6344E6D099313" class="txc-image" width="520" style="WIDTH: 520px; FLOAT: none; CLEAR: none" actualwidth="580" border="0" hspace="1" vspace="1" height="289" id="A_113BF6344E6D099313B7D8"/>   5.Background 를 복사합니다.   <img src="https://t1.daumcdn.net/cfile/cafe/1264883A4E6D0A3510" class="txc-image" width="604" style="WIDTH: 604px; FLOAT: none; CLEAR: none" actualwidth="654" border="0" hspace="1" vspace="1" height="273" id="A_1264883A4E6D0A35101908"/> 6.메뉴 Select-Inverse (단축키 Shift+Ctrl+I) 영역을 안쪽만 설정합니다.   메뉴 Edit-Stroke...선택합니다. <img src="https://t1.daumcdn.net/cfile/cafe/134C423D4E6D0BC013" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="551" border="0" hspace="1" vspace="1" width="551" id="A_134C423D4E6D0BC0134722"/> 7.Stroke 창에서 색상을 선택하고 Width: 3Px ~ 5px설정   <img src="https://t1.daumcdn.net/cfile/cafe/120360434E6D0C4F10" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="558" border="0" hspace="1" vspace="1" width="558" id="A_120360434E6D0C4F10F511"/> 8.Filter-Pixelate-Mosaic... 창에서 7~10 정도주고 OK   <img src="https://t1.daumcdn.net/cfile/cafe/1957323B4E6D0E370D" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="384" border="0" hspace="1" vspace="1" width="384" id="A_1957323B4E6D0E370DEEC9"/> 8.Filter-Sharpen-Sharpen More 선택합니다.   <img src="https://t1.daumcdn.net/cfile/cafe/182287464E6D0F181A" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="548" border="0" hspace="1" vspace="1" width="548" id="A_182287464E6D0F181ADFD0"/> 9. 지우개툴로 지울부분을 지운다. 영역해재는 Ctrl+D 해재합니다.   <img src="https://t1.daumcdn.net/cfile/cafe/12577A3B4E6D108411" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="572" border="0" hspace="1" vspace="1" width="572" id="A_12577A3B4E6D1084117643"/> Layer1 일 검정색일때 <img src="https://t1.daumcdn.net/cfile/cafe/11635A414E6D111D0F" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="400" border="0" hspace="1" vspace="1" width="400" id="A_11635A414E6D111D0F141A"/>  Layer 1 이 흰색일때 <img src="https://t1.daumcdn.net/cfile/cafe/1663AC414E6D111E0F" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="400" border="0" hspace="1" vspace="1" width="400" id="A_1663AC414E6D111E0F241F"/>   <HR style="BORDER-BOTTOM: black 0px; BORDER-LEFT: black 0px; HEIGHT: 1px; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 0px"> </TD> <TD style="PADDING-LEFT: 0px" vAlign=top noWrap align=right></TD></TR></TBODY></TABLE> <TABLE border=0 cellSpacing=0 cellPadding=15 width="100%"> <TBODY> <TR vAlign=top> <TD style="PADDING-BOTTOM: 8px" id=clix_content class=text bgColor=#ffffff width="100%"><XSCRIPT launguage="xxxxxxxxxxxxxxjavascript"></XSCRIPT> <TABLE border=0 cellSpacing=0 cellPadding=15 width="100%"> <TBODY> <TR vAlign=top> <TD style="PADDING-BOTTOM: 8px" id=clix_content class=text bgColor=#ffffff width="100%">1. 이미지를 하나 불러와 주세요.     레이어를 하나 추가하시고 전체선택(Ctrl+A)을 해주세요. <img src="https://t1.daumcdn.net/cfile/cafe/132237464E6DC1061F" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="348" border="0" hspace="1" vspace="1" width="348" id="A_132237464E6DC1061F72BD"/>  2. 그런 다음 Edit-Stroke.. 으로 들어가서 선 두께는 5px, 가운데로 맞춰주세요. (선색은 상관 없습니다) <img src="https://t1.daumcdn.net/cfile/cafe/19740B3D4E6DC1AC2C" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="301" border="0" hspace="1" vspace="1" width="301" id="A_19740B3D4E6DC1AC2C4F44"/>  3. '필터-흐림효과-방사형 흐림효과'로      filter-Blur-Radial Blur..들어가면 아래와 같은      창이 뜨는데 수치를 아래와 같이 맞춰주세요. <img src="https://t1.daumcdn.net/cfile/cafe/2004904C4E6DC2A628" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="386" border="0" hspace="1" vspace="1" width="386" id="A_2004904C4E6DC2A6288EBD"/>       4.멋진 테두리가 완성되었습니다. <img src="https://t1.daumcdn.net/cfile/cafe/1863C7464E6DC36005" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="373" border="0" hspace="1" vspace="1" width="373" id="A_1863C7464E6DC360056AAB"/> <img src="https://t1.daumcdn.net/cfile/cafe/110ED7344E6DC43E0C" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="220" border="0" hspace="1" vspace="1" width="220" id="A_110ED7344E6DC43E0C089A"/>   <HR style="BORDER-BOTTOM: black 3px solid; BORDER-LEFT: black 0px; HEIGHT: 7px; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 0px">  거친 테두리 만들기 1. 필요한 이미지를 불러온다. Ctrl+O 2. 사각마퀴툴로 테두리할부분을 그린다. <img src="https://t1.daumcdn.net/cfile/cafe/11627A4A4E6DC59825" class="txc-image" width="232" height="290" style="WIDTH: 232px; FLOAT: none; HEIGHT: 290px; CLEAR: none" actualwidth="306" border="0" hspace="1" vspace="1" id="A_11627A4A4E6DC598256F44"/> 3. 왼쪽 도구에서 Edit in Quick Mode(Q) 를 선택한다. <img src="https://t1.daumcdn.net/cfile/cafe/1860F9504E6DC9BD0D" class="txc-image" width="268" style="WIDTH: 268px; FLOAT: none; CLEAR: none" actualwidth="305" border="0" hspace="1" vspace="1" height="353" id="A_1860F9504E6DC9BD0DFA5B"/>   <img src="https://t1.daumcdn.net/cfile/cafe/1808514D4E6DCA2930" class="txc-image" width="270" height="361" style="WIDTH: 270px; FLOAT: none; HEIGHT: 361px; CLEAR: none" actualwidth="306" border="0" hspace="1" vspace="1" id="A_1808514D4E6DCA2930B2B0"/>   4. Ctrl+I 눌러 반전시킨다.   <img src="https://t1.daumcdn.net/cfile/cafe/130A6A404E6DC70724" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="304" border="0" hspace="1" vspace="1" width="304" id="A_130A6A404E6DC70724D8BB"/> 5.Filter-Brush Strokes-Sprayed Strokes...   <img src="https://t1.daumcdn.net/cfile/cafe/1322773E4E6DC7701A" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="446" border="0" hspace="1" vspace="1" width="446" id="A_1322773E4E6DC7701A871B"/>     <img src="https://t1.daumcdn.net/cfile/cafe/1707CD414E6DC8281B" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="570" border="0" hspace="1" vspace="1" width="570" id="A_1707CD414E6DC8281B5777"/> 6. 왼쪽 도구에서 Edit in Standard Mode(Q) 를 선택한다   <img src="https://t1.daumcdn.net/cfile/cafe/1141ED3A4E6DCAD20A" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="303" border="0" hspace="1" vspace="1" width="303" id="A_1141ED3A4E6DCAD20A42E1"/>   <img src="https://t1.daumcdn.net/cfile/cafe/184D4C4B4E6DC8B329" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="305" border="0" hspace="1" vspace="1" width="305" id="A_184D4C4B4E6DC8B329D2A5"/> 7. Delete 키를 눌러 색을 채운다.</TD> <TD style="PADDING-LEFT: 0px" vAlign=top noWrap align=right></TD></TR></TBODY></TABLE> <TABLE border=0 cellSpacing=0 cellPadding=0 width="100%"> <TBODY></TBODY></TABLE> <TABLE border=0 cellSpacing=0 cellPadding=0 width="100%"> <TBODY> <TR> <TD height=8> <img src="https://t1.daumcdn.net/cfile/cafe/147FD84A4E6DCBCB11" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="328" border="0" hspace="1" vspace="1" width="328" id="A_147FD84A4E6DCBCB11FD90"/>  </TD></TR> <TR> <TD style="PADDING-LEFT: 14px; PADDING-RIGHT: 14px" class=stext> <DIV style="WIDTH: 99%; BACKGROUND: url(http://i1.daumcdn.net/deco/contents/horizontalrule/line08.gif?rv=1.0.1) repeat-x left 50%; HEIGHT: 15px"> <HR style="BORDER-BOTTOM: black 0px; POSITION: relative; BORDER-LEFT: black 0px; BORDER-TOP: black 0px; TOP: -9999px; BORDER-RIGHT: black 0px; LEFT: -9999px"> </DIV> Drop Shadow 테두리만들기 1. 원하는 사진을 불러오신후...   <img src="https://t1.daumcdn.net/cfile/cafe/151A403B4E6DCDC32C" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="381" border="0" hspace="1" vspace="1" width="381" id="A_151A403B4E6DCDC32C0B02"/> 2. 전체선택 (Ctrl+A) 복사(Ctrl+C)   <img src="https://t1.daumcdn.net/cfile/cafe/116176334E6DCE3426" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="385" border="0" hspace="1" vspace="1" width="385" id="A_116176334E6DCE34261AC2"/>   3.Ctrl+N  해서 새로운창에서 복사한 이미지보다 가로 20~30pixel을 더해주세요. (또는  File-New 새로운 창을 하나 만들어 줍니다. )     <img src="https://t1.daumcdn.net/cfile/cafe/154EFD414E6DCEFA04" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="361" border="0" hspace="1" vspace="1" width="361" id="A_154EFD414E6DCEFA047383"/> 4.새창이 하나 더 열립니다.   첫번째 있던 꽃 사진을  Ctrl+A 를 누르시면 점선으로  이미지 부분만 선택이 되어집니다.   그럼 그 이미지를 복사해야죠...    복사하기는 Ctrl+C입니다      그다음에는 마우스로 새차을 선택합니다   그다음에는 붙여 넣기를 해야죠 Ctrl+V를 누르면 이미지가 붙습니다.   아래와 같은 형태가 되지요...   <img src="https://t1.daumcdn.net/cfile/cafe/1826A84D4E6DD0EC1D" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="401" border="0" hspace="1" vspace="1" width="401" id="A_1826A84D4E6DD0EC1D6F59"/> 5. 이젠 이렇게 만들어진 이미지를 가지고 테두리가 공중에 부양한 거 같은 이미지를   표현하는 방법을 보여드리죠...   일단은 그냥 그림자를 넣으면 바탕의 흰색과 사진테두리의 흰색을 구분하기가 어렵습니다..   그리하여 Edit>Stroke 메뉴를 엽니다...   <img src="https://t1.daumcdn.net/cfile/cafe/1668C0454E6DD18F2E" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="521" border="0" hspace="1" vspace="1" width="521" id="A_1668C0454E6DD18F2E205F"/> 6. 그럼 이렇게 만든 사진에다가 그림자를 넣어보도록 하겠습니다   <img src="https://t1.daumcdn.net/cfile/cafe/175014384E6DD1E02F" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="398" border="0" hspace="1" vspace="1" width="398" id="A_175014384E6DD1E02FC1A8"/>   7. Drop shadow를 사용하겠습니다...   <img src="https://t1.daumcdn.net/cfile/cafe/1864E6334E6DD24B2C" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="445" border="0" hspace="1" vspace="1" width="445" id="A_1864E6334E6DD24B2C8089"/>   <img src="https://t1.daumcdn.net/cfile/cafe/16602F4E4E6DD2A426" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="568" border="0" hspace="1" vspace="1" width="568" id="A_16602F4E4E6DD2A426CD6A"/> </TD></TR> <TR> <TD height=10> <img src="https://t1.daumcdn.net/cfile/cafe/1870B9504E6DD2D115" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="399" border="0" hspace="1" vspace="1" width="399" id="A_1870B9504E6DD2D11596A2"/>  </TD></TR></TBODY></TABLE></TD> <TD style="PADDING-LEFT: 0px" vAlign=top noWrap align=right></TD></TR></TBODY></TABLE> <TABLE border=0 cellSpacing=0 cellPadding=15 width="100%"> <TBODY> <TR vAlign=top> <TD style="PADDING-BOTTOM: 8px" id=clix_content class=text bgColor=#ffffff width="100%">   <STYLE>P{margin-top:2px;margin-bottom:2px;}</STYLE> </TD> <TD style="PADDING-LEFT: 0px" vAlign=top noWrap align=right></TD></TR></TBODY></TABLE> <TABLE border=0 cellSpacing=0 cellPadding=15 width="100%"> <TBODY> <TR vAlign=top> <TD style="PADDING-BOTTOM: 8px" id=clix_content class=text bgColor=#ffffff width="100%">                                    </XBODY></XBODY></XBODY></XBODY></XBODY></XBODY></XBODY></TD> <TD style="PADDING-LEFT: 0px" vAlign=top noWrap align=right></TD></TR></TBODY></TABLE></TABLE></XSCRIPT></TD></TR></TBODY></TABLE>