图片怎么设计

本篇教程教大家如何用photoshop把普通照片设计处理成超棒的立体卡通头像效果，制作过程简单易懂，喜欢的童鞋可以收藏试着做做看。

原图：

效果图：

很多网页都有一个醒目的大横幅区域，但设计上大都千篇一律，如果你访问FACTOR DESIGN网站，你会发现，该区域的变化比你想象中要丰富得多――并不是通过特效，而是通过版面设计，他们对横幅的间隔设计让你在任何平面设计中都能获得灵感。

由图片构成的区域显得结构清晰、重点突出及信息有效传达，并且具有多种意想不到的功能。

Factor Design网站令人一见难忘，其版面结合了作品展示及手册设计的特点形成漂亮的效果。白色的开阔区域，高度简洁及最小化的构成，柔和的颜色搭配，通过一些隐藏的表格整洁清晰地呈现出来。

这个版式结构我们有两点是特别欣赏的：一是它采用了印刷类的平面设计风格，使用衬线字体，文字颜色对比低调柔和，不同文字栏宽度形成强烈对比。二是上面的水平图片区域设计，使整个版面显得优雅漂亮。这个图片区域只看上一眼，你可能不能一下子认识它的所有优点，但我们之所以深入讨论这个区域是因为如果从技术上来说，你采用了同样这种方法，就可以得到同样漂亮的相似效果――无论是网站设计还是其它平面设计。看一下我们能够从这个网站设计中学到什么。

版面结构：

书本状的页面版式结合了印刷及网站设计的风格，只使用一种衬线字体，而文字尺寸只有两种。

颜色：

在开阔的白色背景上，两种文字颜色已经可以传达出一种清新及悦目的效果。

文字颜色对比：

不同的背景颜色有不同的栏目文字名称颜色，但文字与背景的颜色却保持了低对比度的关系。

图片区域：

放置图片的横幅区域的大小及位置是固定的，但里面却可以有千变万化。设计从最基本的空间分割开始：

充满表现力的变化：

在下面，我们将会看到图片通过结合、搭配、剪切及组织可以有非常丰富的变化，而让人印象深刻的是这些效果都只是在这个简单的横幅中实现。

本文所用颜色数值（RGB）：

文章来自仟亿科技官网：http://billionnet

水彩画是一种非常受欢迎的艺术风格，并可以纳入你的设计项目，但是你不需要成为创建此类图像的艺术家，因为Adobe Photoshop可以通过内置滤镜创造逼真的水彩效果。在今天的教程中，我将可以通过一系列设置，可将任何照片转换为手绘水彩画。 本教程水彩画效果的产生是模拟了基于水彩进行手绘的设计美学。一些列的PS设置将创造基本的水彩画效果，用水彩笔刷产生的晕染效果和纸质纹理叠加将增加其真实感而达到令人信服的效果。

步骤1

在Adobe Photoshop中打开您选择的图像。我正在使用的金门大桥照片来自Unsplash的Patrick Tomasso，右键单击背景图层，然后选择转换为智能对象。

步骤2

单击滤>滤镜库>艺术效果>干画笔，将设置更改为：画笔大小为10，画笔细节为10和纹理1，单击确定以应用效果。

步骤3

再次选择滤镜>滤镜效果>艺术效果>木刻，确保不要选择顶部默认选项，这将重新应用相同的效果，设置参数如下：色阶数为5，边缘简化度为4和边缘逼真度为1。

步骤4

回到图层面板，将图层混合模式改为点光。

步骤5

再次单击滤镜菜单，这一次选择去模糊>特殊模糊，设置参数：半径５，阈值100，并将“质量”更改为“高”。

步骤6

双击编辑滤镜混合选项，将特殊模糊效果的混合模式更改为滤色，并将不透明度降低到50％。

步骤7

步骤10

将工具栏前景颜色切换为白色，调整画笔的大小。点击画布来回复渲染在照片边缘的水彩画风格。

步骤11

点击几下后，为了避免重复，换另一种水彩画笔继续恢复图片的水彩色调。

由于所有的效果都被设置为智能对象的一部分，所以通过编辑智能对象层的内容，可以将水彩绘画效果应用于替代照片。双击智能对象缩略图打开.PSB文件。添加另一张照片，然后保存并关闭文件。回到主页面，会发现所有的效果已经立即应用到新的图片。

是不是很简单又实用，大家一起来创建自己的水彩画风格的作品吧！

原文地址：SPOON GRAPHICS 译者：解答团-郭郭

图片是组成网页的重要元素，相比较文字人们更容易被图片所有吸引，相比较视频来说，图片会更为直观，阅读使用的流量远比视频要少很多，如何运用好图片设计让你的网页更为合理，对网页设计人员来说至关重要，下面为大家介绍一些运用图片设计网页的方法技巧：

第一：首图要吸引人眼球

网页首屏很重要，用户进入网站的第一眼就是首屏，首屏是否吸引人眼球决定了用户访问的深度和停留长度，所以，漂亮的首图是抓住用户注意力的重要手段。优质的首图能够让用户明白，他们可以从这个网站获取一些什么。

其次：排版要合理，合理运用图文混排

精心设计的排版能够为你的品牌提升个性，当这些排版和图片搭配到一起的时候，整个设计的形式感和表现力就有了明显的提升。文本的样式和其中包含的信息，和图片内容相互呼应，互为解读，这是最佳的搭配。

第三：图片真实、有代入感：

根据环境和使用场景来展示产品是电商网站常用的技巧。而实际的数据也表明，这样的图片拥有着极高的转化率。将产品置于实际的使用场景中，给予用户真实的使用体验。

第四：色彩运用

这里说的色彩叠加指的是用半透明的色彩图层叠加在图片上，这种手法通常能够让图片更加匹配品牌色，或者视觉设计的需求。所叠加的色彩能够让图片更容易引起用户的情绪反应。

最后：不对称布局：

不对称布局本身也是一种流行的设计手法。许多网页设计师尤其喜欢这种有趣的排版布局方式。这种布局非常适合用来引导用户的视觉，因为页面有了轻重对比，所以它可以以合乎逻辑的方式引导用户的眼睛逐步浏览页面内容。

互联网用户的阅读习惯和关注点不断变化，因此，我们在设计页面的时候也要根据用户的特点进行合理设计，图片的使用也是一样的，设计趋势和技术的变化直接影响着图片的使用，但是总体上而言，对于图片素质的要求是越来越高了。