photoshop设计制作怀旧风格网页的详细教程图片(如何用ps做怀旧效果)

本文主要介绍photoshop中设计制作怀旧网页的详细教程图片(如何用ps制作怀旧)，下面跟着东辰网详细了解一下吧。

作者:Land:St:阴影效果，梯度涂层和模式叠加这一层。尝试使用以下值在底部下方制作类似的图像。

步骤5再次在我们的设计文档中建议一个新层。画一个高度为300像素的矩形，使用矩形工具。转到滤镜，添加图案叠加，乐毅模式叠加，黑红黑渐变叠加，和软阴影。使用以下图像的值作为参考。接下来，添加一个隐藏所有图层蒙版的蒙版并在黑到白到黑的反光层上画一个渐变蒙版，你会得到类似下图的底部。

步骤6被命名为光并且对其应用50像素的高斯模糊半径。我创建了一个额外的指南来绘制光中心头部。删除下面导航栏上的所有内容，将图层混合模式改为颜色减淡。

步骤7:颜色叠加和图案叠加。

此时，你必须考虑你想要切割HTML图片的CSS的；那个这就是为什么我当时对大部分阴影使用远程0px，只有水平或垂直渐变。在这种情况下，纹理有许多水平线。它需要很容易地转换成一个。这是很多地区反复出现的背景。另外，在你的organizationlayer文件夹里休息一下，让一切井井有条，是个不错的人。

第八步现在从细节开始，我想在网站名称中加一个显眼的地方，这也是我会使用这个漂亮的垃圾标签图片的原因。显然，你必须提取标签并把它放在我们设计的左上角。试着得到类似下面开始张图的东西。接下来，使用魔棒工具选择小棕色圆圈，然后命令移动一个反向选择。调整后的色阶和色调/饱和度使用以下值。

步骤9现在使用橡皮擦工具和不规则笔刷删除一些边界区域的标签。实际上，要添加剪纸，选择减淡工具，用相同的笔刷形状将减淡应用到标签的边缘。

步骤10:我们给标签添加阴影。为此，重复标签图层，将色相/饱和度亮度更改为100，应用半径为10像素的高斯模糊。接下来，更改标签复制混合模式为正片，不透明度设置为75%。

第11步是标签的最后修剪，将饱和度改为40，使其更灰。

第12步现在我们将添加一些支持图像，试图围绕图像找到一个概念，但由于这是一个技术课程，我选择一个随机的。这是一张美丽的图片，是玻利维亚高地的一列老式火车。提取火车的形状但是你想要它。然后改变混合模式的一站式服务图层变暗。

第13步第14步现在，给它的垃圾风格添加更多的东西！我下载了一些和詹B;s.离开这里。这些刷子是有限的。用这些笔刷添加一些数字，边角，胶带之类的，在这一步你想做什么就做什么。记得把所有的标签和标签层复制和下面的层。

步骤15然后应用笔画和图案叠加的效果。

在步骤16中，我创建了四个文件夹来保存布局组合:一个包含头部和头部高于一切，和脚注的标题一在边栏，即下方标题和最后辅助工具栏。&;

您可以将这个矩形添加到内容层，或者可以添加多个文件夹，这需要四个文件夹。将矩形放置在适当的位置后，使用以下值应用阴影和描边效果。第十七步:从边界这里下载一些垃圾死角。此外，在顶部添加另一个侧边栏的背景角，但这也使其不透明度低于25%。

让让我们添加一些文本。你可以添加任何样本文本，想象它的JavaScript驱动的文本最近文章部分，或者一个专栏，类似的东西。我使用了与导航栏相同的grunge显示字体，颜色为#4D0D0D，主体文本使用了#3F3F3F的Arial字体。

应用阴影效果的名称，并添加具有相同效果的导航项目。当你把CSS文件转换成HTML变成PSD的时候，你需要把这些书转换成图片，所以它如果你想给它们添加更多的样式，这是一条线。最后，使用一些指南，把它放在一个适当的位置上的文字层。

我们的特色酒吧正在寻找一个小空间，所以让让我们添加一个支持图像。在这种情况下，我使用宝丽来拍摄。你可以从宝丽来下载图片。提取宝丽来，粘贴到内容和文件夹的上层灰色背景和它的垃圾角落，然后改变色调/饱和度，使宝丽来更深棕色(选择着色选)。

使用相同的技术作为标签层的边缘(步骤)。擦除和减淡宝丽来照片的边缘。最后，使用相同的技术添加阴影，比如使用这个10步教程。

第20步我自己也曾经有过这样的，所以我把它加到了深棕色的设计图上。添加多个宝丽来层的任何图像的新层，选择黑色方形宝丽来，然后命令移动选择。选择图像层，删除所有多余的。接下来，你可以添加更多的垃圾细节，比如下面图片带上列出的一些图片。我申请了1px阴影效果，加了胶带。

