首先打开一张照片 （照片尺寸以适合网页或需要为主，可以先处理下，偶就不多说了），如图1。
图1 素材照片
点击 图像——>画布大小 在弹出的对话框上 设置宽度和高度为20个像素 选中“相对”，如图2。
图2 photoshop画布大小设置
复制该图层，选中复制好的图层副本 ，按Ctrl+A 全选 然后 点击 编辑——>描边，在弹出的对话框上设置描边宽度为1个像素 颜色为＃999999 位置居内，如图3。
图3 Photoshop描边设置
完成后取消选区，在点击 图像——>画布大小 在弹出的对话框上 设置宽度和高度为50个像素 选中“相对”，如图4。
图4 Photoshop画布大小设置
接下来回到第一个图层，对这个图层进行操作，首先我们来打开这个图层的工作路径区，第三个按钮。
按边框的位置用来绘制作一个路径，如图5。
图5 Photoshop绘制路径
绘制完后用白鼠标进行一些局部调整，然后回到图层把复制的那个图层副本的眼睛关闭，再回到第一个图层的路径区，用给每条边的中间点添加一个路径，如图6。
图6 Photoshop绘制路径
再用白鼠标来调整，如图7。
图7 Photoshop绘制路径
按Ctrl+T 调整大小，放大一些，然后点第一个按钮
图8 Photoshop图像效果
然后删除路径，回到图层区，把复制的图层副本的眼睛打开 就可以看到最终效果了。
最终完成效果