<p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;">之前看过一篇极坐标的的使用方法，~能做出很炫的3D立体的效果，简单几步就能做出很炫的效果，班门弄斧下：</p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;">原图</p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;"><img alt="" src="/Content/_Common/Base/img/broken_link_repair.jpg" style="border: 0px; vertical-align: middle; width: 524px; height: 315px;" /></p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;">选择滤镜>扭曲>极坐标>平面坐标到极坐标</p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;"><img alt="" src="/Content/_Common/Base/img/broken_link_repair.jpg" style="border: 0px; vertical-align: middle; width: 600px; height: 285px;" /></p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;"><img alt="" src="/Content/_Common/Base/img/broken_link_repair.jpg" style="border: 0px; vertical-align: middle; height: 413.0298719772404px; width: 680px;" /></p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;">再缩放至正方形</p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;"></p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;"><img alt="" src="/Content/_Common/Base/img/broken_link_repair.jpg" style="border: 0px; vertical-align: middle; width: 600px; height: 355px;" /></p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;">得到</p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;"><img alt="" src="/Content/_Common/Base/img/broken_link_repair.jpg" style="border: 0px; vertical-align: middle; width: 453px; height: 418px;" /></p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;">再复制一层，旋转图片，创建蒙版得到最终效果</p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;"><img alt="" src="/Content/_Common/Base/img/broken_link_repair.jpg" style="border: 0px; vertical-align: middle; width: 436px; height: 417px;" /></p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;">使用到项目中的效果：</p> <p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px; line-height: 28px;"><img alt="" src="/Content/_Common/Base/img/broken_link_repair.jpg" style="border: 0px; vertical-align: middle; width: 600px; height: 320px;" /></p>
