• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Photoshop设计游戏简洁风格的标志教程

Photoshop设计游戏简洁风格的标志教程

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了等相关知识,希望对您有所帮助

本文将通过一个实例教程展示如何利用photoshop(版本:cs2)制作一个美观的LOGO,适用于游戏题材网站,喜欢的朋友让我们一起来学习吧。

先看看效果图:

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

软件:Photoshop CS 2

具体实例:

我的一个客户请我帮他的游戏网站重新设计一个新的LOGO,以下是他目前使用的LOGO和网站头部的截图:

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

注意:位于截图右上角的BLUE LAGUNA.net以及下面的一句宣传语是他目前使用的标志元素。

评价:现有的LOGO最大的问题是不易被识别。当访客来到网站上的时候,第一眼应该看到LOGO。我们知道大家都习惯于先从左向右阅读,而这个LOGO放到了右边而且用了和背景接近的蓝色,十分不易察觉。

并且原有的LOGO设计没有任何鼓舞力,仅仅是采用了大写的Times New Roman字体而已,没有视觉冲击力,所以不容易打动访客。

好了,这就是现状,让我们看看我是如何设计新的LOGO的吧!

第一步.收集信息收集足够的信息是设计成败的关键,但通常我只问客户5个简单的问题就可以了 。

项目名称: “BlueLaguna.Net”;

是否使用宣传语:”Your #1 Source for RPG Media”;

对于配色方案和风格的要求:和目前网站设计风格搭配即可;

打算通过LOGO传递给别人怎样的信息:这是一个严谨专业的游戏题材网站;

其它要求: 不必拘泥于现在的网站头部设计,可以重新设计页面的头部样式。非常直接了当的信息收集,好了,开始制作:

1.在PS中创建新文件:如下图:新建一个文档,以项目名称命名;

并且设置宽度600,高度500,单位像素;分辨率72;模式RGB;背景白。

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

(1600×1200分辨率下的屏幕截图)

2.字体的选择在开始设计的时候,我都会尝试很多种字体来找到最合适的一个。找到最合适的一个需要你有足够的经验,最重要的是要时刻记住客户的要求。这里客户希望新LOGO可以突出严谨专业的特点,那么字体的选择就要稳重大气一些。同时说一句,供你选择字体的字体库越庞大越好,我本人有数千个字体在电脑里。:)

在工具栏选择字体工具并按照下图设置字体属性:

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

在字体的选项卡中,将AV一项设置为-60,这样可以缩短字体间距,显得更紧凑。

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

在空白文档中间输入LOGO的内容:BLUE LAGUNA;

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

保持LOGO字体为选中状态,在字体的状态栏中选择合适的字体:

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

在这里通常有三种方式选择字体:

按“↓”键查看字体变化

点击下拉箭头查看字体的预览图

下载一个字体预览程序我通常使用第一种方式来寻找合适的字体。

当你找到了你认为最合适的字体时,这时要将该文字图层复制,并将底稿隐藏,只在复制的图层上进行下面操作,这样可以保留住底稿,以防修改失败后找不到这个字体。

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

3.字体分析因为我们需要找到一个可以给人严谨感觉的字体,所以在分析字体这个过程中我们要多下点功夫。

我找到了几个不太合适的字体:

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

第一种字体过分闲散,处处透着一股不专业的味道;

第二种则显得很笨拙,通常作为LOGO字体来说,带内投影的字体都不太合适;

第三种字体毫无规则可言,所以NO WAY.

第四种采用了书法体,但已经过时了,更不用说字体上的水滴效果,实在是无力吐槽;

最后一种主要问题是不易识别,记住,LOGO字体首先要清晰可读。

以下是我认为适合这个项目的字体:

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

我们可以看到,除了第4和6,其它字体非常相似;

1235字体非常简单而且严肃;

虽然第4个字体与众不同,但仍然可以体现出严肃的感觉,我之所以认为它合适是因为它可以讲BLUE和Laguna两个单词连接起来;

