首页

十四套PS字体设计教程大集合

蓝蓝

在任何领域,想要做好最重要的事情就是你应该熟悉该领域的相关工具,设计领域的Adobe Photoshop是相当完美的工具,因为你可以利用这个软件很容易的创造许多图象。不仅如此,你还可以在一个漂亮的理想的方式中管理文本,因为 Photoshop支持这类功能。我想说,文本和Photoshop工具可用于创建一些令人惊异的和创造性的图象。如果你能够在你的设计项目中呈现文本, 意味着你拥有真正专业的技能,现在通过以下文字效果教程你也可以很容易做到这一点。

网络上有很多这种教程,但是这次是超乎寻常的Photoshop教程,使你的文本看上去更艺术。使用Photoshop文字效果可以在大部分的设计中很突出。文本效应是最重要的一个要素,设计现在这个技巧的方法就在下面的教程中。

Create a Sports-Themed Text Effect in Photoshop Using Layer Styles

Purple Glow Text Effect

Ridiculously Realistic Scorching Fire Effect!

 

50个最优秀的Photoshop实例教程

蓝蓝

转载蓝蓝设计(   www.lanlanwork.com  )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的   BS界面设计 、 cs界面设计 、  ipad界面设计   、  包装设计 、  图标定制 、  用户体验 、交互设计、   网站建设 平面设计服务

来源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想订阅本博客内容,每天自动发到您的邮箱中,   请点这里

这是2013年度最佳 Photoshop 教程系列文章之文字篇!这些优秀的 Photoshop 教程教大家如何制作各种精美的文字。这些教程是从众多教程中精选出来的,如果你跟着教程一步一步的学些,能够学到很多新技术,例如照片处理,文字效果和绘图技巧等等,成为 Photoshop 高手。

使用 Photoshop 创建一个针织效果的文字

最好的photoshop教程2012

在本教程中,您将学习如何在 Photoshop 中制作精美的针织文字效果。查看教程

 

在 Photoshop CS6 中创建一个缝制牛仔的文本效果

最好的photoshop教程2012

在本教程中,您将学习如何结合 Photoshop 滤镜、画笔和矢量图形创建一个缝制牛仔文本。查看教程

 

使用 Photoshop 创建精美的立体文字

最好的photoshop教程2012

本教程介绍如何使用 Photoshop 实现一种非常精美的立体文字。查看教程

 

在 Photoshop 中使用图层样式创建血淋淋的文字效果

最好的photoshop教程2012

在这个教程中,您将学习如何在 Photoshop 中使用图层样式创建血淋淋的文字效果。查看教程

 

在 Photoshop 中创建一个清脆的金属文字效果

最好的photoshop教程2012

在这个教程中,您将学习如何创建一个清脆的金属文字效果。查看教程

 

如何在 Photoshop 中创建磨制石器文字效果

最好的photoshop教程2012

本教程介绍如何使用多图层样式,渐变内发光技巧和简单的过滤器,创建有光泽的石头文字效果。教程

 

在 Photoshop 中创建一个“可怕”的文字效果

最好的photoshop教程2012

在这个教程中,您将学习如何使用 Photoshop 中的图层样式创建一个“可怕”的文字效果。查看教程

 

在 Photoshop 中创建一个霓虹灯文字效果

最好的photoshop教程2012

在Photoshop中创建可爱的纺织面料文字

蓝蓝

 

在这里咱们就不多加讨论字体的来源定义了,谈谈制作文字显得更加直观些。还有什么是比自己用photoshop制作文字更有前途的呢?吼吼~只需要有一点时间和精力,你就可以把几乎所有创意变成美丽的作品!

嗯哼,所以,今天我要告诉你如何在photoshop中创建一个纺织面料类型的文字效果。来吧,就让我们在有趣的工具和技术下做出我们想要的文字效果!let’s go!

在正式制作文字之前,这里先讲一下资料包的使用(ps加载纹理和笔刷,熟练者请自觉绕过):

