当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop教程:绘制特色质感博客首页模板

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

Photoshop教程:绘制特色质感博客首页模板


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-01   浏览: 137 ::
收藏到网摘: n/a

第1步:选择>文件>新建文件(快捷键ctrl+N),大小为1200 x 1060像素,填充颜色#1b2022,(填充前景色快捷键Alt+Delete),

第2步:选择矩形工具(快捷键U)属性设置为,创建一个宽约1100像素,高约950像素的矩形,颜色为白色

第3步:选择图层样式(点击图层面板上),描边>外描边

第4步:选择矩形工具(快捷键U)创建3个矩形,效果如图:

第5步:在灰色矩形图层下方新建图层(快捷键ctrl+shift+N),选择钢笔工具(快捷键P)填充黑色,效果如图,然后在另一边重复此操作,

第6步:选择灰色矩形图层,选择滤镜>杂色>添加杂色

第7步:然后在次选择滤镜>渲染>光照效果,样式:默认值,光照类型:点光

第8步:新建层(快捷键ctrl+shift+N)选择矩形选区工具(快捷键M)创建和粉红色矩形层一样的大小德选区,,选择渐变工具,从#ebb3b2色 到透明,从上往下拉渐变,然后图层不透明度改为20%,效果如图:

第9步:新建图层,使用矩形选区工具(快捷键M)填充#7c1922,效果如图

第10步:然后图层不透明度改为25%

第11步:新建图层,选择吸管工具(快捷键I)吸取灰色矩形颜色,然后创建一个小三角,填充颜色,效果如图

第12步:选择圆角矩形,半径为2像素,颜色为#333636,

第13步:添加文字,选个自己喜欢的图标,使用我这个从这里下载 >>

现在你应该是这样的

第14步:现在如入正文文字,选个喜欢的图标,使用我这个从这里下载 >> ,如图所示

第15步:现在我们要做条虚线,新建文件,大小为4 x 1px

第16步:然后选择编辑>定义图案,然后关闭文件,返回您的网站,新建层,创建高1像素的矩形条,填充白色,

第17步:选择图层样式>图案叠加

第18步:在右边做一个圆角矩形,半径为2像素颜色为#fff3ab,