1. <dd id="nlasp"></dd>

        <div id="nlasp"><tr id="nlasp"></tr></div>
        1. <em id="nlasp"></em>
          1. 当前位置: 首页 > 设计教程 > 网页设计教程 > 如何用Photoshop设计一个具有现代感的博客界面

            如何用Photoshop设计一个具有现代感的博客界面

            本教程转载于Plidezus’sky 翻译来?#20174;?a target="_blank" href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-vibrant-modern-blog-design-in-adobe-photoshop">Blog.SpoonGraphics

            本教程主要是告诉大家如何在Photoshop里面设计一个有活力并具有现代感的博客界面
            我们会从零开始告诉大家如何从一个空白的画布来一步步的制作出整个界面


            博客界面效果图

            这是我为Springy Developments的一个WordPress主题项目中的一个特别的设计将来我想我们一起来看看如何将这个设计转化为编码的过程以?#30333;?#21518;如何将他们制作成最终的产品

            牢记最初的概念设计稿下面的教程将会一步一步来明确这个过程想要一个好的设计大量的试验和一些元素的重新?#25165;?#26159;不可或缺的因为这将让我们很好的理解为什么使用这些工具为什么这样布局来设计这样一个产品

             

            Photoshop设计现代感的博客界面

             

            打开PS然后创建一个空白文档我比较?#19981;?#22312;一个大一点宽屏文档上面开始制作切记使用RGB色彩模式以及设置为72DPI就好因为我们紧紧是在屏幕上使用注一般印刷是300dpi而屏幕只要72就够了CMYK为印刷色

            Photoshop设计现代感的博客界面

             

            首先我们来处理页面的背景这个地方没什么特别有趣的填充物给背景选择一个素色然后从上面使用放射性渐变工具一直拖到中间当然你也可以选用自?#21512;不?#30340;颜色在这里我就选择了我选择的是蓝绿色的渐变

            牛皮纸素材

            分享到: 
            教你做一个简单但好看的网页(第二集)
            从零开始教您设计一个华丽高档的网页
            11ѡ5ѯ