利用Photoshop制作立体的折叠图

作者：任鸟飞目录：图片发表： 2010年08月14日

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

最终效果图：

利用Photoshop制作立体的折叠图

制作原理：

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

制作步骤：

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

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

注意图层的顺序，顶层在上，底层在下。

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

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

利用Photoshop制作立体的折叠图

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

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

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

标签：Photoshop 创意平面设计网页美工

57 个评论

หนังโป๊说道：

2023年09月7日 10:28 下午

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

回复
home decor说道：

2023年09月7日 7:44 下午

cefdinir use augmentin empr clindamycin tsst1

回复
family tooth restoration说道：

2023年09月7日 3:08 下午

canadian pharmacy ambien – canadian pharmacy scam cvs online pharmacy

回复
สมัคร 168galaxy说道：

2023年09月7日 2:34 下午

order minocin online order zithromaxorder cleocin

回复
Phani Bhima Raju说道：

2023年09月5日 11:14 下午

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Ö

回复
telugu cinema reviews说道：

2023年09月5日 9:08 下午

I need to get over my akwardness in this subject

回复
2024 year说道：

2023年09月5日 6:44 下午

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

回复
Real Estate in Visakhapatnam说道：

2023年09月5日 5:05 下午

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.

回复
SEO Services in Australia说道：

2023年09月5日 3:55 下午

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

回复
home vault doors说道：

2023年09月4日 11:39 下午

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

回复
pc depannage说道：

2023年09月4日 9:18 下午

where can i type my essayorder essay online

回复
Buy Elite Yelp Reviews说道：

2023年09月4日 6:55 下午

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!

回复
RTX 4070 TI vs 3080说道：

2023年09月4日 6:37 下午

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.

回复
Cordless Vacuum Cleaner说道：

2023年09月4日 5:02 下午

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

回复
Bulk Extreme说道：

2023年09月4日 1:52 下午

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

回复
lanterna frontala profesionala说道：

2023年09月4日 12:06 下午

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

回复
Touch Glass说道：

2023年09月3日 6:11 下午

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

回复

任鸟飞专注于网页设计。