Photoshop文字功能的几个小技巧

2014-6-19 蓝蓝 设计资源

抗锯齿好像是开始这篇文章最好的一个话题。在CS6以前的PS版本中,选择抗锯齿文字真的是在众多不咋地的选项中唯一可选的。但是,几个月前Adobe介绍了PS中两个操作系统自带的抗锯齿选项:Mac和Mac LCD。这两个抗锯齿选项采用和系统文字抗锯齿一样的方式:“Mac”是Mac OSX里的灰度字体平滑抗锯齿,“Mac LCD”则是子像素字体平滑抗锯齿。

阅读全文>>

标签: 技巧 Photoshop

评论(0) 浏览(1149)

Photoshop文字功能的几个小技巧

2014-5-23 蓝蓝 设计资源

抗锯齿好像是开始这篇文章最好的一个话题。在CS6以前的PS版本中,选择抗锯齿文字真的是在众多不咋地的选项中唯一可选的。但是,几个月前Adobe介绍了PS中两个操作系统自带的抗锯齿选项:Mac和Mac LCD。这两个抗锯齿选项采用和系统文字抗锯齿一样的方式:“Mac”是Mac OSX里的灰度字体平滑抗锯齿,“Mac LCD”则是子像素字体平滑抗锯齿。

阅读全文>>

标签: 设计教程 Photoshop 网页界面

评论(0) 浏览(1013)

Photoshop设计简洁大方干净的网页界面设计教程

2014-5-22 蓝蓝 前端技术资源

今天,我将介绍如何创建一个干净的网络布局、一个漂亮的背景。开门见山,咱直接切入正题吧,菇凉帅哥们有兴趣的话,可以打开PS跟着做哟。

Photoshop设计简洁大方的网页界面,破洛洛

阅读全文>>

标签: 设计教程 Photoshop 网页界面

评论(0) 浏览(1066)

谁说设计师不会写代码?超简单Photoshop脚本语言介绍

2013-12-17 蓝蓝 设计资源

自动化对每个设计师的工作来说是很有用的。它可以在重复的任务上节省宝贵的时间,还能够帮我们更快捷、更容易的解决一系列问题。

你可以使用photoshop的动作来使工作流程自动化,这是很流行的,大多数人都知道并且已经在使用的方法。今天,我们将介绍给你一种高级的自动化技巧:脚本语言。所有的这一切仅仅需要你有一点点关于JavaScript的基本知识,这对于我们中的一些网页设计师往往都是具备的。

我很多年前就知道Photoshop的脚本语言,但是我几个月前才开始决定研究它。我忽视了它是因为我认为那是聪明的具有数学思维能力的程序员的领域。但是我错了,今天我将要来告诉大家,尽管它需要一些基本的程序技巧,脚本语言并不是那么难掌握。

但是,一开始,我们得回答以下这几个明显的问题:

为什么我们需要脚本语言?

为什么我们在Photoshop已经有了很棒的动作之后还要需要学习脚本语言?答案是交互性!当你使用动作时,你不能真正的控制它在不同情况下的表现,就像录像带不停的一遍又一遍的播放而没有任何改变。

00

一个脚本语言更灵活,它表现形式的改变取决于你输入的参数或者是应用程序的内容。听起来很有用?不是么?

要求

你不需要是一个会写脚本语言的高级的程序员。我就仅仅是一个平面设计师,就像你们大多数人一样。但是你需要对JavaScript至少有一个基本的了解,以及一些属性和方法的经验去领悟这篇文章的大部分内容。

01

如果你对JavaScript一点都不了解,别害怕!有很多地方你可以了解程序的一些基本知识。例如:Codecademy,有很棒的完整的交互式课程。

阅读全文>>

标签: Photoshop Photoshop教程 photoshop脚本语言

评论(0) 浏览(1031)

网页设计中优化图片的6大技巧

2013-12-5 蓝蓝 设计资源

网页设计中优化图片的6大技巧

@南辰_designer  平面设计和网页设计是两个截然不同的领域,这两个领域有不同的设计需求、设计实践和设计方法。

例如,在网页设计中更常使用基于像素或栅格的文件格式,诸如JPG、GIF或PNG。相反,在平面设计领域像logo这样的图形可能会用到不同尺寸,因此使用最多的格式则是EPS和AI这样的矢量格式。然而,用于网页的矢量格式,如SVG或HTML5 Canvas则不能广泛应用,也不会被所有浏览器所支持。

