平面设计
位置:首页>> 平面设计>> Photoshop教程>> 如何绘制icon小图标

如何绘制icon小图标

作者:bishua 来源:译言 发布时间:2010-05-02 21:27:00 

标签:图标设计,icon,小图标,图标绘制

有很多人问我如何设计我的受大家喜欢的像素小图标,事实上,设计你需要的icon图标相对来说是比较容易的。它仅仅需要基本的photoshop技巧。本文我将介绍如何用铅笔工具来设计像素图标。然后通过组合这些图标来创建不同的图标库。通过此方法我曾经一天设计过320个图标。

1、创建新文档

在photoshop里创建一个14px X 14px大小且背景透明的新文档。

2、绘制外轮廓

使用铅笔工具,在铅笔面板里选择1px粗细的笔刷,选择深灰色颜色,然后开始绘制页面icon图标的外轮廓。绘制直线,首先在开始位置点击鼠标左键,然后按住shift在结束位置再点击鼠标左键就可以了。

技巧:无论什么时候,如果你想修改这些像素的话,就使用橡皮擦工具,选择铅笔模式和1px笔刷大小。

3、使用渐变

使用“魔棒工具”选择空白位置,然后新创建一个图层,设置你的前景色为亮灰色背景色为白色。使用渐变工具从左上角往右下角拉拽。

4、高光与投影

新建一个新的图层。绘制1px的内、顶部白边来实现高光效果,然后绘制适当的内、底部灰色边。

0
投稿

猜你喜欢

  • 效果图1效果图2 效果图3 教程1  教程2 教程3 
  • 本教程介绍人物照片的综合美化处理。从背景开始,先确定后主色调,然后慢慢的加上装饰素材。加素材的时候需要协调好整体颜色。制作的过程不复杂不过需
  • 绚烂多彩的立体星星,红的,蓝的,黄的,紫的……那么,到底是怎样制作出来的呢?现在,就请大家随我一起,使用AI来学习一下吧~ 1.画出一个五
  • 原作者: Ian Yates    翻译:Kiny (08年的最后一个晚上)注意:本教程的精华在于PSD的练习
  • 先看最终效果开始制作1、新建800*600画布!白色背景。新建图层,使用渐变色填充图层!我们先用黄色到红色的渐变色,设置如下。然后将这个图层
  • 看上去精致漂亮的葡萄酒瓶,其实制作起来非常简单,用fireworks只需几步,就能轻松打造。首先,用形状工具画出相应的形状,通过这些形状的组
  • Photoshop CS4发布了,对于我这样以学习Adobe软件为生的人,当然是个喜迅。不过有位资深的编辑跟我谈了一个问题,却让我陷入了深深
  • 原图最终效果1、打开原图,按Ctrl + J把背景复制一层,用钢笔或套索工具抠出人和伞,在背景图层上面新建一个图层,填充红色以便观察。2、把
  • 在这篇教程中我们将学习如何使用Photoshop化腐朽为神奇,为玫瑰花添加漂亮的喷溅效果,希望大家能够喜欢。第一步创建一个背景为透明的文件,
  • 由于原教程没有提供制作的素材,部分素材是临时网上找的,可以撮合用一下。教程中有亮度较大的物体,合成的时候一定要注意光线的渲染,这样才能整体合
  • 常见技巧 经典的Photoshop技巧大全,如果你是初级阶段的水平,熟读此文并掌握,马上进阶为中级水平。1. 快速打开文件­
  • 在Fireworks中打开一张黑白图,然后用魔术棒工具做选区, 在Xtra/Adjust color/Hue Saturation,弹出如
  • gif动画图片批量增加水印效果.这个功能对于个人站长是非常实用的。      处理后 &n
  • 原载于:abduzeedo 作者:fabio sasso 翻译:高小白 前些日子我看了一部电影,电影中有一个很小的孩子坐在月亮上钓鱼,这种画
  • Photoshop图层样式一直是一种很常用的提高平面/网页设计效率的工具。今天暴风彬彬向大家推荐220个Photoshop图层样式,可以说是
  • 最终效果:效果对比:局部对比:点击放大2.调节偏色的毛发,羽化半径为5,CTRL+J,去色,加些蓝,然后利用TOPAZ滤镜,按照上面参数调节
  • 人物脸部的美化大致包括下面三个大的方面:首先是除痘及消除一些杂点,这一步只要用图章等工具就可搞定。然后是磨皮,可以用一些专业的磨皮软件来完成
  • 偏色照片色彩比较单一,处理的时候只要适当的修正下色彩,再把局部加上适当的补色,效果就可以大不一样。补色不需要大多,只要把背景或者衣服,头发等
  • 现在越为越多MM喜欢把自己的照片上传到博客与好朋分享,但由于我们不是专业的摄影师,拍出来的照片难免会出现偏色。所以很多MM都想学习对照片进行
  • 话说摄影师保罗拿着给女老板照的像兴冲冲走进老板办公室,心想这张像还照得不错,肯定会得到老板嘉奖。不料女老板一看照片,眉头立马皱了起来。“保罗
手机版 平面设计 asp之家 www.aspxhome.com