IPhotoshop设计个人简历介绍网站过程.docVIP

Photoshop设计个人简历介绍网站过程 最终效果 关于作者 IvyStudio是ThemeForest上一个受欢迎的新作者，是他们创建了这个特别的主题。对网页创意和交流充满热情是IvyStudio的核心。我们乐于创建有着丰富细节的简洁、有用的主题界面。在www.ivystudio.it上你可以看到我们更多的作品，如果你想联系我们，随时欢迎! 你也可以在ThemeForest上下载完整的代码版本来查看它是如何创建的。 第一步 为了方便布局，我们将要使用到960s栅格系统(从这里下载)。下载完成后，打开960_grid_12_col.psd文件。 这个文件的高度小于我们最终的设计。因此，我们选择图像gt;画布大小gt;高度：1558像素。 我们倾向于去除粉色条纹，如果你想隐藏它，在图层面板中将图层可视化关闭。 我们还需要打开标尺和参考线。因此我们将视图gt;显示额外内容/标尺/对齐勾选上(这样元素就便于和我们的参考线对齐了)。 第二步 我们现在来创建背景。在图层面板中，右键点击背景图层，选择背景图层，重命名为bg。 在bg图层上点击右键，选择混合选项，选择颜色叠加，选择背景色#dbdbdb。 现在选择bg图层，选择图层gt;新建gt;图层命令，重命名为noise。 现在我们应用一个简单的杂色质感，选择noise图层，将其填充为白色(#ffffff)。 选择滤镜gt;杂色gt;添加杂色gt;数量：50%，分布：平均分布。将图层混合模式更改为：正片叠底，将图透明度降低为15%。 我们来使用矩形工具创建一个柔和的阴影效果。创建一个780times;1800像素的矩形，将填充不透明度设置为0%，在混合选项面板中，设置投影效果为如下图片所示： 第三步 让我们开始创建页头部分。使用矩形工具(U)创建一个780times;170像素的矩形，填充为#7db222(你也可以选取其他颜色，整个教程里的颜色都是统一的)。然后设置如下图层样式。 第四步 现在给页面增加标题。选取水平文字工具(T)，键入你的网站名称，使用如下文字设置： 字体：Delicious(下载) 大小：90pt 样式：斜体 抗锯齿设置：平滑 颜色：#ffffff 字距：适合视觉 字符间距：-50 之后给文字应用如下图所示的图层样式： 现在添加副标题。选取水平文字工具(T)，键入你的副标题，使用如下文字设置： 字体：Delicious(下载) 大小：32pt 样式：斜体 抗锯齿设置：平滑 颜色：无(填充不透明度为0%) 字距：适合视觉 字符间距：-50 之后给文字应用投影和颜色叠加，使用如下图所示的图层样式设置： 第五步 我们来开始创建区块。使用矩形工具(U)，创建一个780times;360像素大小的矩形，命名为personal_bg。打开混合选项面板设置投影、内阴影以及颜色叠加，如下图所示： 第六步 下载给我们的个人照片部分创建一个方框。使用矩形工具(U)，创建一个220times;220像素大小的矩形，填充为#ffffff。给它应用如下图所示的图层样式： 第七步 创建社会性图标方框，使用圆角矩形工具(U)，创建一个45times;165像素大小的矩形，半径：5像素，将其命名为Social Box，填充为#7db222。现在创建折角。使用同样的工具创建一个20times;20像素大小的矩形，半径：5像素，命名为Social fold，将其放置于personal_bg图层的下方。然后按下Ctrl+T将其翻转45度。现在应用如下混合选项设置： 第八步 现在放置社会性网站图标。首先下载这些矢量社会性网站图标，然后如下图放置五个图标(24times;24像素)： 第九步 现在创建联系按钮。使用矩形工具(U)，创建一个170times;50像素大小的矩形。填充为#7DB222，命名为contact。选择此图层的矢量蒙板，选取添加锚点工具，在矩形的左边中间处创建一个锚点。然后选择转换点工具，在同一锚点处单击并将其移动到左边。 现在形状已经完成了，按照惯例，添加如下混合选项效果： 现在将social fold图层复制一遍，命名为contact fold(很显然它必须放置于personal_bg图层的下方)。 第十步 现在给联系按钮添加文字。选取水平文字工具(T)，键入你的文字，使用如下设置： 字体：Delicious(下载) 大小：32pt 样式：Roman 抗锯齿设置：平滑 颜色：#ffffff 字距：适合视觉 字符间距：-50 然后给文字应用如下图所示的阴影效果： 第十一步 给区块部分添加标题。选取水平文字工具(T)，键入你的文字，使用如下设置： 字体：Delicious(下载)) 大小：36pt 样式：Roman 抗锯齿设置：平滑 颜色：#7db222 字距：适合视觉 字符