一、在photoshop中如何添加下载的图案纹理

本教程所需素材下载:
Fabric patterns by webtreats
Lace Brushes by Merrypranxter

解压该文件得到一个文件夹,里面有一个.pat文件image003,在photoshop的油漆桶工具下,选择油漆类型为”图案“,在图案面板的右边设置图标下选择”载入图案“,把刚才的.pat文件复制过来,点击”载入“就可以了。

image005

二、在photoshop中如何添加下载的笔刷

和上面差不多,你已经下载到了一个.abr文件image007,在photoshop的画笔工具下载入画笔,复制该文件到文件夹里,点击”载入“,ok。

PS教程:制作美味可口的面包圈字体

蓝蓝

面包圈是一种用面粉做成的甜甜圈类型的面包。当它们烤好又闪亮时,看上去真的可口解馋哟!

本教程将会向大家展示如何使用Photoshop强大的图层样式功能、以及一些笔刷和滤镜来创作一些美味的面包圈(效果字体)。

这是最终效果图。

clip_image002

注意:

*本教程中使用的Adobe Photoshop CS6,但是你也可以使用CS3以上任何一个版本。

*你可能想要检查BasixPage 这一页来了解一些关于Photoshop基本操作技巧的有用主题,例如加载色板和一些快捷键。

(译者注:教程所用的纹理和字体已经上传,大家可以去下载哦 网盘下载

注意:你可能需要加在本教程使用的等高线,所以可以查看这张图片来了解如何操作。

clip_image004

第一步

新建1250×1250像素大小的文档(你可以使用任何你想要的宽度值,但是请确保高度值不小于1250)。

选择矩形工具,设置前景色为#d4d0c9,并拉一个眼神到文档边框外一点的矩形。

clip_image006

双击矩形形状图层,设置如下图层样式:

——斜面和浮雕

大小:3

勾选消除锯齿

阴影模式:正片叠底—颜色# a89a86

灵感创意!27例新颖的HTML5网页游戏设计

蓝蓝

HTML5如雨后春笋一般迅猛发展,用户和开发者也渐渐熟悉了HTML5的环境,在游戏开发领域,HTML5更是比Flash更具吸引力。

HTML5在应用开发、图像、视频方面,HTML5的优势凸显,仅需原生代码即可实现。

这里是30例创新十足、魅力无穷的HTML5游戏推荐,闲暇时间点开一个玩玩吧,同时别忘了借鉴一下经验,以后你做类似设计的时候可以作参考!

1) Sand Trap

想办法往桶里面倒沙子,简单又有趣,鼠标点击旋转方块来倒沙子。

1.-sandtrap

 

2) Entanglement

容易上瘾的益智游戏

六角拼图,看似简单做起来难,自己试试吧!

3.-Entanglement

 

3) Galactic Inbox

40个超赞的html5教程

蓝蓝

在这个教程列表上我们为您收集了最具有代表性的各类型HTML5免费教程,它们会帮助你更好的利用html5来优化完善你的web项目,而且让人惊喜的是HTML5的一些热门特性都在这些案例里面体现出来了,相信这些前沿的交互细节会为你的项目锦上添花!教程都很详细,您可以按着它们的详细指南一步步制作,来挑选你的法宝吧。

延伸阅读:
出炉的20个CSS3打包下载(附预览+源码)
给网页设计师和前端开发者看的前端性能优化

Making a Beautiful HTML5 Portfolio

free-html5-tutorials-4

Create offline Web applications on mobile devices with HTML5


free-html5-tutorials-43

推荐!那些令人赞不绝口的创新型HTML5网站

蓝蓝

如果你对HTML5的了解还不深,建议可以先阅读:一张图读懂HTML5
当然,我们也为您准备了40个超赞的HTML5教程

在过去的10年里,网页设计师使用 Flash、JavaScript 或其他复杂的软件和技术来创建网站。但现在你可以前所未有的快速、轻松地设计或创造互动的、有趣好看的网站。如何创建?答案是HTML5

