使用Photoshop创建一个现代投资组合布局.docx
《使用Photoshop创建一个现代投资组合布局.docx》由会员分享,可在线阅读,更多相关《使用Photoshop创建一个现代投资组合布局.docx(9页珍藏版)》请在冰豆网上搜索。
使用Photoshop创建一个现代投资组合布局
使用Photoshop创建一个现代投资组合布局
本文转自【创美优品】
在本教程中,我们将在Photoshop中创建一个组合网络布局。
作为一个起点,我们将使用960网格系统。
因此,下载的网格系统,并解压缩归档文件。
转到“模板”文件夹,然后去“Photoshop”的文件夹和文件,在Photoshop中打开的的“960_grid_24_col.psd”。
你看到的红色条代表的电网系统。
我们将用它们来安排我们的网站布局的元素。
要隐藏的红酒吧,只要按一下“24上校网格”组在“图层”面板中的眼睛图标。
PSD文件也有一些导游。
要激活他们去查看>显示>参考线,或使用快捷键Ctrl/Cmd的+;。
在本教程中,我会告诉你创建形状与特定的大小。
当你在创建过程中要查看的确切大小,形状,打开“信息”面板(“窗口”>“信息”)。
现在我们可以开始创建Web布局。
源文件
要下载源文件,你必须是一个网页设计的粉丝俱乐部的成员。
加入网页设计的粉丝俱乐部授予您访问所有的令人难以置信的资源和知识,你需要成为一个专家的网页设计师。
了解更多关于我们的俱乐部,在这里下载:
投资组合layout.psd。
最终图像预览
下面你可以看到本教程的最终结果。
按一下就可以看到全尺寸的版本。
第1步
我们将开始增加我们的文件的大小。
去图像>画布大小,从下面的图片中使用的设置。
然后选择矩形工具(U)创建一个矩形的高度370px,并在文档顶部的颜色#35203b。
在该图层上单击鼠标右键,选择“转换为智能对象”。
然后去滤镜>杂色>添加杂色,从下面的图片中使用的设置。
第2步
选择矩形选框工具(M)创建一个选择你的布局在顶部。
然后去图层>新建填充图层>渐变,从下面的图片中使用的设置。
我用了一个#180f1b,到透明的渐变。
渐变填充层将使用您创建作为掩模的选择。
设置这层的不透明度为20%。
第3步
使用矩形选框工具(M)创建一个选择下面的大矩形。
然后去图层>新建填充图层>渐变填充,并从下面的图片中使用的设置。
我用#3d3140到透明的渐变。
选择移动工具(V),这层留下1个像素的矩形和梯度之间的距离。
第4步
选择文字工具(T)的名字写你的布局。
我用的颜色#e1d1e5和无数的专业粗体斜体字体。
激活指南(按Ctrl/Cmd+;),当你看到下面的图片,选择移动工具(V),并安排您的文字层。
双击您的文字层,打开图层样式窗口,从下面的图片中使用的设置。
第5步
现在,我们将添加一个微妙的径向渐变下方的标志。
转到图层>新建填充图层>渐变,从下面的图片中使用的设置。
我创建了一个白色到透明的渐变。
当打开“渐变填充”窗口,您可以在图像上单击并左右移动的梯度。
移动下方的标志。
然后将这个图层的混合模式为叠加40%,在“图层”面板中的文字层下面移动。
第6步
创建一个新组(图层>新建>组),将其命名为“导航栏”。
然后选择圆角矩形工具(U),设置半径为6px的,并创建一个圆角矩形的尺寸为50像素和颜色#7a4c88的950px的。
您还可以激活指南,以帮助你创建这个形状。
命名此层为“导航栏”,点击它,然后使用下面的图片设置为渐变叠加。
第7步
选择文字工具(T)和写您的导航菜单项的名称。
我用的字体无数的专业Semibold的,和颜色#e5dde7。
然后,这些文字图层的设置,从下面的图片添加阴影。
更多分享请登陆创美优品