首页 相关文章 Illustrator设计实用细腻的网页细纹背景

Illustrator设计实用细腻的网页细纹背景

上次分享了一篇点状纹饰背景的Illustrator新手教程,今天继续深入,来一篇斜纹纹理背景教程,斜纹的细部处理却与点状纹饰相比更加精准化,相对而言也会较为复杂一点,不过步骤很详细,新手也可以掌握咯。

Illustrator设计实用细腻的网页细纹背景,PS教程,图老师教程网

斜纹的做法和网页纹理背景的制作原理大致相同,采用AI中图案工具,就能做出精彩绝伦的纹理背景。但是,斜纹的细部处理却与点状纹饰相比更加精准化,相对而言也会较为复杂一点,现在就让我们来看看斜纹的制作方法。

一、单个像素图

首先打开AI软件,新建一个文档,文档大小任意。在视图栏目下勾选像素预览,勾选这一选项后,当你将自己的图片缩放到足够大时,会出现像素格子,然后再勾选对齐像素,这样图案就会自动对齐像素,无需你再自己手动控制对齐了。

Illu...<a href="http://www.tulaoshi.com/n/20160216/1571183.html" target="_blank">[ 查看全文 ]</a></p>
            <div class="img_yyy_2">
                <span>2016-02-16</span>
                                                <i>标签:</i>
                <div class="yyy_2_a"><a href="http://www.tulaoshi.com/illustrator/" target="_blank">Illustrator</a> <a href="http://www.tulaoshi.com/coreldraw/" target="_blank">CorelDRAW</a></div>
                                </div>
		</div>
	</div>
</div>

