平面设计
位置:首页>> 平面设计>> Photoshop教程>> 从零开始教您设计一个华丽高档的网页[译](5)

从零开始教您设计一个华丽高档的网页[译](5)

作者:maidoumao 来源:译言 发布时间:2009-03-22 15:09:00 

标签:photoshop,Web设计,网页

第九步

现在这一步打开标尺(按下CTRL+R)绘制一组引导线。分别在50px,320px,610px,900px分别绘制四条线将页面划分为三栏。至少这些是我已经用过的数值。看看我的屏幕截图,我才发现第三条线已经出界了。。。哦!

反正我已经所有元素放入空间里去了。但是如果要做多重页面,可能就按照其他方式用网格。像这样只是设计主页,我打算用一次这三栏——一会儿以后。

第十步

来,现在我们绘制第一个黑色方框。保持标尺和引导线打开状态,新建一个图层从一边到另一边绘制一个方形选取框。用黑色填充,再将透明度设置为80%,右键点击图层选择混合选项。点击“比划”,然后在外边加1px的白色笔画,设置为重叠模式。这样边界看起来更酷,黑色盒子看起来更锐利。

0
投稿

猜你喜欢

  • 在本文中我们将介绍一种剪切技巧,使图片有部分突破原来的界线。这种设计能够吸引人的注意,也使图片突破原来图片空间的限制,很好地强调了图片中某一
  • 原图效果图1、打开原图,转到LAB模式(图像—模式—LAB颜色),建曲线调整层,对A通道调节如下:2、Ctrl+Shift+Alt+E盖印图
  • 素材图片的色彩有点单调,背景纹理及人物构图都非常不错。处理的时候只要适当的加上一些背景色调,再把人物整体处理一下即可。原图最终效果1、打开原
  • 本教程的调色过程比较简单,不过色调非常经典。调色的方法也比较简单:调色之前先降低图像的饱和度,再适当给人物磨皮及美白。最后用曲线调成蓝色即可
  • 原图 最终效果                 &nb
  • 原图最终效果1、打开原图,复制一层,把副本层的图层混合模式改为“柔光”。2、新建一个图层,按Ctrl
  • 这些年,一直在忙于设计。不是行内的朋友也经常问我,设计究竟是怎么回事。曾经也有部分客户对我们的设计师说,设计不就是电脑改一下吗,电脑我也会操
  •            Photoshop变形工具图层样式做光亮字教程。简单的制
  • 本教程介绍人物照片的综合处理方法。原图素材可以看出人物衣服及发型都比较有古典的味道,因此选取素材的时候尽量考虑用古典元素的。可以自己喜好选取
  • 原图 效果图 经过去斑加工的效果图 原图 效果图 例1: 例2:
  • 一、使用形状图层创建形状。这样做的好处是可以方便的对创建好的形状的大小和颜色进行修改。方法是在选取了形状工具(U)之后,在工具属性栏上选择形
  • (1)一步一步绘制米老鼠。先看一下最终效果:(2)现在开始绘制米老鼠,先用钢笔工具画出米老鼠耳朵的大体轮廓,然后选择菜单“编辑>复制”
  •  先看最终效果下面开始制作!本文为国外教程,进行编译并将步骤更细化的讲解,方便新手学习。一、教学部分。首先我们学习一下photos
  • 本教程介绍自由变形的使用技巧,把以前的变换后图层猛增的弊端去掉,仅在同一个图层按规律复制,效果也完全一样! 1.关于自由变换,大家都制作:编
  • 在这个教程中我们将学习设计并打造一幅非常酷的几何形状文字加Grungy风格背景效果。操作并不复杂。但是效果帅呆了。一起试试吧。同时我们也会学
  • 话说摄影师保罗拿着给女老板照的像兴冲冲走进老板办公室,心想这张像还照得不错,肯定会得到老板嘉奖。不料女老板一看照片,眉头立马皱了起来。“保罗
  • 再次感谢作者再次给我们带来了经典教程。这次是人物调色教程,作者的美感很好,能用最简单的方法调出最优美的效果。作者近期教程:PS制作梦幻的彩色
  • 最终效果 1、新建一个大小适当的文档,新建一个图层勾出大的轮廓线如下图。         &n
  • 本教程介绍耳机的制作方法。制作的时候重点介绍其中一部分的制作过程,其它部分基本原理一样。先勾出图形填充颜色后再调光感。 最终效果1 最终效
  • 本教程的素材图为室内拍摄的照片,光效比较柔和,人物肤色的质感不是很好,背景也比较昏暗。调色的时候可以根据需要适当把人物及背景处理一下。颜色可
手机版 平面设计 asp之家 www.aspxhome.com