这篇文章向大家展示12个创新的HTML5网站。看看这些惊人的 HTML5 网站,从这些优秀的 HTML5 网站获取灵感并应用在自己的网站中。希望你会喜欢这个集合。

网站细节丰富,动画强悍,网速着急的童鞋请稍等下,等待加载 : )
这些还看不够过瘾,那么你得瞧瞧这个:
27例新颖的HTML5网页游戏设计

Wildlife

这个网站一定要试试从上滚到下,感受一下页面里的动效,十足令人震惊!

那些让人赞不绝口的创新HTML5网站

 

Saucony Kinvara 3


那些让人赞不绝口的创新HTML5网站

 

Vlog


那些让人赞不绝口的创新HTML5网站

 

Art Ingenious


那些让人赞不绝口的创新HTML5网站

 

Björk


那些让人赞不绝口的创新HTML5网站

 

G-Force


那些让人赞不绝口的创新HTML5网站

 

Metropol Band


那些让人赞不绝口的创新HTML5网站

40个漂亮的单页网站设计欣赏

蓝蓝

最初单页面网站的设计风潮可能是由知名的网站设计师引起的。他们想要以简洁创意的方式让自己的作品公之于众。久而久之,单页面网站设计在创意上实现了巨大的飞跃。不管是时尚,App,还是动画,游戏,现在全网都盛行这一趋势。
单页面网站设计容易实现,但是如果想让你的设计成为大热,一定要确保它适合这种多页少字的设计模式。在你开始设计之前,最好要记得专注于主要内容,其他的烦恼分心的部分通通去掉,就算是你最好的点子,如果不切合主题,也要忍痛割爱。

网站导航是主要设计要素之一。用放大镜效果创建漩涡型按键,使站点引人入胜,同时也告诉用户如何使用。导航要显眼易懂这样用户才能轻松的浏览你的网站。不管是视差漩涡,服帖的动画还是简洁的菜单,你都能发现非常酷的效果。

下面我们为大家展示40种极具现代感,将单页网站设计发挥到的非常漂亮的例子。尽情的欣赏吧,希望会给你带来灵感!这些设计让人难以忘却,引人瞩目的图像绚丽多彩,内容干净整洁,实乃创意经典之作。

Fannabee

one-page-website-fannabee

Browser Awareness Day


one-page-website-fun

Mark Dearman

16个能有效学习“着陆页”设计的经典案例

蓝蓝

 

这篇文章中,我们为大家精心整理了一些有趣且富有创意的着陆页面设计案例,帮助你快速掌握着陆页设计技巧。大家都知道着陆页面(Landing Pages)需要特殊的设计,才能抓住目标受众的注意力。

着陆页对于帮助网站把访问者转换成销售非常重要。因此,产品的消息必须明确,设计必须能吸引人且简单易懂。来看看这些优秀案例获取灵感吧。

酷站推荐:
《推荐!那些令人赞不绝口的创新型HTML5网站》
《40个漂亮的单页网站设计欣赏》
 

Prezi

16个最有效的学习着陆页设计的例子

inDinero

16个最有效的学习着陆页设计的例子

PS教程:创建超炫的冰霜字体

蓝蓝

微博上都在说东北暴雪咯,大家注意添暖加衣,那么今天分享一个应景的pS教程。教您创建一个超炫的冰霜字体。真的很棒哟,过程很详细,童鞋们赶紧来练练手呐 ^_^

小提示:教程是在CC版本下进行的,操作面板可能会有一点不同 : )

这是完成后的效果图:

icy-text-flatten

开工前先来下载几个文件,分别是:

  • 墙壁背景
  • coolvetica 字体
  • 玻璃素材
  • 烟雾素材

已打包咯,童鞋们下载整个文件就好 → 素材下载

挺胸收腹,练习开始:

第一步:

创建一个大小为1200px*700px的文件,填充黑色背景。把下载的墙壁背景复制过来,Ctrl + T 调整好大小,如图:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档