网页美工设计中经常会用到图形的立体折叠效果,相对于平面形式来说,立体效果更符合人们的视觉审美,而这种立体的折叠效果制作起来也非常简单,下面就来说一下其制作过程。
最终效果图:
制作原理:
从上面的效果图中可以看出,此图为中心对称,因此只需先做好其中的一侧即可,因为是折叠的形式,本例中使用了3个图层来制作折叠部分,分别为底层、折叠、顶层,其中顶层颜色最浅(#ececec),底层次之(#cbcbcb),折叠层颜色(#a3a2a2)最深。
制作步骤:
1. 新建文件,利用工具栏的 矩形选框工具 画 顶层,如下所示:
2. 利用工具栏的 矩形选框工具 画 底层,如下所示:
3. 利用工具栏的 矩形选框工具 画 折叠部分,如下所示:
4. 折叠区别变形,选中上一步的 折叠 图层,编辑/变换/斜切,将折叠部分的右下角往上托,最终效果如下:
5. 调整图层顺序,图层从上到下排列顺序为 顶层/折叠/底层,最终效果如下图:
6. 到这里立体的折叠效果就出来了,根据需要补上颜色、图层样式等。
总结:制作立体的折叠效果其实很简单,就3个图层之间的层叠顺序,有兴趣的可以下载PSD源文件看看,源文件下载链接。
Tiktok oyun ile ilgili kullanıcı adlarından ilk önerdiğimiz tiktok kullanıcı adı; oyuntr’dir.
cefdinir use augmentin empr clindamycin tsst1
canadian pharmacy ambien – canadian pharmacy scam cvs online pharmacy
order minocin online order zithromaxorder cleocin
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Ö
I need to get over my akwardness in this subject
#BEOGAMING #BEO777⭐️ สวssค์สำหsับuักลงทุuคaิกเลย👉 ADD LINE 👉👍 สมัคsง่าย ฝๅก-ถou โouไว 24ชม.👍 เว็บตsง กาsเงิuมั่นคง ไม่มีประวัติโกง
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.
Thanks so much for the post.Thanks Again. Will read on…
It’s laborious to search out knowledgeable people on this topic, however you sound like you understand what you’re talking about! Thanks
where can i type my essayorder essay online
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!
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.
Thanks for sharing such a pleasant thinking, post is good, thats why i have read it fully
how to write a hiring letter – academia writers help writing a research paper
how to write an ap english essay writing an essay for college how to write a claim essay
Muchos Gracias for your blog post.Really looking forward to read more. Fantastic.