第6个字体非常的粗,但除了严肃好像也没什么了。

4.最终确认字体当你找到几种认为合适的字体后,这时可以对其进行组合搭配查看不同的效果。对于多个单词的LOGO,大多数时候使用不同的字体会更好;还可以使用一种字体,但改变不同单词的颜色。

这里我们是BLUE和LAGUNA两个单词,我对上面6组字体进行不同的尝试拼接后,得到了下面的结果。我将第二个单词加粗之后,这样LOGO既可以保持连续性,也容易被识别出这两个单词。

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

5.为LOGO添加其他元素其他元素指的是除了文字以外其他任何可以用到LOGO上面的元素。

到现在为止,我的文档是这个样子的:

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

 

我现在已经停下了操作,开始盯着屏幕思考下一步的设计。所以我会边看着半成品边揣摩不同的主意从而让我的设计更吸引人。所以,我需要认真思考我的LOGO应用在怎样的一个项目/产品/服务上面。好吧,BlueLaguna.Net是一个主要提供RPG游戏视频的网站,或者说是一个游戏媒体。当然,并不需要把RPG游戏媒体这俩元素(RPG游戏+媒体)都融入LOGO,因为那样可能会弄得LOGO过于复杂和臃肿。事实上,RPG是角色扮演的意思,比媒体更形象化,所以在RPG游戏上面做文章更好。

那么,到底什么是RPG游戏?

我打开了客户的网站,发现网站上面有个3d美女图片,莫非这个3D美女和RPG游戏有什么关系(我承认我不是个游戏迷)?所以为了验证我的想法,我打开了谷歌图片,搜索RPG,我看到了在前几个结果中出现了若干个不同的美女角色图片(和那个3D美女风格接近),所以我觉着也许这位3D美女头像是一个绝佳的素材,而事实上,使用一些新奇的武器以及神秘的物品也可以代表RPG游戏的含义。但我还是喜欢美女。

现在我脑中有了一个轮廓:美女娇美的脸庞+选好的字体。

使用钢笔工具完成绘制

如果说PS最适合做LOGO的工具,那么我认为没有什么可以比得上钢笔工具。钢笔工具可以帮你绘制任何矢量形状,可以方便转换成图层,只要运用的熟练,你可以用这个工具临摹任何复杂的图片,从而获得选区。

以下是我谷歌的RPG角色图片,我现在准备用她做素材制作LOGO:

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

首先用裁剪工具裁掉下半身,并ctrl+A,ctrl+c以及ctrl+v粘贴到LOGO文档中:

Photoshop设计游戏简洁风格的标志教程,PS教程,站长图库

绘制矢量形状:

选择钢笔工具:

Photoshop设计游戏简
  <script async src=

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • phpcms v9添加热门搜索关键词的方法
  • 这几个WordPress插件存在高危漏洞!
  • JavaScript的math方法有哪些
  • 浅析利用nodejs怎么给图片添加半透明水印(方法详解)
  • MySQL的where查询的重新认识
  • 宝塔Linux面板之修改MySQL默认保存位置
  • PHP如何使用mysqli_real_escape_string()函数?
  • 关于24小时快速排名SEO优化关键词排名前三的猫腻
  • Photoshop制作精致的黑光水晶导航按钮
  • 手把手带你在小程序中实现保存图片组件功能

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 让padding、border等不占据高宽度的方法
    • 一分钟学会PHP中关于封装验证码(上)
    • 聊聊TP在app接口开发过程中的安全验证问题
    • Node.js设置NODE_ENV时发生错误怎么解决?
    • CDR快速制作质感立体字
    • PhotoShop打造水与火的碰撞视觉特效合成教程
    • phpsotrm设置内存限制后打不开了怎么办?
    • 聊聊怎么将小程序项目转为uni-app项目
    • 浅谈CSS如何实现九宫格提示超出数量
    • 详解WordPress文章阅读量如何统计和显示(非插件)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有