分类:知识常识

Google Fonts 网站全新设计,免费下载八百种英文字体!

No Comments

  Google Fonts 网站全新设计,免费下载八百种英文字体!
  Google Fonts 网站全新设计,免费下载八百种英文字体!
  者按:Google Fonts终于改版了!这次重设计不仅让操作和浏览都更加顺手,而且加入了免费字体精选和超方便的实时预览测试功能,看到喜欢的字体可以直接下载TTF或嵌入页使用,赶紧来尝尝鲜!
  Google Fonts 免费字体站一直是我非常喜爱的 Google 服务,其中收录大量开放原始码字型项目,让用户透过目录筛选的方式找到自己需要的字型资源,除了免费下载也能藉由产生程序代码将字体内嵌到站使用,大家都知道 Google 拥有相当庞大的络联机能力,因此络字型不仅能让文字样式更多样化,也不会对加载速度造成影响,之前 Google Fonts 已将中文思源黑体放入 Early ess 测试页面,用以改善中文页的文字显示效果。
  不过 Google Fonts 一直以来为人诟病的是页动线设计不佳,甚至没有搜寻功能,还有国外开发者将它重新改造,推出更易于使用操作的替代方案 FontCDN,但这始终不是个最佳解决方案,终于 Google 把站砍掉重练,现在的 Google Fonts 设计焕然一新!
  一打开全新 Google Fonts 站后,映入眼帘的是维持一贯干净简洁 Google 设计风格,右上角内建四种配色调色盘,可随意切换成自己喜欢的颜色组合。
  首页列出一些精选的免费字型,设计师们很熟悉的 Open Sans、Roboto、Lato 和 Oswald 等等字型组合,直接在字型上进行实时测试,包括切换大孝字符预览或不同字重的显示情形。
  值得一提的是 Google Fonts 终于加入搜寻功能!当然你也可以就不同的字型种类来进行筛选,当然字型下载、嵌入功能仍然是站的主力项目,不过现在还会以图表显示出该字型在不同国家地区的使用比例。
  开启 Google Fonts 新站后,直接在首页就能测试不同的字型显示效果,不过这些英文字型无法套用于中文上,测试时也不能使用中文。预览时能调整不同字重和文字大小,相较于原本的 Google Fonts 来说确实更直觉更好用。
  开启任一个字型页面后,会有非常完整详尽的介绍,假如对于一个字型项目有兴趣,还能找到它的设计者及背景。最重要的是每个字符的呈现效果预览,亦能输入文字来测试不同字重和字号显示情形。
  在字型页面右上角点迅SELECT THIS FONT」后,再点选右下角就能开启下载功能。
  这里区分成嵌入装置或直接下载字型档案,Google 建议使用者透过类似 SkyFonts 之类的字型管理工具,确保计算机上拥有最新版本的字型档案。
  如果字型有多种字重,还可以依照需求单独选龋
  透过 Google Fonts 产生的 Embed Code 就能够将页字型套用到自己的站部落格。
  若你选择的字型数量太多,可能会影响到页加载速度,尽量保持 Load Time 为绿色状态。
  上面大致介绍从 Google Fonts 取用免费字型的方法。
  另一个 Google Fonts 的新设计我很喜欢,就是能测试热门的字型搭配组合,例如在 Lato 中会提供与其他字型配对,能够测试一下把两个不同字型分别运用在标题和内文时产生的效果。
  Google Fonts 在经过大翻修后提供用户更好的界面使用体验!Google Fonts 目前收录八百多种字型,虽然没什么中文字型选择,仍带来非常多的设计与排版灵感,以及如何改善页阅读,如果喜欢字型的话,别忘了到全新的 Google Fonts 页走走,保证令你大吃一惊。
  全新 Google Fonts 设计,操作及浏览上更顺手好用
  内建搜寻筛选,更快找到自己需要字型组合

Categories: 知识常识

PS合成由小蝙蝠构成的蝙蝠侠头像教程

