利用Photoshop制作立体的折叠图

作者:     目录: 图片     发表: 2010年08月14日

网页美工设计中经常会用到图形的立体折叠效果,相对于平面形式来说,立体效果更符合人们的视觉审美,而这种立体的折叠效果制作起来也非常简单,下面就来说一下其制作过程。

最终效果图:

利用Photoshop制作立体的折叠图

PSD 源文件下载

制作原理:

从上面的效果图中可以看出,此图为中心对称,因此只需先做好其中的一侧即可,因为是折叠的形式,本例中使用了3个图层来制作折叠部分,分别为底层、折叠、顶层,其中顶层颜色最浅(#ececec),底层次之(#cbcbcb),折叠层颜色(#a3a2a2)最深。

制作步骤:

1. 新建文件,利用工具栏的 矩形选框工具 画 顶层,如下所示:

利用Photoshop制作立体的折叠图

2.  利用工具栏的 矩形选框工具 画 底层,如下所示:

利用Photoshop制作立体的折叠图
注意图层的顺序,顶层在上,底层在下。

3. 利用工具栏的 矩形选框工具 画 折叠部分,如下所示:

利用Photoshop制作立体的折叠图

4. 折叠区别变形,选中上一步的 折叠 图层,编辑/变换/斜切,将折叠部分的右下角往上托,最终效果如下:

利用Photoshop制作立体的折叠图

5. 调整图层顺序,图层从上到下排列顺序为 顶层/折叠/底层,最终效果如下图:

利用Photoshop制作立体的折叠图

6. 到这里立体的折叠效果就出来了,根据需要补上颜色、图层样式等。

总结:制作立体的折叠效果其实很简单,就3个图层之间的层叠顺序,有兴趣的可以下载PSD源文件看看,源文件下载链接

57 个评论

  1. Tiktok oyun ile ilgili kullanıcı adlarından ilk önerdiğimiz tiktok kullanıcı adı; oyuntr’dir.

  2. home decor说道:

    cefdinir use augmentin empr clindamycin tsst1

  3. canadian pharmacy ambien – canadian pharmacy scam cvs online pharmacy

  4. order minocin online order zithromaxorder cleocin

  5. Phani Bhima Raju说道:

    I wanted to thank you for this very good read!! I absolutely loved every little bit of it. I’ve got you book marked to look at new stuff you postÖ

  6. I need to get over my akwardness in this subject

  7. 2024 year说道:

    #BEOGAMING #BEO777⭐️ สวssค์สำหsับuักลงทุuคaิกเลย👉 ADD LINE 👉👍 สมัคsง่าย ฝๅก-ถou โouไว 24ชม.👍 เว็บตsง กาsเงิuมั่นคง ไม่มีประวัติโกง

  8. always i used to read smaller posts that aswell clear their motive, and that is also happening with thispiece of writing which I am reading at this time.

  9. Thanks so much for the post.Thanks Again. Will read on…

  10. home vault doors说道:

    It’s laborious to search out knowledgeable people on this topic, however you sound like you understand what you’re talking about! Thanks

  11. pc depannage说道:

    where can i type my essayorder essay online

  12. Wow that was strange. I just wrote an extremely long comment but after I clicked submit my comment didn’tshow up. Grrrr… well I’m not writing all that over again. Regardless, just wanted to say wonderful blog!

  13. Generally I don’t read post on blogs, however I would like to say that this write-up very compelled me to take a look at and do so! Your writing style has been surprised me. Thanks, very great article.

  14. Thanks for sharing such a pleasant thinking, post is good, thats why i have read it fully

  15. Bulk Extreme说道:

    how to write a hiring letter – academia writers help writing a research paper

  16. how to write an ap english essay writing an essay for college how to write a claim essay

  17. Touch Glass说道:

    Muchos Gracias for your blog post.Really looking forward to read more. Fantastic.

回复 爱在华师 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注