
Give a photo rounded corners without Photoshop or CSS »çÁø Áà Æ÷Åä¼¥À̳ª CSS¸¦ÇÏÁö ¾Ê°í ¸ð¼¸®¸¦ µÕ±Û°Ô
Posted on November 13, 2008 at 5:34 am 13 ÀÏ, 2008 °Ô½ÃµÊ ¿ÀÀü 5:33
Trying to give an image rounded corners in Photoshop or by using CSS was one of the hardest things for me to do when I used to have my own web design business. À̹ÌÁö¸¦ Á¦°øÇÏ·Á°í ³ë·ÂÇÏ´Â Æ÷Åä¼¥¿¡ ¸ð¼¸®¸¦ µÕ±Û°ÔÀ̳ª CSS¸¦ »ç¿ëÇÏ¿© ÇÑ ³¯¿¡ ´ëÇÑ Èûµé »ç¹°ÀÇ »ç¾÷À» ÇÒ ¶§ ³» ÀÚ½ÅÀÇ À¥ µðÀÚÀο¡ »ç¿ë ÇÒ ¼öÀÖ´Ù. I actually hated trying to create those curved corners because they never came out exactly right! »ç½Ç ³»°¡ ³ª¿Â ÀûÀÌ Àֱ⠶§¹®¿¡ ¹Ù·Î ±× °î¼± ¸ð¼¸®¸¦ ¸¸µé·Á°í ½È¾î!
And even if they did, the background color would change and I would have to edit the images over and over. ±×¸®°í ¼³»ç ±×µéÀÇ ¹è°æ »ö»óÀ» º¯°æÇÒ °ÍÀ̶ó°íÇߴµ¥ ±× À̹ÌÁö¸¦ ¹Ýº¹Çؼ ¼öÁ¤ÇØ¾ß ÇÒ °ÍÀÌ´Ù. I was always hoping someone would create a script or program that would automatically create rounded corners for me! ³ Ç×»ó ´©±º°¡°¡ ³ª¸¦ À§ÇØ ÀÚµ¿À¸·Î ½ºÅ©¸³Æ® ¶Ç´Â µÕ±Ù ¸ð¼¸®¸¦ ¸¸µå´Â °ÍÀÌ ÇÁ·Î±×·¥À» ¸¸µé °ÍÀ̶ó°í ±â´ëÇß´Ù!
RoundPic RoundPic is a free service that answered my call! ±× ´ë´äÀº ³» ÀüÈ´Â ¹«·á ¼ºñ½ºÀÔ´Ï´Ù! Using RouncPic, you can take a normal picture and give it rounded corners instantly! RouncPic¸¦ »ç¿ëÇϸé Á¤»óÀûÀÎ »çÁøÀ» ÂïÀ» ¼ö ÀÖ°í ±×°ÍÀ» ¼ø½Ä°£¿¡ ¸ð¼¸®¸¦ µÕ±Û°Ô! Not only that, the background is transparent, so you can put the image against any background color without having to modify anything. »Ó¸¸ ¾Æ´Ï¶ó, ¹è°æÀÌ Åõ¸íÇÕ´Ï´Ù, ±×·¡¼ ´ç½ÅÀÌ ¾î¶² ¹è°æ »ö»óÀ» »ó´ë·Î ¾Æ¹«°Íµµ ¼öÁ¤ÇÏÁö ¾Ê°íµµ À̹ÌÁö¸¦ ³ÖÀ» ¼öÀÖ½À´Ï´Ù.
Here is what my image looks like before I added rounded corners to it using RoundPic: ¿©±â¿¡ µÕ±Ù ¸ð¼¸®¸¦ »ç¿ëÇϱâ Àü¿¡ ±×°ÍÀ» RoundPic Ãß°¡ ³» À̹ÌÁö°¡ ¾î¶»°Ô »ý°å´ÂÁö :
And here is my picture after I used RoundPic: ±×¸®°í ¿©±â¿¡ ³» »çÁøÀÌ ÈÄ RoundPic »ç¿ëµË´Ï´Ù :
Pretty easy eh! ¾ÆÁÖ ½¬¿ö ¾ß! Not only does it do a great job using just the default settings, but you can also configure many options to make the rounded corners look exactly the way you want. »Ó¸¸ ¾Æ´Ï¶ó ¾ÊÀ¸¸é ±âº» ¼³Á¤À» »ç¿ëÇÏ¿© ¾ÆÁÖ ¸ÚÁø ÀÏÀÌÁö¸¸, ¶ÇÇÑ ¸¹Àº ¿É¼ÇÀ» ±¸¼ºÇÏ´Â µÕ±Ù ¸ð¼¸®°¡ Á¤È®È÷ ¿øÇÏ´Â ¹æ½ÄÀ¸·Î º¸ÀÌ°Ô ¸¸µé ¼öÀÖ½À´Ï´Ù. At the top left, you can choose which corners should be rounded (does not have to be all four), the width and height of the image, the size of the rounded corner and also the background color or whether you want to make it transparent. ¿ÞÂÊ »ó´Ü¿¡, ´ç½ÅÀÌ Äڳʴ ¹Ý¿Ã¸²ÇØ¾ß ¼±ÅÃÇÒ ¼öÀÖ½À´Ï´Ù (4)ÀÌ ¾ø´Ù´Â À̹ÌÁöÀÇ ³Êºñ¿Í ³ôÀÌ, Å©±â¿Íµµ µÕ±Ù ¸ð¼¸®ÀÇ ¹è°æ »ö»óÀ̳ª ¿©ºÎ¸¦ ¸¸µé°í ½Í¾î ±×°ÍÀ» Åõ¸íÇÏ°Ô ÀÖ´Ù.
Since I found this site, I have never bothered creating rounded corners using CSS, HTML tricks, Photoshop or Javascript! ÀÌÈÄ·ÎÀÌ »çÀÌÆ®¸¦ ¹ß°ß, µÕ±Ù ¸ð¼¸®´Â CSS, HTMLÀ» Æ®¸¯, Æ÷Åä¼¥À̳ª ÀÚ¹Ù ½ºÅ©¸³Æ®¸¦ »ç¿ëÇÏ¿© ¸¸µå´Â ±ÍÂú°Ô ÀûÀÌ ¾ø´Ù! It¡¯s just a waste of time since this site can do everything for you! ±×°ÍÀº ´ÜÁö ½Ã°£ ³¶ºñ ÀÌÈÄ·ÎÀÌ »çÀÌÆ®¿¡ ´ç½ÅÀ» À§ÇØ ¸ðµç °ÍÀ» ÇÒ ¼ö ÀÖ¾î¿ä! Enjoy! Áñ±â´Ù!
» Filed Under »Ãâ¿ø¿¡¼ Cool Websites À¥»çÀÌÆ® Äð
Save this page ÀÌ ÆäÀÌÁö¸¦ ÀúÀå | Stir it up on Mixx Mixx¿¡ ¿Ã·Á ÆÄ¹® | |
Add to Reddit reddit¿¡ Ãß°¡ |
Related Posts °ü·Ã °Ô½Ã¹°
- Convert images to text online using Text-Image ¿Â¶óÀÎ ÅØ½ºÆ®¸¦ »ç¿ëÇÏ¿© À̹ÌÁö¸¦ ÅØ½ºÆ®·Î º¯È¯ - À̹ÌÁö
- Convert Photoshop designs to CSS website CSS¸¦ º¯È¯ÇÏ´Â Æ÷Åä¼¥ À¥»çÀÌÆ® µðÀÚÀÎ
- How to design and create your own custom logo for free ¾î¶»°Ô ¼³°èÇϰí ÀڽŸ¸ÀÇ »ç¿ëÀÚ Á¤ÀÇ ·Î°í¸¦ ¸¸µé ¹«·á
- ImagIcon - Convert multiple image formats (JPG, BMP, PNG) into Windows icons ImagIcon - À©µµ¿ì ¾ÆÀÌÄÜÀ¸·Î º¯È¯ ¿©·¯ °³ÀÇ À̹ÌÁö Çü½Ä (ÀÌ JPG, BMP, PNG) ÀÏ
- How to create a photo mosaic with your own pictures ¾î¶»°Ô ÀÚ½ÅÀÇ »çÁø°ú ÇÔ²² »çÁøÀ» ¸ðÀÚÀÌÅ©¸¦ ¸¸µå´Â






