No Comments

  PS合成由小蝙蝠构成的蝙蝠侠头像教程
  PS合成由小蝙蝠构成的蝙蝠侠头像教程
  这次用的工具都是非常基础的工具了,只是不同工具组合出来的效果不同罢了。其实能做到这些效果的工具组合是很多的,我选择了我最顺手的组合,大家在实战的时候也应该会有自己最顺手的工具,所以不一定完全和教程中的一样。
  在寻求灵感拟定剧本的时候,我们往往需要找一些参考,如下图。
  以下便是我以脑海中的想法为基础,最终选定了3个主要素材。
  1、打开PS,新建一个画布,我尽力的是竖版的画布,把背景层填充黑色。然后用柔边画笔工具给画布先打个大概的光源,并给图层编组,命名为背景。
  再从准备好的蝙蝠素材里挑选出几只不一样的蝙蝠,分别做一些旋转变形,让他们看起来是独立的个体,如下图。
  2、把变换好的蝙蝠合并成一个图层,复制一些,并且都做相应的变换调整,让他们看起来没有规律。
  3、就像刚才说的,多复制一些,复制成一个蝙蝠侠头部的外形就可以了,并给图层编组命名蝙蝠群。
  4、现在开始就是比较关键的部分了,把准备好的蝙蝠侠素材拉到PS里,因为我们要的效果是蝙蝠群的光影对比构成的蝙蝠侠形象,所以不需要特别清晰的边缘轮廓。把素材高斯模糊两到三个像素,如下图。
  5、把模糊之后的素材放置到已经复制好的蝙蝠群上,并且建立图层蒙版,把蝙蝠侠多余的部分擦掉,让蝙蝠侠的脸部保持在蝙蝠群的范围内,如下图。
  6、现在把蝙蝠侠素材的混合模式改为“叠加”,得到如下左图的效果,这时候有些效果了,但还不明显;然后把混合模式为“叠加”的蝙蝠侠素材复制一层,并建立剪切蒙版,让他不会超出原本的范围。
  再将不透明度降低少许即可得到如下右图的效果,这样比之前对比要强烈很多,但丢失了部分细节。
  7、现在给已经做好的效果添加一些少许改动,建立一个色阶调整图层,同样建立剪切蒙版,让这个调整图层只针对蝙蝠侠素材进行调整,参数如下左图,最终得到如下右图的效果。
  8、现在我们要对蝙蝠侠的面部做一些调整,因为有些地方的明暗不能通过快捷的调整图层得到。如下左图,圈出来的部分光影有些奇怪,需要进行改进。
  方法就是新建图层,并用柔边画笔在红圈部分进行擦除,让该暗的地方暗下去,得到下右图。
  9、蝙蝠侠调整完了,现在我们来调整蝙蝠群的细节。给蝙蝠群图层组新建一个黑色填充层和反相调整图层,同样建立剪切蒙版,让这些图层只针对蝙蝠群图层组进行调整,图层混合模式都为“叠加”。
  用蒙版把黑色填充层的人脸部分擦除,只保留蝙蝠群边缘的加深效果;对反相调整图层的蒙版进行擦除,只保留亮部的细节,将暗部去掉。这一步需要很大的耐心。
  10、继续调整蝙蝠群组,新建一个色阶调整图层和一个色相/饱和度调整图层,依旧建立剪切蒙版。用色阶把整体压暗,因为我们做的是背光效果,然后在色相/饱和度图层上把饱和度降到最低。
  色阶参数如下左图,这样蝙蝠群图层组就调整好了,如下右图。
  11、基本明暗关系调整完了,现在我们给蝙蝠群加上动态效果。
  把蝙蝠群组复制一层,合并图层组,添加:滤镜 > 模糊 > 动态模糊,1到2个像素即可,如下左图。然后分别为动态模糊层和蝙蝠群图层添加蒙版。
  因为我们的视线聚焦的部分不会是模糊的,所以把动态模糊层的视觉中心部分擦除,保留边缘,然后为让动态模糊更自然,我们把蝙蝠群图层组的边缘部分擦除,只保留中心部分。

Categories: 知识常识

Photoshop制作古色古香的端午节贺卡教程

