利用PS网页设计网页布局

 时间:2026-02-14 22:54:06

1、1.新建一个背景色设为黑色大小如图

利用PS网页设计网页布局

2、2.利用矩形画出一个图层添加如下的渐变叠加来实现如图的效果然后命名为顶部背景

利用PS网页设计网页布局

3、3.在混合选择里面加上纹理然后利用蒙版画出一个阴影效果来

利用PS网页设计网页布局

4、4.效果出来了就向下合并CTRL+E

利用PS网页设计网页布局

5、5.画出一个矩形并删除一个描点然后复制成多个这样的形状做出来图所示的,然后将透明度改成30%

利用PS网页设计网页布局

6、6.复制顶部图层然后选取滤镜 -渲染-云彩再滤镜-像素化-彩色半调

利用PS网页设计网页布局

7、7.添加LOGO利用自由变换工具旋转文本转些角度,给Logo的图层添加图层样式:渐变叠加,描边1个像素,投影距离2个像素不透明度为50%

利用PS网页设计网页布局

8、8.图层-文字-转换为形状

利用PS网页设计网页布局

9、9.用圆角矩形工具添加一个渐变叠加,影阴和描边然后选取编辑-变换-斜切

利用PS网页设计网页布局

10、10.然后利用矩形工具画出一个矩形并添加一张画报

利用PS网页设计网页布局

11、11.然后插入一张动漫画在上面再加描边阴影如图所示

利用PS网页设计网页布局

12、12.选择自定义形状工具画出一个箭头形并渐变叠加并投影再复制,并点击:编辑  自由变换  水平翻转改变方向如图所示

利用PS网页设计网页布局

13、13.利用矩形画出一个语言条然后将剧中经典的文字放在上面如图

利用PS网页设计网页布局

14、14.下面的这个圆角矩形就直接复制 上面的那个然后垂直翻转调整大小改变颜色就可以了

利用PS网页设计网页布局

15、15.新建一个图层然后利用矩形选框工具将文字部分填充为白色如图

利用PS网页设计网页布局

16、16.然后将最新的信息写在上面如图

利用PS网页设计网页布局

17、17.置入一张图然后滤镜-添加杂色30%再调整大小

利用PS网页设计网页布局

18、18.画两个宽的矩形,一个黄色黄边和另一个在下面的白色黄边如图

利用PS网页设计网页布局

19、19.用这样的气泡形状我描写人特色剧情特色后面的四个图片就都是这样设计了

利用PS网页设计网页布局

20、20.将一个复制完后就是整个这样的了然后将前面的那个花形的复制到下面来

利用PS网页设计网页布局

21、21.最后利用相同的原理进行最后一个详情小报

利用PS网页设计网页布局

22、最后制作出效果就是这个样子的如图

利用PS网页设计网页布局

  • PS如何绘制圆角矩形并且调整角度
  • Pshotoshop如何利用选框工具创建选区
  • 如何用PS制作邮件小图标logo教程
  • Photoshop怎么制作龟裂文字效果?
  • photoshop PS中如何制作放射状彩色圆?
  • 热门搜索
    体育运动项目 什么面膜补水效果好 穿山甲的功效与作用 初二历史下册知识点 桂圆核的功效与作用 电容的作用 女孩取什么名字好听 绿豆薏米的功效与作用 amanda什么意思 山楂酒的功效与作用