另外,用于web端的图形有基于它们自身的相关处理方式。其中一条便是你要时刻注意文件的大小,因为你需要使你的网页加载越快越好。作为一名网页设计师,你应当尽量减少HTTP对图像的请求次数——无论通过减少图片的使用数量还是将它们整合成CSS sprite——以及确保你选择了正确的图像格式,使其在图像大小和质量间得以平衡。

Photoshop是平面设计师和网页设计师使用的行业标准工具。以下是你在创建web端使用图像时的一些简单的小技巧。

1. 将图片保存成Web所用格式

在网页设计中,你必须确保你的图像大小越小越好。当然,当你想要图片完好显示时可以抛弃这条原则。
在Photoshop中创建图像的完美方法便是平衡质量与文件大小。
网页设计师经常犯的一个错误便是使用“另存为”命令,而不是使用“存储为Web所用格式”。

2702d5d227fdbb0be2cd35ac6a37f76f 网页设计师必须知道的6个小技巧

“存储为Web所用格式”可以将图像保存成基于网页设计优化过的格式,包括图像质量、图像分辨率、浏览器兼容性和文件大小。
这一命令会有一个对话框,你可以用来微调你的图像。当你调整图像的设置时,它会显示出文件的大小和图像的质量。

阅读全文>>

标签: 网页设计 平面设计 Photoshop 优化图片技巧

评论(0) 浏览(1000)

超实用!Photoshop亮度调节脚本

2013-11-29 蓝蓝 设计资源

我们在设计的时候,往往会微调一下颜色的明暗度,又或者去一些在线配色工具网站上准确调节明亮度,但这样是比较麻烦的,这里设计达人网找到一个非常好用的Photoshop亮度调节脚本,使用的时候只需要按下Photoshop快捷键就能调整颜色的明与暗,节省了很多设计时间。

darken-and-lighten-color-ps-script

 

如何使用亮度调节脚本

首先在Photoshop工具栏的前景色面板上选择需要的颜色,然后运行对应脚本来实现颜色的明暗变化。

color-shot

阅读全文>>

标签: Photoshop Photoshop亮度调节脚本教程 如何Photoshop快捷键

评论(0) 浏览(1377)

怒赞!7个下载UI组件包的顶级网站

2013-11-25 蓝蓝 设计资源

现在Photoshop的UI工具包是设计师们最喜爱的资源,收藏到一套好的组件包,常常是欣喜若狂呀。
包包们已经成为web设计者迅速开发不可或缺的神兵利器,里面往往会放满了网站所需要的一切组件,譬如:导航、翻页、焦点图、滚动条、按钮、表格、菜单等等!
为了让大家高兴高兴,特别整理收集了7个顶级网站的组件包下载入口,是的!是入口!
里面藏着很多高质量的免费的UI组件包,优设哥建议您把网址先收藏了,到了晚上夜深人静的时候下载。

1、Dribbble

View UI kits from Dribbble

Dribbble 这里不只是一个看刘碧设计师和他们200*150小气格子图的地方,如果您够细心,您将可以顺藤摸瓜找到成堆有用的资源,那些免费的PSD就像彩蛋一样藏在任何一个地方。

随便举几个栗子:

Hanna UI Kit

View the UI kit

阅读全文>>

标签: Photoshop UI组件包下载 web设计,ui设计 ui设计素材

评论(0) 浏览(1056)

50个最优秀的Photoshop实例教程

2013-11-22 蓝蓝 设计资源

转载蓝蓝设计(   www.lanlanwork.com  )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的   BS界面设计 、 cs界面设计 、  ipad界面设计   、  包装设计 、 ...

阅读全文>>

标签: Photoshop Photoshop实例教程 如何学好Photoshop

评论(0) 浏览(1094)

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

2013-11-22 蓝蓝 设计资源

 

在这里咱们就不多加讨论字体的来源定义了,谈谈制作文字特效显得更加直观些。还有什么是比自己用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。

阅读全文>>

标签: Photoshop 如何创建织面料文字特效 Photoshop教程 如何制作特殊字体

评论(0) 浏览(1254)

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

2013-11-21 蓝蓝 设计资源

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

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

这是最终效果图。

clip_image002

注意:

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

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

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

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

clip_image004

第一步

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

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

clip_image006

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

——斜面和浮雕

大小:3

勾选消除锯齿

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

阅读全文>>

标签: ps教程 Photoshop ps如何制作特殊字体 ps学习制作特殊字体方法

评论(0) 浏览(1188)

Powered by emlog 京ICP备12006971号-1 sitemap