PhotoShop制作3D立体Logo与网站导航教程

  Hi~在这辑Step by Step中,我将教大家使用几个简单的渐变和图层样式制作超酷的3D网页,如果你想让你的网页脱颖而出,那你绝对不能错过这辑,

  开始吧~

  效果图:


  Step 1

  创建一个 1000x750像素大小的文件,双击背景图层将其变为可编辑的图层,并打开图层样式>颜色叠加,用#47382e叠加。


  Step 2

  打开标尺(视图>标尺),按下图添加一些参考线


  Step 3

  用矩形工具创建一个矩形,将该图层命名为header.


  Step 4

  将前景色设为黑色,选择椭圆工具创建一个阴影区域,大小要高于白色的矩形。将椭圆形图层命名为shadow,并将其置于header图层下面。

  然后打开滤镜>转换智能滤镜,之后滤镜>模糊>高斯模糊,半径为10像素,并把不透明度设为60%,得到下图效果:


  Step 5

  选中header图层,双击打开图层样式,选择渐变叠加,按照下图参数设置。


  Step 6

  使用直线工具画一条亮红色直线,然后再用黑色画另外一条直线(1像素),之后将红线和黑线图层编组,组命名为 vDivider。打开图层>图层蒙版> 现实全部。

  使用径向渐变工具,从黑色到白色,自上而下拉去,在组上添加渐变效果。


  Step 7

  使用文字工具创建导航栏(字体白色)。然后将所有标签编组,命名为White Links。复制这个组,将其置于white links组下面,将字体颜色设为黑色,

  然后将其向上和向左移动1像素大小的位置。这样是为了制作3D效果。


  Step 8
分类:

  • PS入门教程
时间: 2024-10-01 23:49:14

PhotoShop制作3D立体Logo与网站导航教程的相关文章

PhotoShop制作3D立体火热烙铁文字效果教程

教程教大家用PhotoShop制作3D立体火热烙铁文字效果,主要用到一张夕阳素材来叠加火的效果,喜欢的同学赶快来学习一下吧! 最终效果图: 素材图片晚霞: 1.首先打开素材图片,全选图片(ctrl + a)或根据需要使用选框工具(m)选取图片中的一部分,复制(ctrl + c).将工具栏中调色板前景色和背景色分别设置为 白色和黑色.再新建一个 photoshop 图像文档,背景色为黑色,宽度和高度比素材图片宽度和高度大一些,以便在后面的步骤中调整.将刚复制的图片粘贴(ctrl + v) 到新建的

PhotoShop制作绿色立体春天花纹字体效果教程

教大家用PhotoShop制作绿色立体春天花纹字体效果,主要用CDR和PS来完成,前面的字体设计需要CDR去做,后面的效果则在PS里完成,喜欢的同学赶快来学习一下吧! 先看 photoshop教程效果图: 分类: PS文字教程

Photoshop制作3D立体效果的无缝图案

  本文向大家展示的只是一个思路,如何创建一个简单的3D立体效果的无缝拼贴图案,其实并没有涉及什么技术问题,只是思路而已,希望大家可以从本文中学会如何创建无缝图案的思路,灵活的运用并加以创新,创建一些简单的.有趣的图案. 效果图: 制作过程: 分类: PS入门教程

photoshop制作漂亮立体的胶卷ICON图标教程

给各位photoshop软件的使用者们来详细的解析分享一下制作漂亮立体的胶卷ICON图标的教程. 教程分享: 1.整体的大统一,就是光源,大胆的使用明暗对比可以增强图标的视觉冲击,吸引眼球.值得强调的是,高光和阴影绝对不是纯黑和纯白,要注意环境色的影响.   2.拟物类图标,重点拼在细节和明暗对比上,其中透视也是重要环节.在设计之始,先画一个简单的线框确立好统一的透视关系.   3.先用钢笔工具,画一个大概外轮廓,相近的颜色.关于矢量钢笔组合多多尝试钢笔路径操作.   4.细致刻画,增加或者减少

PhotoShop制作3D立体花纹字教程

本教程学习用Photoshop的笔刷和图层样式简单打造漂漂的3D立体字效果,文字主要通过图层样式来完成,花纹用笔刷. 先看效果图 photoshop教程 新建文档800x500像素,背景白色.输入文字,颜色分别为#6a8af3.ff79fd和ff9c79. 右击文字层,栅格化文字. 复制此层,添加图层样式. 效果如下. 按住ctrl和alt键点击下方向键几次,复制几层,形成一定厚度. 合并所有文字层,添加投影样式. 用魔棒把字母的正面选出. 分类: PS文字教程

PhotoShop制作3D立体文字效果

新建文档1024x768像素,背景白色,输入黑色文字. 右击文字层,栅格化文字,ctrl+T变形如下. 回车确认变形,按住ctrl+alt+上方向键,复制一些图层,(我复制了14层)然后把这些图层合并,除了顶层和底层. 选择底层,添加图层样式. 分类: PS文字教程

Photoshop制作3D小人推动切割的艺术字教程

效果图: 教程开始: 1.开始创建一个新的文件大小为1000×500像素,并填充颜色#f4f4f4. 2.新建图层,用椭圆选框工具,拉出如下图形的选区,并填写由黑色到透明的渐变. 按Ctrl+D删除选区,执行'滤镜>模糊>高斯模糊'数值如下. 3.新建图层,用较粗的英文字体在画布中输入文字'PSXT',颜色为:#262223 4.为文字添加图层样式:斜面和浮雕,渐变叠加,数值如下. 分类: PS文字教程

Photoshop制作3D效果的暗红色艺术字

本教程主要使用Photoshop制作3D效果的暗红色艺术字,教程主要使用图层样式的参数设置和3D滤镜来完成,整体的效果非常漂亮的,喜欢的朋友让我们一起来学习吧. 首先看一下最终效果图: 具体的制作步骤如下: 2.输入文字3d,大小设置为220点.然后执行 图层-栅格化-文字,将文字图层栅格化. 3.按住ctrl键,单击文字图层缩略图,载入文字选区.执行 选择-修改-扩展 将选区向外扩展20像素,按下ctrl+delete键填充背景色(白色),然后按下ctrl+d取消选区. 4.按下ctrl+t

PhotoShop制作一个立体3D编织球体Logo图标教程

几个星期前,我的朋友想知道如何用photoshop制作3D球体,我不知道这该怎么做,但我对此真的很感兴趣,因此我觉得尝试一次 因此在这个教程中我会教你如何制作一个不错的3D球体,只用到简单的工具和滤镜,时间只要30分钟,但这个技术真的很有用,特别是对图标和Logo 效果图: 第1步 打开photoshop,然后使用矩形工具(U)创建一个矩形,然后开始复制,知道你有7个矩形,并将他们组合成一个网格 第2步 创建一个圆形选区,就像下图一样 第3步 点击滤镜>扭曲>球面化,数量100%,模式正常 第