No Comments

  Photoshop制作古色古香的端午节贺卡教程
  Photoshop制作古色古香的端午节贺卡教程
  端午节就要到了,想必大家都吃了粽子吧,但对一个设计师而言,怎么能仅仅光想着吃呢!所以桂桂一边吃着粽子一边创作了这件作品。
  首先把“台子”搭建好,Ctrl + N 快捷键新建一个1920 * 1080的白色画布,然后将“木质背景”拖入到背景中去。
  下面来做盘子,盘子的制作其实很简单,使用椭圆工具按住Shift画一个正圆,然后双击打开图层样式添加阴影;上面的空心圆是用两个圆形路径,然后减去顶层形状而已;而盘子上的花纹则是下载的素材。
  字效的制作主要是图层样式及素材的结合搭配,首先分别建立“粽”与“子”的文字图层,字体为“腾祥嘉丽超粗圆简”,然后将这两个文字图层以合适的大小摆放在盘子中。我们以“粽”为例讲解制作教程。
  首先双击此图层打开图层样式进行调整。
  按照以上参数进行设置后,就可以得到下图的效果。
  接下来导入米粒素材,并创建剪贴蒙版,然后将这两个剪贴蒙版复制两层,第一层图层模式为“强光”,第二层图层模式为“线性加深”。
  使用相同办法制作“子”这个图层,效果图如下。
  现在光秃秃的怎么行,粽子当然是用粽叶包起来的,导入“粽叶”素材,然后在两个文字图层的下方新建图层组并命名为“底部棕叶”,然后将棕叶排列到文字的底部。为了做出盘子凹陷感,在上方再新建一个正圆形,填充改为“0”,然后图层样式勾选内阴影,适当调整颜色以及不透明度。

Categories: 知识常识

AI教程!手把手教你绘制细节丰富的红色大巴车

No Comments

  AI教程!手把手教你绘制细节丰富的红色大巴车
  AI教程!手把手教你绘制细节丰富的红色大巴车
  编者按:今天来个进阶版的AI教程,绘制一辆红色大巴车,教程依然非常高质量,而且所有操作都有快捷键标注,能帮你尽快熟悉快捷键的运用,大幅度提高设计效率,适合新手以及有基础的同学练习。
  点击 Control-N创建一个新文档。 从单位的下拉菜单中选择像素,在宽度框中输入600,在高度框中输入440,然后点击高级按钮。 选择RGB,屏幕并确保在点击确定之前使新建对象与像素格对齐框未被勾上。
  启用格并对齐格。 首先,你需要每一格为5px,所以只需要转到编辑>首选项>参考>格,在参考线间隔框中输入5,在细分框中输入1。 尽量不要试图将所有格阻碍——它将使你的工作变得更容易,并记住利用Control-”快捷键,这样你将会很容易启用或停用格。
  你也应该打开信息面板得到你图形的实时位置和大校 不要忘了从编辑>首选项>单位>常规中设置单位量为像素。 这些全部的选项将增加你的工作速度。
  选择矩形工具并注意到你的工具栏上。 移除描边的颜色,然后选择填充并设置它的颜色为R=231 G=40 B=32。 移动到你的画板上并创建一个 370 x 175 px的矩形——启用格并对齐格会使你的工作变得更容易。
  回到你的工具栏上并用任意颜色替换现存的颜色。 确保你的矩形工具一直是活动的,创建一个15 x 35 px的形状并将其准确的放置在如第二张图所示的位置。 选择这一步的形状,打开路径查找器面板并点击减去顶层按钮。
  着重于左边生成的形状,转换到添加锚点工具并如第三张图所示添加一个新锚点。 再次启用格并对齐格的特点将派上用常
  保持关注到你的形状的左边并选取直接选择工具。 首先,选择顶部的锚点并将其向右拉动15px,然后选择其他高亮的锚点如下图所示向下拉动5px。 最终应该看起来像第二张图一样。
  使用矩形工具,创建一个5 x 95 px的形状并将其准确放置到如第一张图所示的位置。 选择红色形状旁边的新矩形并从路径查找器面板中点击减去顶层按钮。
  把目光投到你的红色形状并选取直接选择工具。 逐个选择下面图中被高亮的锚点,移动到顶栏,聚焦到圆角框并输入下面图所示的值。
  这个特点仅可用佑没В詈玫慕饩鎏婊徽飧鲂Ч姆椒ㄊ窃不我饨堑慕疟荆?将其保存到你的硬盘上,回到Illustrator并抓取直接选择工具。 再次逐个选择下图所示的高亮的锚点,并转到文件>脚本>其他脚本。 打开圆化任意角脚本,输入如下图所示的圆角框中的值,然后点击确定。 尾部的结果可能在一些情况中看起来不同,这意味这你可以增加/减少圆角框中所提到的值。 你的红色图形的尾部应该看起来像第二张图一样。
  利用矩形工具,创建2个55 x 65 px的形状,选择任意蓝色作为填充色,然后将这些新形状放置在如第一张图所示的位置。 选择2个矩形并转到效果>风格化>圆角。 输入27px半径,点击确定按钮,然后转到对象>扩展外观。 确保生成的形状被选中并使用Control-8快捷键将它们转化成一个简单的复合路径。 选择它以及你的红色图形并从路径查找器面板中点击减去顶层按钮。

