《完整的ps个人主页设计制作思路和操做步骤案例》由会员分享，可在线阅读，更多相关《完整的ps个人主页设计制作思路和操做步骤案例（7页珍藏版）》请在金锄头文库上搜索。
1、完整的 ps 个人主页设计制作思路和操做步骤案例内容提要：本文讲解一个完整的 ps 个人主页设计制作思 路和操做步骤，并共享另外的网站设计 PSD文件供学习使用 ps 个人主页设计也是谈论比较多的一个话题。本文以ps 个人主页设计案例：设计一个电影导演工作室主页来为大家分 享 ps 个人主页创作过程和方法。最终完成的 ps 个人主页设计效果如下图所示：制作本文的PS个人主页使用到的素材、笔刷、字体以及 PSD 原始文件，都全部共享到 QQ 群： 243644683 群共享，如果您对 ps 个人主页设计感兴 趣，可以在群共享下载 PSD 文件， 详细查看每一图层， 每一 步骤的具体操作， 剖析制
2、作方法。 第一、本文的 ps 个人主页 设计要求 创建一个电影导演工作室主页，要体现出怀旧 感和孤独感。第二、本文的 ps 个人主页设计思路和素材 根据设计要求，我们可以想象一个场景，一间有着泛旧的地 板和斑驳的墙面的房间，一把空荡荡的导演椅安静的放在那 里，椅子旁边放着拍片时用的喊话筒和废弃的电影胶片，打 板也斜倚在墙上，安静的躺在幽暗的角落里。一束光从顶部 向下打下来，落在椅子和地板上，让整个的气氛更加显得孤 寂。依据这个想法，我们搜集相关素材来创建我们头脑里的 这个场景。第三、本文的 ps 个人主页创建方法1、打开Photoshop，快捷键 Ctrl+N新建一个宽 960像素，高800像
3、素的空文档，使用移动工具（ V ）在文档左右两边拉出参考 线，然后选择图像 > 画布大小命令，在对话框中将宽度更 改为 1400 像素，点击确定。这样我们就有了一个宽1400 像素，高 800 像素的空白文档以及位置合理的参考线。 接下来， 我们的设计全部都在这两条参考线内展开，所以第一步创建 参考线是非常重要的。如下图所示：2、按 D 键将前景和背景色调整到默认的前黑后白的状态，然后使用 Alt+Delete 键将图层填充为黑色。使用文件 > 置入命令将 我们已经找好的地板素材导入到文档中，来创建整个场景的 第一个元素。 由于地板素材文件非常大， 超过了文档的尺寸， 所以你会看到
4、置入命令会自动将图片调整到合适的尺寸。另 外，此命令还会将地板图片作为智能对象添加到文档中。我 们可以对地板图标进行缩放、 定位、 斜切、旋转或变形操作， 而不会降低图像的质量。所以置入是一个非常好的将图片导 入到文档中的选择。 通过观察置入的地板图片我们可以 发现对于我们要创建的场景来讲，地板中木条的宽度还是太 大，所以使用自由变换（ Ctrl+T ）命令，将图片再缩小一些。 这时候虽然木条的宽度合适了，但是图片整体的大小太小 了，不能覆盖整个文档，而我们的目的是要创建一个铺满了 木地板的房间的感觉。所以这里我们将调整好的地板图片再 复制一层。将两张图片左右拼合起来，这样图片的宽度就够 了。
5、这里要注意一个细节，就是两张图片的拼合接缝处要细细的调整， 最好一点都看出来。 对于这张线条明显的木地板， 要做到这一点并不难。 最后使用 Ctrl+E 将两个图层合并。 最 终的效果如下图：3、在图层面板的地板图层上点击右键，选择转换为智能对象命令。 之后使用自由变换 （ Ctrl+T ）， 在文档的自由变换区域内点击右键，选择透视，将鼠标放置 于右上角的锚点上水平向左拖动，你会观察到地板图片的顶 部会向内收缩，同时透视的感觉出现，你还可以通过向右水 平移动右下角锚点调整透视的角度，在调整的同时注意观察 图片的效果，直到满意为止。如果对最终的效果不满意，可 以重新来一遍，这时由于图层已经是智
6、能对象，所以不会损 失清晰度。完成透视效果之后，在图层面板底部点击添加图 层蒙板按钮，然后选择渐变工具（G）,使用黑色至透明的渐变同时按住 Shift 键在地板两端拉出水平渐变， 遮盖住地板 的两边，使其更好的融合于场景之中。最后选择滤镜 > 锐 化>智能锐化命令，在弹出的对话框中将数量调整为 110%，半径 1 个像素，其它参数默认，点击确定。这样地板 看上去会更加清晰。最终完成的效果如下图：4、由于我们需要创建一种怀旧的感觉，所以原始地板图片的颜色看 上去过于明亮并且饱和度太高。所以接下来我们在图层面板 的底部点击类似于太极图标似的调整图层按钮，选择色阶调 整图层。应用如下参数
7、设置：当然这些参数只是用来参考，并不是说一定不能改动，你也可以自己调整数值，只要将地板的亮度降低到你自己认为合适就可以，一切以感觉 为主。完成之后，回到图层面板，确保调整图层位于地板图 层色上方，按住 Alt 键，移动鼠标到调整图层和地板图层之 间的位置，这时你会观察到鼠标从手指的形状变成了一个左 边一个小箭头右边两个圆形相叠的图标样式，点击一下，调 整图层的左边出现了一个向下的小箭头，这样做的目的是将 调整图层转换为下面图层的剪贴蒙板，这样色阶调整图层只 会对地板图层有效，否则，凡是建立在调整图层下方的图层 都会受到该调整图层的影响。 降低了亮度之后，接下来 我们再按照同样的方法创建一个色相
8、饱和度调整图层，参数 设置如下： 调整了色阶和饱和度之后，我们再来看完 成后的效果：5、至此地板的效果就完成了，接下来我们在地板后面再来盖一堵墙。应用置入命令将下载好的墙面 素材载入文档。由于下载的墙面素材还带有地面的部分，所 以我们将墙面素材置于地板图层的下方，让地板遮住多余的 部分，然后调整墙面的位置并应用自由变换使墙面素材大小 合适。效果如下图：6、可以观察到，要使墙面素材融合于整个场景之中还有这么几个问题需要解决。首先是从地 板的半透明区域可以看到墙面素材多余的部分，需要遮盖 住。二是需要调整墙面的色调，因为它太红了。三是在墙面 与地板交汇的部分过于生硬，看起来不自然。下面就逐一解 决
9、。首先在墙面图层上方新建一个图层， 使用渐变工具 （ G），按住 Shift 键从文档底部至地板与墙面的交汇处拉出一个黑 色至透明的渐变，这样既遮住了墙面多余的部分，而且由于 给墙面底部添加了阴影，所以地板和墙面的融合也会显得自 然，一次解决了两个问题。需要注意的是，渐变的效果不要 过于强烈，要柔和一些，如果你一次做的不够好，可以试着 多做几次。下面是最后的效果： 7、接下来我们和上面 地板中的方法一样，通过建立调整图层来给墙面调色，使其 和地板的感觉相融合。首先建立一个色阶调整图层，应用如 下参数设置： 再建立一个色相饱和度调整图层，参数 如下： 最后给墙面图层创建一个蒙板，遮盖住两边的 区
10、域。当然别忘了使用 Alt 键将调整图层应用为剪贴蒙板。 完成后的效果如下图：8、为了增加怀旧的气氛，接下来，我们使用笔刷工具在墙面上创建裂纹的效果。首先新建 一个图层，然后下载上面提供的裂纹笔刷效果文件，选择画 笔工具（B）,将下载的裂纹笔刷载入到画笔当中。将前景色 调整为黑色，选择其中的一个裂纹笔刷效果，使用键盘上的 左右方括号键调整笔刷的大小，在墙面的右下角位置点击一 下，这样一条裂纹就出现在了墙面上， 裂纹的效果就完成了。 最后，选中以上创建的关于地板和墙面的所有图层，按 Ctrl+G 键将它们放入到一个图层组中，命名为”地板和墙 面”。最终效果如下图：9、至此我们的整个空间背景 就创
11、建完成了，整个设计也有了一些气氛。接下来我们来完成主页的 Logo 和导航的制作。新建一个图层组，命名为导 航，在其中新建一个图层。下载上面提供的电影胶片画笔文 件，载入笔刷，选择其中的长条胶片笔刷，调整画笔大小， 将前景色调整为黑色，画出电影胶片导航背景，如果画出的 胶片太短的话，将画好的胶片图层复制一遍，使用移动工具 （V ）调整两张图片的位置，将其拼合起来，使用Ctrl+E 将两图层合并。 由于我们只需要胶片的打孔部分，所以接 下来新建一个图层，使用直角矩形工具画出一个宽度横跨整 个文档，也就是大于 1400 像素，高度为 115 像素的黑色矩 形，使用移动工具仔细的将矩形的下边框和胶片
12、的打孔部分 拼合在一起。完成后的效果如下图：10、接下来我们添加 Logo 和导航文字。选择文字工具，分别键出”电影” 、” 工作室”、” Flyfish Film Studio ”三个文字图层，”电影”文字 使用 68像素大小、汉仪雪君字体，并应用如下图层样式： “工作室”和” Flyfish Film Studio ”文字分别使用方正小标 宋字体和 Georgia 字体， 22 像素和 14 像素大小，颜色都为 #b86850。导航中文文字部分使用 12 像素大小、微软雅黑字体、加粗、犀利、颜色 #bab1ad,然后新建一个图层，选 择矩形选区工具 （M ），画一个包含中文文字上半部分的选
13、区， 填充为白色，然后按住 Alt 键将该图层创建为文字图层的剪 贴蒙板，这样导航文字就有了如同金属般的质感。英文 文字部分使用 12 像素大小、 Georgia 字体、犀利、颜色#b86850。然后使用移动工具将中英文导航文字排列好，导 航部分的设计就完成了。如下图：11、接下来是整个设计中最重要的部分，主视觉的设计。首先下载导演椅素材，在 photoshop 中打开，使用钢笔工具 仔细的将椅子从背景中抠出来。接下来使用修补工具 （J）和 仿制图章工具（S）将椅子图片上的水印和椅背后的文字抹 掉。完成之后，使用拷贝粘贴将其载入文档，右键转换为智 能对象，使用自由变换（ Ctrl+T ）将其大小调整到合适，观 察图片后发现，椅子的亮度和饱和度太高，所以我们这里依 然使用上面步骤中的方法，将其压暗，并降低饱和度，以下 是色阶调整图层和色相饱和度调整图层的具体参数设置。 调整结束后我们可以清楚的看到椅子的靠背和坐垫部分为 绿色，所以我们这里需要改变其色相，以下是具体参数： 完成后的效果如下图：
