Photoshop绘制一个网页形式的公告板

2016-02-16 08:36 143 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Photoshop绘制一个网页形式的公告板懂PS的网友们快点来了解吧!

【 tulaoshi.com - PS 】

先看看最终效果图

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Step 1.

打开photshop,文件-新建,新建一个文档(尺寸:600像素400px),背景内容为半透明

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Step 2.

使用矩形工具Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网绘制一个大小为(280px:480px)的矩形,

提示:为了给一个固定的形状大小,访问选项栏面板

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Step 3.

按ctrl+Enter 把路径转换为选区,设置前景色为#a37d54 设置背景色为 #4e2f0d

为了产生corkboard纹理。 转到滤镜渲染云彩,

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

继续对;转到滤镜素描便条纸(图片平衡:32,颗粒度:11和救济:12)。

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

转到滤镜笔触飞溅(喷雾半径:15和平整度:10)。

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

最后,让我们给它一个较深的颜色,去图像调整影印/高光

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Step 4.

新建图层,使用圆角矩形工具尺寸为(由302px 502px)半径:10px

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

填充色为 #4e2f0d

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Step 5.

为了使每个边界两边看看真实的,我们要创造的角落之间的差距。

用多边形选框工具选中,剪裁4个边。并按Ctrl+X剪切并新建图层张贴

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

在为层的混合选项边界的权利,申请一个渐变叠加(角度:0度,第一梯度滑块:#e77d15,第二梯度滑块:#f69834)。

现在,层边境顶,适用于另一个渐变叠加(第一梯度滑块:#e77d15,第二梯度滑块:#f4942d,第三梯度滑块:#d16f04)。

接下来,层边境左,适用于另一个渐变叠加(第一梯度滑块:#0d550e,第二梯度滑块:#f4942d,第三梯度滑块:#d16f04)。

最后,层边境底,适用于另一个渐变叠加(第一梯度滑块:#6e3c0b,第二梯度滑块:#f4942d,第三梯度滑块:#d16f04)。

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Step 6.

新建图层,会只一个白色的正方形。 按cthrl+T变形

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

给该图层添加样式

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

选择渐变工具Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网前景色为#eae7e7 ,背景色为白色

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Step 7.

绘制一个小圆,作为钉子的头,添加渐变样式

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

使用画笔工具Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网,给钉子添加高光

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

添加投影

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

使用多边形套索工具,或者钢笔工具绘制形状

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

填充渐变Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网#373636 到透明的渐变

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

同样的方法继续制作

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Step 8.

制作小木尺

导入素材木头底纹。 使用圆角矩形,半径为10px

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

添加投影

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

为了让他看起来比较真实,我们使用画笔工具给尺子加上泥土和高光

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

使用画笔工具 选择44号画笔

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

减去多余的部分

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

使用钢笔工具绘制绳子

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Step 9.

绘制铅笔。 使用圆角矩形绘制一个长的圆角矩形

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

设置前景色为#f7e168 背景色为#dbc558 选择渐变工具Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网,中的对称渐变Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

按Delete键,清除用矩形选框工具选中的部分

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

绘制笔尖

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

填充色为:(#9f6f4b ~ #be9a78)

使用直线工具Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网绘制笔芯

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

绘制形状添加渐变

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

渐变颜色为(#504f4d #ffffff #3f3e3d )

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

和尺子同样的方法使用钢笔工具绘制绳子

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

使用与那叫矩形工具,给铅笔添加高光,填充色为白色(#ffffff),羽化1像素

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

设置图层的不透明度为50%

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Step 10.

添加背景图案

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

使用椭圆选框工具Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网,羽化50像素,填充色为(#c3840c)

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Step 11.

导入素材图片。欧式别墅

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

按Ctrl+T 调整图像大小,旋转图像

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

变形

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

单击菜单栏中的滤镜扭曲海洋纹理

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

现在我们在跳着呢个下色相,单价图像调整色相饱和度

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

添加投影

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

使用椭圆工具Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网,减去多余的投影

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

使用模糊工具Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网羽化边缘

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

使用钢笔工具Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网绘制形状,填充白色,羽化5像素

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

J减去多余的部分

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

适当的给4个角都加上反光,最后我们就完成了 ^_^,

Photoshop绘制一个网页形式的公告板,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1570318.html

延伸阅读
标签: PS PS基础
最终效果图 1.创建一个512x512的白底或者透明、分辨率为72的文档,并命名为信封。 因为信封是白色的,所以我们需要使用Alt+BackSpace来填充灰色(#9D9D9D),主要为了突出信封这个主体. 然后,使用快捷键Ctrl+R调出标尺工具.在水平和垂直方向上各拉一条辅助线到中心点位置. 2.新建一个图层组,命名为信封,然后新建一个图层,命名为...
画任何一个图,都有很多不同的画法,我在这篇教程里介绍的只是我自己熟悉的画法吧。我习惯把所有图层都用形状图层来体现,当然这样优点就是,无论如何调整放大,都是矢量图形;而缺点是很多质感不如贴图方法方便,尤其做水质感之类的。而这样画图就必须做到思路很清晰,要特别了解要画图形的结构。 最终效果 绘图所用的PS工具: ...
Photoshop绘制一个黑色桌球技巧 桌球构造比较简单,需要绘制的部分也比较少。绘制之前先设定好光源位置及底色,然后画出轮廓,加上高光,环境光,投影等即可。 最终效果 1、新建大小适当的文件,背景填充暗灰色。选择椭圆工具画一个大圆,颜色为暗绿色:#11391d,然后新建一个图图老师层在顶部位置拉一个稍小的圆颜色为:#05...
标签: PS PS基础
先看看效果图 1.填充背景为深灰色,设置前景色,新建图层1,绘制圆色矩形 2.为图层1添加图层样式(投影,内阴影,外发光,渐变叠加,描边); 3.选择图层1,使用滤镜杂色添加杂色(根据情况调整杂色的数量); 4.按CTRL键点击图层1,调出图层1的图形选区之后,新建图层2,填充任意色彩,选择矩形选框工具,按向上方向键,将选区向上移动1个像...
标签: PS PS教程
大家好,今天为各位介绍一篇如何用PS为铅笔图标进行上色.首先,我们先在纸上绘制出它的轮廓.注意比例一定要正确,否则在电脑中就不好修改了.之后导入到Photosho中先是整体大色进行铺垫,在对细节部分进行处理即可.非常简单大家来试试吧. 最终效果 一、线稿的手绘。 1、画辅助线:辅助线可以让你的线稿事半功倍,解决物体角度透视问题...

经验教程

520

收藏

75
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部