Categories: 知识常识

27款张力十足的中文书法字体免费打包下载(个人非商用)

No Comments

  27款张力十足的中文书法字体免费打包下载(个人非商用)
  27款张力十足的中文书法字体免费打包下载(个人非商用)
  27组免费打包的中文字体素材都在这了,赶紧下载备用!
  举个例子,大家在近期的部分宣传中都看到了“书法”的广泛应用。
  设计师们的尝试使书法艺术更具创意与活力,当书法遇见商业字体设计,效果简直酷毙了!

Categories: 知识常识

Photoshop制作非常酷的多层次镜片人像效果教程

No Comments

  Photoshop制作非常酷的多层次镜片人像效果教程
  Photoshop制作非常酷的多层次镜片人像效果教程
  效果图非常有创意,制作方法也不难,我们先把所需的图片按顺序切片,然后排列起来,再复制进行相应的模糊处理,然后重新排列及调整切片大小,重复几次后整体润色即可。
  1、选择恰当的原始素材非常重要。笔者选择了跟MV效果类似的黑色背景肌肉男,以求尽量模拟出MV效果。或者其他类似的素材都可以。
  2、打开Photoshop,将素材置入,然后选择裁剪工具裁剪素材,只留下头部和颈部。这样可以保留更多的横向空间,对设计构图是很有必要的,并且与MV中的宽屏显示方式一致。
  3、选择“图层>新建>通过拷贝图层”,将背景图层复制为新图层。
  4、选择“图层>新建>新图层”,命名为“Black”,将新图层放在背景图层和复制图层中间。
  5、选择“编辑>填充”,内容识别选择黑色,将新图层填充为全黑色。
  分散镜面反射的设计原理很容易理解,并且容易制作。制作的关键在于选择好各种宽度的分隔条。
  1、选择复制图层Layer1,选用矩形选框工具,在右耳创建一个细长的矩形选区,如下图所示。
  2、选择“图层>新建>通过剪切的图层”,将刚才选区内的图像剪切到新图层中。
  3、点击图层蒙版中图层缩略图的小眼睛来隐藏图层。
  4、重复刚才的步骤,不断从Layer 1中剪切出新图层,大约10次,一直到人物的肩膀。
  5、将Layer 1隐藏起来,然后将全部的剪贴图层显示出来。
  6、选择最左边的剪贴图,用移动工具移到画布最左端;同样选择最右端的剪贴图移动到画布最右端。
  7、在图层面板中,按着Shift 将全部的剪贴图层都选上,然后选择“图层>分布>水平居中”,这样全部剪贴图层就会均匀地分布在画布上。
  8、继续选上全部剪贴图层,选择“图层>图层编组”,将全部剪贴图层归入一个注重,命名为Mirror 1。

Categories: 知识常识