<div class="xiangguan_gg xiangguan_reader clearfix">
    <div class="xiang_892_1" style="width:1158px;">
      <h3><a href="http://www.tulaoshi.com/n/20160216/1571183.html" target="_blank">Illustrator设计实用细腻的网页细纹背景</a>的相关文章</h3>
    </div>
    <div class="xiang_892_2" style="width:1158px;">
      <ul id="loadmore_container" style="width:1158px;">
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1570598" target="_blank"><img src="http://img.tulaoshi.com/201602/16/8dd374affff6b88c2cce6ebb4265464e_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160216/1570598.html" target="_blank">国外动效体验细腻的优秀网页设计欣赏</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="http://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="http://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="http://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="http://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="http://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="http://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="http://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="http://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="http://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div>
                         <div class="span_em_123"> 想紧跟动效趋势,光UI已经不够了,自Flash失宠后,就很少有网站频繁使用动效,惊喜的是,现在动效又有重回的趋势了。今天这组网站动效,不仅加载速度快,而且都是独特定制的,能显著提高用户体验。 Ginventory Kwok Yin Mak Spotify – Taste Rewind Panache Colt Neil Carpenter Apple Music Ashworth GOLF/MAN Alice + Whittles Petas ...<a href="http://www.tulaoshi.com/n/20160216/1570598.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/earth乐橙/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/8.jpg" /><span>earth乐橙</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">33</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1570733" target="_blank"><img src="http://img.tulaoshi.com/201602/16/055c67cdb31c90d1f4b97a4b5569e714_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160216/1570733.html" target="_blank">精选国外大背景全屏网页设计欣赏</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="http://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="http://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="http://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="http://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="http://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="http://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="http://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="http://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="http://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div>
                         <div class="span_em_123"> 在2013年的时候使用全屏背景或者大图片的网页开始流行起来,到了今年,还是经常看到这类风格的页面出现,可见这个趋势还是很流行的,值得运用。 一张大图再配合一个优秀的排版布局,这样一个美丽的页面就形成了,比起视差网页、动效网页成本低了很多,但视觉效果还是能令人满意的,下面精选一些优秀的大背景网页设计作品给你欣赏,也行会给你带来更多灵感哦。 Nike – Ge Kendini Edwin Europe ...<a href="http://www.tulaoshi.com/n/20160216/1570733.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/great12345mj/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/23.jpg" /><span>great12345mj</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">9</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1486105" target="_blank"><img src="http://img.tulaoshi.com/201601/29/629ed52389a6971b989a7af67be424c7_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1486105.html" target="_blank">网页背景设计全攻略(2)</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div>
                         <div class="span_em_123"> 5.复合背景 如果你在练习上面的“照片背景”时“不小心”也设置了<body标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的 颜色背景取而代之。它的设计方法,就不用我再...<a href="http://www.tulaoshi.com/n/20160129/1486105.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/奇葩TMD朵朵开/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/25.jpg" /><span>奇葩TMD朵朵开</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">6</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1483639" target="_blank"><img src="http://img.tulaoshi.com/201601/29/d84d66766498067738b94a3bacbce0e7_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1483639.html" target="_blank">网页设计:一种细腻的导航效果的制作方法</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div>
                         <div class="span_em_123">   一般的导航效果大家都很熟悉了,例如用CSS给导航文本设置上、下划线、背景颜色或位移等。前面的帖子中有网友提到http://www.tonta.com.cn/这个网站,偶发现其首页中的导航效果不错,虽然flash做的没有很眩的效果,但是比较细腻,看上去很舒服。 闲来无事,尝试在dw中实现同样的导航效果。 首先分析效果的组成,鼠标经过时背景发生变化,小图象转动。Ok!考虑使用dw中的swap image(翻转图)+...<a href="http://www.tulaoshi.com/n/20160129/1483639.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/我李昌鸿/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/19.jpg" /><span>我李昌鸿</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1570599" target="_blank"><img src="http://img.tulaoshi.com/201602/16/5b1b8adbad9015dc4ffa6d9c9cb08137_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160216/1570599.html" target="_blank">炫酷生动的循环视频背景网页设计欣赏</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="http://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="http://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="http://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="http://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="http://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="http://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="http://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="http://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="http://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div>
                         <div class="span_em_123"> 循环(Loop)是现代浏览器中HTML5视频标签下的布尔属性,包括IE9在内的主流浏览器都支持这一属性。它能让一个或者一系列视频短片循环播放。开发者社区中,网页设计师非常青睐这一功能,并且截至目前影响了许多项目,让网站看起来更加绚丽和精彩。 从作品展示类的网站到移动端的专题页,循环视频背景的运用范畴非常广泛。网页开发者们将5~10的视频作为背景循环播放,而视频内容通常会展现出某个主题,或者有目...<a href="http://www.tulaoshi.com/n/20160216/1570599.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/茂林爱文学/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>茂林爱文学</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1570709" target="_blank"><img src="http://img.tulaoshi.com/201602/16/22a0bebc771478d35a4a1e0538414a45_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160216/1570709.html" target="_blank">精选自然风光大图做背景的网页设计欣赏</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="http://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="http://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="http://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="http://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="http://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="http://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="http://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="http://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="http://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div>
                         <div class="span_em_123"> 春暖花开的季节里,也许很多人已经谋划了丰富多彩的出游计划。就在饱览春光之余,你是否也想过拿那些放在电脑里,一年也懒得再打开看过一次的风景图再重新利用起来作为设计的素材呢?下面这以自然风景大图为背景的网页设计,看看他们是怎样利用自然风光来演绎自己的品牌?什么样的组织机构会用上这类设计? 在我看来,风景图是最易觅得的图片。很多人觉得美则美矣但很难与品牌形象关联起来,就像糖水片一样,让...<a href="http://www.tulaoshi.com/n/20160216/1570709.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/宁缺毋滥随心/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/29.jpg" /><span>宁缺毋滥随心</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">11</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1262666" target="_blank"><img src="http://img.tulaoshi.com/201512/31/8cd8f6d3c78df5f98cb12c368dae8c60_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20151231/1262666.html" target="_blank">眼部细纹</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/yanbuxiwen/" target="_blank">眼部细纹</a></div>
                         <div class="span_em_123"> 眼部细纹是指眼部皮肤受到外界环境影响,形成游离自由基,自由基破坏正常细胞膜组织内的胶原蛋白、活性物质,氧化细胞而形成的小细纹、皱纹。 产生原因 水份不足 脸部的肌肤中,在眼睛四周的肌肤是最单薄的,只有0.4毫米厚度。 因为这部分的肌肤,没有皮脂腺、汗腺,且非常薄,约脸上其它部位肌肤的l/3~l/5厚度。因此,眼部四周的肌肤,保护功能弱,加上眼部四周的肌肤水份容易蒸发...<a href="http://www.tulaoshi.com/n/20151231/1262666.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/曹县一中吧迷/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/26.jpg" /><span>曹县一中吧迷</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1467617" target="_blank"><img src="http://img.tulaoshi.com/201601/28/9d855ba5a545cc1fd41bf7983ff2430e_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160128/1467617.html" target="_blank">Illustrator设计CD盘面</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/illustrator/" target="_blank">Illustrator</a></div>
                         <div class="span_em_123">     本身自带有一个CD的盘面模板,我们就用它来略作修改吧。     先来看看完成的效果图:     找到Illustrator目录下的 sample FilesTemplate SamplesCDROMLabel.ai,打开它并另存成另一个新的文件,然后修改编辑这个另存的新文件。     制作步骤:     1、锁定原始图层,并新建一个图层。  ...<a href="http://www.tulaoshi.com/n/20160128/1467617.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/杜华玉/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/17.jpg" /><span>杜华玉</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1467105" target="_blank"><img src="http://img.tulaoshi.com/201601/28/f06afdaf0917dfde17981eca364bc7c8_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160128/1467105.html" target="_blank">Illustrator实例教程:教你打造梦幻背景</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/illustrator/" target="_blank">Illustrator</a></div>
                         <div class="span_em_123"> 本文由 中国 雨醉 编译,转载请保留此信息! 完成的最终效果: 延伸效果: [next] 1,新建cmyk文档;使用矩形工具(m)绘制一个黑色填充,无描边的矩形。         2,使用工具箱中的网格工具,在矩形偏上方点击,建立一个颜色节点,并将此节点颜色的更改为: 3,使用同样的网格工具,在中间处点击,并更改颜色为:c :0;m:100; y:100; k:50. ...<a href="http://www.tulaoshi.com/n/20160128/1467105.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/知然9578/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>知然9578</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1570927" target="_blank"><img src="http://img.tulaoshi.com/201602/16/879909f2b6540e5cc834b902c59420b0_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160216/1570927.html" target="_blank">Illustrator制作漂亮几何形状背景教程</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/illustrator/" target="_blank">Illustrator</a> <a href="http://www.tulaoshi.com/coreldraw/" target="_blank">CorelDRAW</a></div>
                         <div class="span_em_123"> <a href="http://www.tulaoshi.com/n/20160216/1570927.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/草原花的家/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>草原花的家</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">50</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1517325" target="_blank"><img src="http://img.tulaoshi.com/201601/30/cf9643196d0e260fad2db5b10075835c_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160130/1517325.html" target="_blank">Photoshop打造超酷春天背景网页布局</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/ps/" target="_blank">PS</a> <a href="http://www.tulaoshi.com/psjiaocheng/" target="_blank">PS教程</a></div>
                         <div class="span_em_123"> 最终效果图: 新建立一个淡蓝色背景的文档,并且使用矩形选区制作一个区域,填充为蓝色: 背景色设置为白色,然后执行分层云彩滤镜: 设置画笔: 设置前景色为#158223,背景色为#ADE48C,绘制一些草的图形: 使图形比较真实,你可以多绘制一些: 将多余的一些删除掉: [next] 复制草的图层,然后将图层模式改为正片叠底,效果如下: 设置草这层的色相...<a href="http://www.tulaoshi.com/n/20160130/1517325.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/菩尔佤多杰/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>菩尔佤多杰</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1516307" target="_blank"><img src="http://img.tulaoshi.com/201601/30/869f242b5d44501a96baf75a6306fe87_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160130/1516307.html" target="_blank">Photoshop另类实用技巧:切网页</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/ps/" target="_blank">PS</a> <a href="http://www.tulaoshi.com/psjiaocheng/" target="_blank">PS教程</a></div>
                         <div class="span_em_123"> 在上期教程中,我们用PHOTOSHOP CS的“WEB照片画廊”功能制作出了网页像册,不知道大家有没有将制作好的网页像册上传到网站空间中,圆了自己制作网页、建立网站的愿望呢? 这次,我们要来讲解一下如何用PS来制作一个网页效果图并对其进行裁剪,即使你不懂任何的HTML语法和原理,只要你看完本期教程,那么离独立完成自己的个人网站的目标就不远了。 会有朋友说是不是用FIREWORKS比较好,笔者的...<a href="http://www.tulaoshi.com/n/20160130/1516307.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/探索963/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/17.jpg" /><span>探索963</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1484496" target="_blank"><img src="http://img.tulaoshi.com/201601/29/d4dbe0c8cf498d5237e01750a135f136_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1484496.html" target="_blank">用CSS来控制网页背景</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div>
                         <div class="span_em_123"> ·背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的。这个的默认值是transparent(透明色)。 例:body{background-color:yellow} H1{background-color:#000000} ·背景图片 background-image 背景图片和背景颜色在HTML里面的设置也是基本相同的,都可以在里加入相关的语句来完成。但是在这里,我所指的并非是用这种方法,我用...<a href="http://www.tulaoshi.com/n/20160129/1484496.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/颜战时代/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.jpg" /><span>颜战时代</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/141162" target="_blank"><img src="http://img.tulaoshi.com/201502/10/dab6455b2793fc806554924881745699_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20150210/141162.html" target="_blank">Illustrator制作3D网页按钮方法</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a></div>
                         <div class="span_em_123"> 最终效果图: 在这篇文章中我们将通过使用Adobe Illustrator中的3D效果来创建一组网页按钮。为什么要用这种方法?原因是这种方法替代了使用不同的笔刷和其他工具来创建高光和阴影,只需一步就能实现,充分利用了现成的光线设置和斜角形状。让我们开始! 第一步:按钮形状 我们从创建基本的网页按钮形状开始。选择圆角矩形工具,在画板中任意位置点击一下打开圆角矩形窗...<a href="http://www.tulaoshi.com/n/20150210/141162.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/三分天下/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/12.jpg" /><span>三分天下</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">75</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1570871" target="_blank"><img src="http://img.tulaoshi.com/201602/16/732060a9ac77218e7ac88872de2d50c0_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160216/1570871.html" target="_blank">Illustrator绘制大气典雅的灯光背景效果图</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/illustrator/" target="_blank">Illustrator</a> <a href="http://www.tulaoshi.com/coreldraw/" target="_blank">CorelDRAW</a></div>
                         <div class="span_em_123"> 本教程主要使用Illustrator绘制大气典雅的灯光背景效果图,我们将学习如何快速绘制一个灯光背景。该教程将教你如何更好地使用基本形状工具和渐变,以制作出一个大气典雅的多彩背景图。下面就让我们一起来学习吧。 效果图: 1. 新建一个700*420的图层,矩形工具,新建一个如下图所示的矩形。 渐变设置如下图所示: 黑灰色 (R=54, G=57, B=66) and black (R=15, G=18, B=27) 黑色(R=15, G=18, B=27) ...<a href="http://www.tulaoshi.com/n/20160216/1570871.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/才子才女才气/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/11.jpg" /><span>才子才女才气</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">35</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1570942" target="_blank"><img src="http://img.tulaoshi.com/201602/16/1ce6c67d8e85b022cff65bcfd2b6e512_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160216/1570942.html" target="_blank">Illustrator详细解析描边功能实用小技巧</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/illustrator/" target="_blank">Illustrator</a> <a href="http://www.tulaoshi.com/coreldraw/" target="_blank">CorelDRAW</a></div>
                         <div class="span_em_123"> 昨天有朋友问我怎么AI画一个圆点组成的圆,我第一反应是用描边,第二个备用方案是散点画笔。 以下左图是描边画的,右图是散点画笔做的。对比一下,很显然第一个图形要比第二个好,第二个图形参差不齐甚至圆点都重叠了,不过倒是可以试试调节一下散点画笔的参数,会有意想不到的效果。 描边方法(分别外圈和内圈的参数): 描边的好处是调节粗细数值,可以控制圆点的大小和线条的粗细,并通过间隙可以...<a href="http://www.tulaoshi.com/n/20160216/1570942.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/徐登楚/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/22.jpg" /><span>徐登楚</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">10</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1467727" target="_blank"><img src="http://img.tulaoshi.com/201601/28/30b32f044af94f8723d23b7c09b414b3_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160128/1467727.html" target="_blank">Illustrator实用技巧:裁剪标志制作与使用</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/illustrator/" target="_blank">Illustrator</a></div>
                         <div class="span_em_123"> 提到裁剪标志,一般来说不做排版或印刷品的朋友可能会非常陌生,其实即使我们不制作印刷品,裁剪符号也很有用处,在输出图象方面,使用它还是很方便的。 [next] 裁剪标志,也可以叫做裁剪符号,是用来打印文档时沿图形边缘进行剪切的细线。在裁剪时不会裁切到图像边界之内,相反,还会在边界退让一点。 AI文挡中的画板线和页面拼贴虚线,在导出、输出图象时是不起作用的。软件自动查找最高点最低点,...<a href="http://www.tulaoshi.com/n/20160128/1467727.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/丑小鸭观白天鹅/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>丑小鸭观白天鹅</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">24</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1263090" target="_blank"><img src="http://img.tulaoshi.com/201512/31/37046d9757dd84f34a632439d2758319_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20151231/1263090.html" target="_blank">眼部有细纹</A></div>
                                    <div class="span_em_123"> 最好不要将脸部的面霜涂抹在眼周,过于滋润的面霜会让眼周肌肤生出脂肪粒。建议改用清爽的凝胶状眼霜,并加以按摩,抑制脂肪粒的继续生成。 长时间地用眯起眼睛的方式看东西是不正确的,容易使眼睑肌持续处于紧张状态,造成细纹的生成。 不合适高度的枕具 无质无量的睡眠会影响眼周肌肤的血液循环,挑选一款合适高度的枕具可保证良好的睡眠。建议枕具高度为8厘米。 TIPS: 在干燥的办公室...<a href="http://www.tulaoshi.com/n/20151231/1263090.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/qing不由己/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>qing不由己</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">14</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1256102" target="_blank"><img src="http://img.tulaoshi.com/201512/30/19c418b6af681c69f17837a9b22184d8_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20151230/1256102.html" target="_blank">如何去除细纹</A></div>
                                    <div class="span_em_123"> 怎样消除眼部细纹,去除眼部细纹小窍门?小编自己总结了小编自己总结的出现细纹的生活上的原因,希望有以下状况的朋友可以引以为鉴! 第一、不爱喝水;水是生命之源。让肌肤及时补充足够的水份,才是护肤之道的关键所在。水份如果摄取不够,会导致油脂分泌量不足,皮肤就很容易脱水,所以每天必须强迫自己喝6-8杯的水,但是不要喝富含咖啡因的饮料。 第二、不喜欢运动;这可不好。适量的运动...<a href="http://www.tulaoshi.com/n/20151230/1256102.html" target="_blank">[ 查看全文 ]</a></div>
            <div class="span_em ">
              <div class="cai_list_font"><a href="/user/郑氏膏药专治/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/2.jpg" /><span>郑氏膏药专治</span></a></div>
              <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div>
          </div>
        </li>
                <li>
          <div class="xiang_892_2_1"><a href="/reader/1507909" target="_blank"><img src="http://img.tulaoshi.com/201601/29/6a1b1be496cda41b58370d6701b75ce5_thumb_189.jpg" width="224" height="173"></a></div>
          <div class="xiang_right clearfix">
            <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1507909.html" target="_blank">ASP实用技巧 强制刷新网页</A></div>
                                    <div class="xiang_righ_lable">标签:<a href="http://www.tulaoshi.com/asp/" target="_blank">ASP</a></div>
                         <div class="span_em_123">   <% [ 查看全文 ]

上一页225492255022551225522255322554225552255622557下一页
手机页面
收藏网站 回到头部