用Photoshop创建一个简洁的蓝色导航框

步骤1

首先创建一个新文档并将其设置为510X440像素大小,用浅灰色#343435和深灰色#222222从左上角到右下角放射状渐变填充背景。

步骤2

创建一个新的图层(Layer 》 New 》 Layer)。选择圆角矩形工具,将其半径设置为10像素大小,画出一个300X300像素大小的方框。

步骤3

用#007ccb和#004877从左上角到右下角放射状渐变填充图层。取消选择按Ctrl+D。

步骤4

现在我们要给这个导航框添加阴影。选择Layer 》 Layer Style 》 Drop Shadow,然后使用如下设置:

现在你的方框看起来应该是这样的:

分类:

  • PS入门教程
时间: 2024-10-17 11:25:09

用Photoshop创建一个简洁的蓝色导航框的相关文章

Digg目标是创建一个“简洁、灵活”的服务

摘要: 据国外媒体报道,谷歌(微博)宣布将在今年7月1日关闭Google Reader之后,社交新闻聚合网站Digg上周公布了打造自己的RSS阅读器的计划.现在,更多的信息浮出水面,Digg对这个计划非常认真 据国外媒体报道,谷歌(微博)宣布将在今年7月1日关闭Google Reader之后,社交新闻聚合网站Digg上周公布了打造自己的RSS阅读器的计划.现在,更多的信息浮出水面,Digg对这个计划非常认真,并且根据用户反馈发布了一些原则. Digg综合了用户发布的800余条评论,总结出了以下四

PhotoShop创建一个怀旧复古的网页效果设计制作教程

利用PhotoShop设计创建一个怀旧复古的网页效果,主要用到两张材质素材,来打造一种破旧复古的效果. 教程效果图: 1. 打开photoshop,新建空白文档,文档大小为800*1200; 2. 打开素材图片1,按Ctrl+Alt+T调整大小为800*1200; 3. 给背景填加烧坏效果.设置前景色为黑色.选择渐变工具选择的前景色到透明,混合模式为软柔光与不透明度:30%. 分类: PS入门教程

Photoshop创建一个镀铬车徽效果

1.创建一个600*450 RGB模式 72dpi的透明背景文档. 使用Alt+Backspace填充新层.并应用渐变叠加图层样式       2.添加颜色叠加效果,叠加颜色#990000     3.输入文字"4"并进行相应设置,颜色为#999999   输入X并进行编辑   复制左边的4到最右边,效果如下:   4.对文字层做图层样式,描边3像素,颜色#666666     5.我们将描边样式从层中分离出来. 在图层的"FX"图标上右键点击,选择"创建

用photoshop创建一个美丽的标志

  本教程相对简单,适合所有PHOTOSHOP爱好者! 老规矩,先上效果图: 1.在photoshop中建立您的文件. 2.选择字体. 以下是几个坏字体的选择 以下是几个不错字体的选择 通过对字体的观察,我想尝试用2种不同的字体拼凑"BLUE"和"LAGUNA" 最后选定标志的字体. 3.加上一个象征,丰富标志. 选择一个合适该标志主题的图片 现在看起来还不够漂亮,但这只是一个良好的开始. 创建细节 添加阴影 现在让我们尝试把女孩的脸放在标志的左边并添加一些标语,稍

Photoshop制作一个漂亮的蓝色透射光晕

  光晕看上去并不复杂,不过包含的细节很多,如底部透明度较低的发射光束,边缘部分的光环及顶部的一些小光斑等.这些细节非常重要,制作的时候需要非常细心. 最终效果 1.新建一个1000 * 750像素,分辨率为72的画布,选择渐变工具,颜色设置如图1,然后由左下角至右上角拉出图2所示的线性渐变作为背景. <图1> <图2> 2.新建一个组,命名为"底层光束",如下图. <图3> 3.需要完成的效果如下图. <图4> 4.在组里新建一个图层,

Photoshop制作一个简洁的复古播放器图标

作者制作图标的方法非常不错.思路:先构思,最好能画出稿图:然后由图标的底部开始制作,用矢量工具或钢笔勾出轮廓,填色后用图层样式增加颜色和质感,局部区域用纹理素材或滤镜等增加纹理即可. 最终效果 1.新建一个1000*800的文档,添加一个渐变调整层,做一个#b4b097到#4e473a的90度的径向渐变,设置缩放为150%,勾选仿色,防止出现色块. 我想大家一定很好奇,我的截图径向渐变中的浅色为何不居中,而是位于中部居上,看我们的GIF演示. 在渐变填充的状态下,我们把鼠标指针放置到屏幕上,出现

Photoshop创建一个文字填充的文字排版

  先看下最终效果:         注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:182958314欢迎你的加入 分类: PS入门教程

创建一个干净、简洁的个人概要网页界面

教程细节 软件:Adobe Photoshop 版本(最好是):CS5 难度:简单 预计完成时间:1-2小时 最终效果 下载原文件 Demo 在这个设计教程中,我们将要使用Adobe Photoshop创建一个简洁.优雅的个人概要的网站界面,适合在手机或者ipad中浏览.在这个教程中,我们将要接触到以下元素:简单形状(矩形.线条.箭头等等),图层样式(很多).字符.段落样式以及许多你可以应用于你的界面设计中的设计技巧和Photoshop技巧.完整的代码版本可以在ThemeForest上的 Sty

PS网页设计教程XVI——在PS中创建一个摩登实验室风格的网页设计

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的