推荐阅读
8个实用的页面布局和用户界面jQuery插件
网页设计师和网页开发人员在做项目的时候可能会有一些页面的布局或者对于UI有一些特定的要求。可能一些需求不能单独使用CSS就能实现的。于是很多时候开发人员都会消耗大量的时间和精力去写一些JS来协助实现。其实如果你知道一些jQuery,你会发现这些jQuery非常的好用和灵活。在这篇文章中我们分享了一些优秀实用的jQuery插件。希望可以帮助你完成一些你一直想要的东西,也希望可以提高你进行中的项目。它涉及到关于网页的布局和用户的界面。均衡的高度或宽度的元素的jQuery插件。jQuery滚动的路径这是一个插件定义自定义的滚动路径。这使用画布味的语法来绘制直线和圆弧。Freetile是一个jQuery的插件,使该组织的网页内容在一个高效,动态和响应布局。这是神话般的拖动和拖放多列网格已经到来。Gridster是一个jQuery插件,允许建立直观的拖动的布局元素跨越多个列。rcarousel – 一个连续的jQuery UI的旋转木马。
20张来自设计师们的办公室照片欣赏
作为一名设计师,拥有一个良好的的办公环境是必须的,这样除了能保持良好的工作状态外,还可以给你还来创造灵感哦!下面收集一些设计师们的办公室照片,看了这些作品后,我想你的办公空间也需要变一变了吧。My Workspace: George BokhuaSubmission Spotlight: David HellmannWorkspace: Mike BusbyJoel Speasmaker’s WorkspaceWorkspace: Per Vestman
Photoshop制作逼真的城市夜景特效教程
今天译者AverageJoseph这篇教程在光影和透视方面特别出彩,你可以在临摹的过程中感受到作者的用心和细致程度。教程将帮你学会如何找到正确的视角和精准地塑造光效,全是日常修图的重难点!修图高手出教程不多,别错过咯。今天译者AverageJoseph这篇教程在光影和透视方面特别出彩,你可以在临摹的过程中感受到作者的用心和细致程度。教程将帮你学会如何找到正确的视角和精准地塑造光效,全是日常修图的重难点!修图高手出教程不多,别错过咯。最终效果图:Step 1先搜索一张干净整洁的房间照片,不要有太多光源(最好只有一个),高清图片为佳。此处选用了ArchDaily博客上的图片,如果你能确保你的图片与此类似,并且能够做出有趣的效果出来,尽管大胆尝试吧。PS打开此图,直接裁切掉(快捷键C)图片冗余部分,当然此步也可以在全片修改完成后执行。Step 2抠出此图中你想保留的部分。我要保留木衣橱,柱子和窗户。复制(Command+J/ Ctrl+J)此图层四次,在每个图层上使用矢量蒙版,除了刚开始的原始图层不用加。在图层面板中双击蒙版图标。
PS制作金属燃烧的火焰字
在本PS教程中,我会告诉你用PS图象处理软件创建一个金属燃烧的文字效果的步骤。这是一个初级的Photoshop教程和步骤是很容易的,让我们来试试吧!一路上,我们将通过一些纹理添加到您的文本的基本方法,也练习使用图像调整图层和不同的图层混合模式。这里是我本教程的最终效果预览:Step 1创建一个新文档,大小1200px * 600px的黑色背景,画布上键入一些文本,如下图所示:应用这个文本层以下的层混合选项:内阴影
最新发布
PS制作印章效果
效果图 制作步骤: 1、新建一个文档,宽度和高度按你的需要设置。这里使用了宽,高分别为800*600,白色背景。新建一个Photoshop文档 2、打开标尺(菜单View>Rulers,或Ctrl+R),从标尺中拖出横竖两条辅助线至文档中心(即400和300像素位置)。设置你想使用的前景色,这里使用了#c70000的颜色值。选择文字工具(快捷键T),输入文字,例如“太平洋论坛”。适当调整一下文字位置,使之居中。输入文字,例如“太平洋论坛” 3、连续按Shift+U,从工具箱中选择圆角矩形工具,并在选项栏中选择“路径”(即图中红色椭圆标出的按钮)。将鼠标移到画布辅助线交叉点位置,同时按住Alt键,从中点拖动出一个大小合适的圆角矩形。
PS制作黄金字
这篇教程教飞特的朋友们用PS制作黄金字,PS制作黄金字效果的教程飞特已经有几篇了。这里给大家整理几个比较不错的黄金字教程出来。PS黄金字教程: http://plan.fevte.com/ps/wenzixiaoguo/wenzixiaoguo-20348.htmlPS制作黄金质感磨砂字: http://plan.fevte.com/ps/wenzixiaoguo/wenzixiaoguo-20142.htmlPS文字教程之用PS打造金属镂空字: http://www.fevte.com/plan/pstext/photoshop-7891.htmlphotoshop制作黄金文字效果: http://www.fevte.com/plan/pstext/photoshop-2387.html制作步骤如下:新建文档,大小800*6000.你也可以自己设定喜欢的大小。O(∩_∩)O哈哈~1.打开Photoshop新建命令建立一文件,名称自己字,宽度和高度按自定,确定其它保持默认,即可。2.新建一个图层,然后选中新建图层用文字蒙版工具输入你想要做的字。3.shift+F5调出填充对话框,将使用改成50%灰色,其它保持不变,即可。4.选择图层旁边的通道按钮将,将选区存储为通道(灰色方块中间有个圆的按钮)
PS制作鲜花拼贴字
这个教程其实用的是拼贴的笨办法,但是效果还是挺不错的,同时也和飞特的朋友们分享一点:并不是所有的效果都是可以用简单的步骤制作的,O(∩_∩)O~。先看看最终效果 1、打开PS,创建一个新文件,我使用的是1920*1200的像素大小。然后输入英文字。 2、现在是时候添加文字了,在图片*输入ABCD。 4、现在开始沿着字样的边缘,复制添加花朵素材。但是最先你要确定给花朵素材都使用图层样式,添加投影。阴影的混合模式为,正片叠底,50%不透明度,距离2,大小10。
PS制作漂亮2010立体字教程
立体字的制作方法大致差不多,这个教程像飞特的朋友们介绍用PS制作漂亮2010立体字的方法,期间加上花纹的步骤很值得大家学习,希望教程对飞特的朋友们有所帮助。先看看最终效果
PS制作漂亮塑料字
本教程教飞特网的朋友们用PS制作漂亮塑料字,本教程制作的文字质感很强,很漂亮。制作方法也不难,希望飞特的朋友们能通过这篇教程学到东西。我们先来看看最终的文字效果: 制作步骤: 1、打开Photoshop 软件,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出的新建对话框,名称:创意文字制作,宽度:640像素,高度:480像素,分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮,如图1所示。图1 2、在图层控制面板击新建图层按钮,新建一个图层,接着设置前景色,设置前景色为黑色,并按快捷键Alt+Delete填充给图层1,如图2所示。图2 3、在图层面板上单击创建新图层按钮 ,新建一个图层1,再工具箱选择圆角矩形工具,并按住键盘中Shift不放在工作区拖出一个圆角矩形,设置前景色为蓝色,按键盘快捷键Ctrl+Enter转换为选区,按键盘快捷键Ctrl+D取消选区,如图3所示。图3
PS制作燃烧文字效果
1、首先创建一个新文档,用于制作燃烧文字,然后使用横排文字工具输入法准备燃烧的文字,如图所示。 2、在菜单栏中选择“图层―图层样式”,参考下图所以,设置燃烧文字的初步效果。 设置图层样式后的效果。 4、打开火焰素材,在通道面板中按着Ctrl键,单击红通道的缩略图,载入红通道选区,如图所示。然后选择GRB通道,按下Ctrl+C快捷进行拷贝。 5、把前一步骤拷贝的内容粘贴至燃烧文字的文档中,如图所示。 7、设置火焰图层的混合模式为“强光”,如图所示。
PS制作漂亮2010圣诞字体
2010年即将来到,这篇教程教飞特的朋友们设计一个迎接2010的漂亮圣诞字体。希望大家喜欢这篇教程。我们先来看看最终效果 1、创建文档,大小为1920px by 1200px (RGB) ,分辨率72 pixels/inch,用矩形工具绘制一个矩形。 2、添加图层样式,选择渐变叠加,参数设置及效果如下。 4、打开画笔面板设置。
PS制作边角折叠文字效果
教程教飞特的朋友们用PS制作边角折叠文字效果,这是我转发的第10篇教程了,这些教程都是我看过之后觉得很不错的教程,大家喜欢我转发的教程就多给我顶顶吧。呵呵。废话不说了。先看看最终的效果图:一、所需软件phoshop 7.0以上【这个问题估计不存在了】二、新建尺寸 (可自定义) 本例为:1400 * 400 像素三、选择文字工具四、栅格化文字 五、使用套索工具
PS制作漂亮2010金属网背景文字
教程像飞特的朋友们介绍用PS制作漂亮2010金属网背景文字,教程很简单,背景的金属网很经典,希望大家从本教程中学到东西。我们先看看最终的效果图:在Adobe Photoshop中创建一个新文件(Ctrl + N)大小为1920px * 1200px,72像素的分辨率。然后选择油漆桶工具(G),用#353430色填充这个新的背景层。为了创建一个如第一张图片那样的背景,我们要从 brusheezy.com.中下载 Spiderman Pattern。复制图案文件,并将其粘贴到C:/Adobe/Photoshop/Presets/Patterns中。然后创建一个新层,使用油漆桶工具(G)#959595色填充这层。设置这一层的不透明度为41%,点击图层面板底部的添加图层样式图标,然后选择图案叠加。选择我们之前下载的图案(Spiderman Pattern)。我们就得到了下图所示的背景。