第21步，然后适用于以下效果:内部照明，图案覆盖，和阴影，使用下图所示的值。接下来，绘制矩形以上或粘贴到一个新的层标准RSS形状，并填充黑色。最后，将RSS形状图层的混合模式改为叠加。

第22步RSS图标现在位于侧边栏的左上角。添加类似文本RSS源。再画一张胶带，写下用户数量。记住，现在，我们正在努力工作边栏文件夹。

第23步为了让我们的样本更有态度，我们想添加一个预览图像，就像在Tatz网站中一样，但这是一个垃圾设计，我们需要添加一个背景，因为我们的图像是垃圾。这是因为添加填充的CSS的顶部和底部很简单，然后设置一个重复的背景图片。

这张照片是35毫米胶片。从胶片上提取两条小条纹。m，并使用下图中的值更改它们的色调/饱和度。接下来，使用不规则橡皮擦，删除条纹的一些区域。最后，给每个条纹添加阴影。当你完成了电影，粘贴任何图像下面的电影层。我在添加一张我旅行的照片。最后，对图像应用描边效果(#2F261)。

在第25步中，在2pxamp后面画一条红线是个好主意。;的注释和一些单词，并将所有相关的图层放入一个名为之后。然后增加文件的高度一点点。你可以使用切割工具，只是为了看看我们设计的外观，如果有两个或三个位置。复制邮政和邮政组，并更改如下图所示的文本和图像。

其实这个看起来挺好的。现在添加补充工具栏的项目冠军。你可以为每一个项目建立一个文件夹。

步骤27现在添加一个列表图标。您可以使用任何自定义形状。添加一些随机文本，我使用工具栏格鲁吉亚。重复图标，编辑一个代表流浪状态。所有侧边栏项目都是一样的。

第28步:我们即将完成。在侧边栏中添加一些垃圾底部的细节，在一个新图层的上方添加一些垃圾笔刷来补充工具栏的背景图层。选择辅助工具栏的背景层，然后转到图层图层蒙版显示全部。接下来，在一些隐藏的底部侧边栏背景的左侧区域使用不规则的黑色笔刷。

步骤29最后选择辅助工具栏的背景图层，复制其图层样式。画a页脚和矩形文件夹在底部的设计和粘贴到图层样式。接下来，提取并粘贴上图中页脚的背景。

调整饱和度，让它更灰一点。此外，您可以申请在纸上重复阴影技术步骤10。在纸上加些字，可能是口号什么的。添加一些页脚文本，如快速导航栏和版权信息。

作者:Land:St:阴影效果，梯度涂层和模式叠加这一层。尝试使用以下值在底部下方制作类似的图像。

步骤5再次在我们的设计文档中建议一个新层。画一个高度为300像素的矩形，使用矩形工具。转到滤镜，添加图案叠加，乐毅模式叠加，黑红黑渐变叠加，和软阴影。使用以下图像的值作为参考。接下来，添加一个隐藏所有图层蒙版的蒙版并在黑到白到黑的反光层上画一个渐变蒙版，你会得到类似下图的底部。

步骤6被命名为光并且对其应用50像素的高斯模糊半径。我创建了一个额外的指南来绘制光中心头部。删除下面导航栏上的所有内容，将图层混合模式改为颜色减淡。

步骤7:颜色叠加和图案叠加。

此时，你必须考虑你想要切割HTML图片的CSS的；那个这就是为什么我当时对大部分阴影使用远程0px，只有水平或垂直渐变。在这种情况下，纹理有许多水平线。它需要很容易地转换成许多区域的重复背景。另外，在你的organizationlayer文件夹里休息一下，让一切井井有条，是个不错的人。

第八步现在从细节开始，我想在网站名称中加一个显眼的地方，这也是我会使用这个漂亮的垃圾标签图片的原因。显然，你必须提取标签，并将其放置在左边的顶部。我们设计的角落。试着得到类似下面开始张图的东西。接下来，使用魔棒工具选择小棕色圆圈，然后命令移动一个反向选择。调整后的色阶和色调/饱和度使用以下值。

步骤9现在使用橡皮擦工具和不规则笔刷删除一些边界区域的标签。实际上，要添加剪纸，选择减淡工具，用相同的笔刷形状将减淡应用到标签的边缘。

步骤10:我们给标签添加阴影。为此，重复标签图层，将色相/饱和度亮度更改为100，应用半径为10像素的高斯模糊。接下来，更改标签复制混合模式为正片，不透明度设置为75%。

第11步是标签的最后修剪，将饱和度改为40，使其更灰。

第12步现在我们将添加一些支持图像，试图围绕图像找到一个概念，但由于这是一个技术课程，我选择一个随机的。这是一张美丽的图片，是玻利维亚高地的一列老式火车。提取火车的形状但是你想要它。然后改变混合模式的一站式服务图层变暗。

第13步第14步现在，给它的垃圾风格添加更多的东西！我下载了一些和詹B;s.离开这里。这些刷子是有限的。用这些笔刷添加一些数字，边角，胶带之类的，在这一步你想做什么就做什么。记得把所有的标签和标签层复制和下面的层。

步骤15然后应用笔画和图案叠加的效果。

在步骤16中，我创建了四个文件夹来保存布局组合:一个包含头部和头部高于一切，和脚注的标题一在边栏，即下方标题和最后辅助工具栏。&;

您可以将这个矩形添加到内容层，或者可以添加多个文件夹，这需要四个文件夹。将矩形放置在适当的位置后，使用以下值应用阴影和描边效果。第十七步:从边界这里下载一些垃圾死角。此外，在顶部添加另一个侧边栏的背景角，但这也使其不透明度低于25%。

让让我们添加一些文本。你可以添加任何样本文本，想象它的JavaScript驱动的文本最近的文章部分，或特色文章部分，类似的东西。我使用了和导航条一样的垃圾显示字体正文文本的颜色为#4D0D0D，Arial的颜色为#3F3F。

应用阴影效果的名称，并添加具有相同效果的导航项目。当你把CSS文件转换成HTML变成PSD的时候，你需要把这些书转换成图片，所以它如果你想给它们添加更多的样式，这是一条线。最后，使用一些指南，把它放在一个适当的位置上的文字层。

我们的特色酒吧正在寻找一个小空间，所以让让我们添加一个支持图像。在这种情况下，我使用宝丽来拍摄。你可以从宝丽来下载图片。提取宝丽来，粘贴到内容和文件夹的上层灰色背景和它的垃圾角落，然后改变色调/饱和度，使宝丽来更深棕色(选择着色选)。

使用相同的技术作为标签层的边缘(步骤)。擦除和减淡宝丽来照片的边缘。最后，使用相同的技术添加阴影，比如使用这个10步教程。

第20步我自己也曾经有过这样的，所以我把它加到了深棕色的设计图上。添加多个宝丽来层的任何图像的新层，选择黑色方形宝丽来，然后命令移动选择。选择图像层，删除所有多余的。接下来，你可以添加更多的垃圾细节，比如下面图片带上列出的一些图片。我申请了1px阴影效果，加了胶带。

第21步，然后适用于以下效果:内部照明，图案覆盖，和阴影，使用下图所示的值。接下来，绘制矩形以上或粘贴到一个新的层标准RSS形状，并填充黑色。最后，将RSS形状图层的混合模式改为叠加。

第22步RSS图标现在位于侧边栏的左上角。添加类似文本RSS源。再画一张胶带，写下用户数量。记住，现在，我们正在努力工作边栏文件夹。

第23步为了让我们的样本更有态度，我们想添加一个预览图像，就像在Tatz网站中一样，但这是一个垃圾设计，我们需要添加一个背景，因为我们的图像是垃圾。这是因为添加填充的CSS的顶部和底部很简单，然后设置一个重复的背景图片。

这张照片是35毫米胶片。从胶片中提取两个小条纹，使用下图中的值改变它们的色调/饱和度。接下来，使用不规则橡皮擦，删除一些区域。条纹的年代。最后，给每个条纹添加阴影。当你完成了电影，粘贴任何图像下面的电影层。我在添加一张我旅行的照片。最后，对图像应用描边效果(#2F261)。

在第25步中，在2pxamp后面画一条红线是个好主意。;的注释和一些单词，并将所有相关的图层放入一个名为之后。然后增加文件的高度一点点。你可以使用切割工具，只是为了看看我们设计的外观，如果有两个或三个位置。复制邮政和邮政组，并更改如下图所示的文本和图像。

其实这个看起来挺好的。现在添加补充工具栏的项目冠军。你可以为每一个项目建立一个文件夹。

步骤27现在添加一个列表图标。您可以使用任何自定义形状。添加一些随机文本，我使用工具栏格鲁吉亚。重复图标，编辑一个代表流浪状态。所有侧边栏项目都是一样的。

第28步:我们即将完成。在侧边栏中添加一些垃圾底部的细节，在一个新图层的上方添加一些垃圾笔刷来补充工具栏的背景图层。选择辅助工具栏的背景层，然后转到图层图层蒙版显示全部。接下来，在一些隐藏的底部侧边栏背景的左侧区域使用不规则的黑色笔刷。

步骤29最后选择辅助工具栏的背景图层，复制其图层样式。画a页脚和矩形文件夹在底部的设计和粘贴到图层样式。接下来，提取并粘贴上图中页脚的背景。

调整饱和度，让它更灰一点。此外，您可以申请在纸上重复阴影技术步骤10。在纸上加些字，可能是口号什么的。添加一些页脚文本，如快速导航栏和版权信息。

了解更多photoshop中设计制作怀旧网页的详细教程图片(如何用ps制作怀旧效)相关内容请关注东辰网。