ps设计制作主题网站(wordpresspjax主题)

本文主要介绍ps设计制作主题网站(wordpr:匿名来源:Varhi作者:博客翻译欢迎来到Grafpedia网站的另一个教程通过它你将学会如何设计一个独特的wordpress主题界面来展示你的内容这种界面布局完全适合商业网站如果你想把这个psd文件变成wordpress主题你需要对css和php有深入的了解浏览界面效果的实际尺寸1.新建一个文档用油漆桶工具给背景图层填充#a4b9cc的背景色2.使用矩形工具(快捷键是)创建一个简单的白域3.将下列样式添加到该图形中(将不透明度和在一般的混合是控制整个层的透明度包括应用到层的样式效果填充不透明度和在高级混合只控制图层的填充透明度！—)混合选项笔画4.复制这一层(需要先选中这一层然后按Ctrlj快捷键复)在“图层”面板中选择两个图层之间的链接后按Ctrl+E将两个图层合并为一个图层主要原因是当您应用橡皮擦工具时您的图层不会丢失设置的效果样式(你可以试着看看在不合并图层的情况下用橡皮画笔工具删除图形底部会有什么效)5.选择橡皮工具确保选择平滑的笔刷然后删除这个图形区域的底部如下图所示:6在左侧创建一条垂直白线(可以使用单列选择工具创建这条)用和上面一样的方法你可以用橡皮擦工具删除线条的顶部和底部下面是效果你可以注意到这条线放在哪里将这条垂直白线1px放在远离边框的地方非常重要7.选择圆角矩形工具我将创建一个白色的数字！8.添加以下图层样式混合选项到这个白色的数字9.将此图复制三份显示效果如下截图所示这是实际的尺寸效应10.用圆角矩形工具我将创建以下白色的数字11.在选择钢笔工具的同时按住Ctrl键在白形边缘连续点击鼠标两次如果您点击正确您将看到这些节点按住Ctrl键并选择如下所示的节点当你选中这个节点按下键盘的向下箭头节点就会下移！这是我的效果11.用椭圆工具创建一个小圆12.调整小圆使用矩形选择工具选择圆的一部分按键盘的delete键然后按Ctrl+D取消选择这是我真正的尺子英寸效果13.使用同样的方法你可以在版面的另一边做同样的效果这是最后的效果你可能已经注意到了另一个图形在右边创建它这个地方主要是关于放置的消息数量这主要考虑的是你用这个psd文件创建wordpress主题的情况14.在界面的顶部我使用圆角矩形工具和来创建四个图形15.对于所有图形我将应用如下相同的图层样式来设置内部发光渐变叠加笔画这是最后的效果16.我在每个图形下添加了线条你知道如何创建这些线条之前已经介绍过了！17.在这条线下面我又创建了一条暗线18用矩形工具在界面顶部创建了一个新的图形设置背景色为#8b0b519选择椭圆工具在它下面创建了一个暗线20接下来我将高斯模糊应用于改变后的图形并选择滤镜、模糊和高斯模糊并将半径像素设置为7或8也可以根据需要降低透明度值这是我目前的效果21.现在我将添加文本标志和教程中多次介绍的线条23.我会添加一些图片和文字24.我将使用椭圆工具创造另一个形象我将添加相同的高斯模糊效果这是我的效果25.我将使用矩形选择工具以在图表的顶部创建选择26接下来就是按delete键删除选择中的内容然后按CtrlD取消选择27、创建两条线(白线和暗)28、在界面另一侧创建导航栏在界面右侧创建一个简单的图29用圆角矩形工具和删除图底然后按照前面的步骤添加缩进效果我赢了;不详细描述如何实现这是我最后的效果希望大家喜欢英文原文:用photoshop设计wordpr:匿名来源:Varhi作者:博客翻译欢迎来到Grafpedia网站的另一个教程通过它你将学会如何设计一个独特的wordpress主题界面来展示你的内容这种界面布局完全适合商业网站如果你想把这个psd文件变成wordpress主题你需要对css和php有深入的了解浏览界面效果的实际尺寸1.新建一个文档用油漆桶工具给背景图层填充#a4b9cc的背景色2.使用矩形工具(快捷键是)创建一个简单的白域3.将下列样式添加到该图形中(将不透明度和在一般的混合是控制整个层的透明度包括应用到层的样式效果填充不透明度和在高级混合只控制图层的填充透明度！—)混合选项笔画4.复制这一层(需要先选中这一层然后按Ctrlj快捷键复)在“图层”面板中选择两个图层之间的链接后按Ctrl+E将两个图层合并为一个图层主要原因是当您应用橡皮擦工具时您的图层不会丢失设置的效果样式(你可以试着看看在不合并图层的情况下用橡皮画笔工具删除图形底部会有什么效)5.选择橡皮工具确保选择平滑的笔刷然后删除这个图形区域的底部如下图所示:6在左侧创建一条垂直白线(可以使用单列选择工具创建这条)用和上面一样的方法你可以用橡皮擦工具删除线条的顶部和底部下面是效果你可以注意到这条线放在哪里将这条垂直白线1px放在远离边框的地方非常重要7.选择圆角矩形工具我将创建一个白色的数字！8.添加以下图层样式混合选项到这个白色的数字9.将此图复制三份显示效果如下截图所示这是实际的尺寸效应10.用圆角矩形工具我将创建以下白色的数字11.在选择钢笔工具的同时按住Ctrl键在白形边缘连续点击鼠标两次如果您点击正确您将看到这些节点按住Ctrl键并选择如下所示的节点当你选中这个节点按下键盘的向下箭头节点就会下移！这是我的效果11.使用椭圆工具创建一个小圆12.调整小圆使用矩形选择工具选择圆的一部分按键盘的delete键然后按CtrlD取消选择这是我的实际尺寸效果13.使用同样的方法你可以在版面的另一边做同样的效果这是最后的效果你可能已经注意到了另一个图形在右边创建它这个地方主要是关于放置的消息数量这主要考虑的是你用这个psd文件创建wordpress主题的情况14.在界面的顶部我使用圆角矩形工具和来创建四个图形15.对于所有图形我将应用如下相同的图层样式来设置内部发光渐变叠加笔画这是最后的效果16.我在每个图形下添加了线条你知道如何创建这些线条之前已经介绍过了！17.在这条线下面我又画了一条暗线18.我用矩形工具在界面顶部新建了一个图形设置背景色为#8ba0b519选中选择椭圆工具创建一个深色的数字20下面接下来将高斯模糊应用到更改的图形选择滤镜模糊和高斯模糊并将半径像素设置为7或8也可以根据需要降低透明度值这是我目前的效果21.现在我将添加文本标志和教程中多次介绍的第22行我将添加一些图片和文字2325.我将使用矩形选择工具以在图表的顶部创建选择26接下来就是按delete键删除选择中的内容然后按CtrlD取消选择27、创建两条线(白线和暗)28、在界面另一侧创建导航栏在界面右侧创建一个简单的图29用圆角矩形工具和删除图底然后按照前面的步骤添加缩进效果我赢了;不详细描述如何实现这是我最后的效果希望大家喜欢英文原文:用photoshop设计wordpress主题界面英文原文:永久链接在Photoshop中创建WordPress界面转载请注明以上信息以示对作者和译者的尊重谢谢，下面跟着东辰网详细了解一下吧。

了解更多ps设计制作主题网站(wordpr:匿名来源:Varhi作者:博客翻译欢迎来到Grafpedia网站的另一个教程通过它你将学会如何设计一个独特的wordpress主题界面来展示你的内容这种界面布局完全适合商业网站如果你想把这个psd文件变成wordpress主题你需要对css和php有深入的了解浏览界面效果的实际尺寸1.新建一个文档用油漆桶工具给背景图层填充#a4b9cc的背景色2.使用矩形工具(快捷键是)创建一个简单的白域3.将下列样式添加到该图形中(将不透明度和在一般的混合是控制整个层的透明度包括应用到层的样式效果填充不透明度和在高级混合只控制图层的填充透明度！—)混合选项笔画4.复制这一层(需要先选中这一层然后按Ctrlj快捷键复)在“图层”面板中选择两个图层之间的链接后按Ctrl+E将两个图层合并为一个图层主要原因是当您应用橡皮擦工具时您的图层不会丢失设置的效果样式(你可以试着看看在不合并图层的情况下用橡皮画笔工具删除图形底部会有什么效)5.选择橡皮工具确保选择平滑的笔刷然后删除这个图形区域的底部如下图所示:6在左侧创建一条垂直白线(可以使用单列选择工具创建这条)用和上面一样的方法你可以用橡皮擦工具删除线条的顶部和底部下面是效果你可以注意到这条线放在哪里将这条垂直白线1px放在远离边框的地方非常重要7.选择圆角矩形工具我将创建一个白色的数字！8.添加以下图层样式混合选项到这个白色的数字9.将此图复制三份显示效果如下截图所示这是实际的尺寸效应10.用圆角矩形工具我将创建以下白色的数字11.在选择钢笔工具的同时按住Ctrl键在白形边缘连续点击鼠标两次如果您点击正确您将看到这些节点按住Ctrl键并选择如下所示的节点当你选中这个节点按下键盘的向下箭头节点就会下移！这是我的效果11.用椭圆工具创建一个小圆12.调整小圆使用矩形选择工具选择圆的一部分按键盘的delete键然后按Ctrl+D取消选择这是我真正的尺子英寸效果13.使用同样的方法你可以在版面的另一边做同样的效果这是最后的效果你可能已经注意到了另一个图形在右边创建它这个地方主要是关于放置的消息数量这主要考虑的是你用这个psd文件创建wordpress主题的情况14.在界面的顶部我使用圆角矩形工具和来创建四个图形15.对于所有图形我将应用如下相同的图层样式来设置内部发光渐变叠加笔画这是最后的效果16.我在每个图形下添加了线条你知道如何创建这些线条之前已经介绍过了！17.在这条线下面我又创建了一条暗线18用矩形工具在界面顶部创建了一个新的图形设置背景色为#8b0b519选择椭圆工具在它下面创建了一个暗线20接下来我将高斯模糊应用于改变后的图形并选择滤镜、模糊和高斯模糊并将半径像素设置为7或8也可以根据需要降低透明度值这是我目前的效果21.现在我将添加文本标志和教程中多次介绍的线条23.我会添加一些图片和文字24.我将使用椭圆工具创造另一个形象我将添加相同的高斯模糊效果这是我的效果25.我将使用矩形选择工具以在图表的顶部创建选择26接下来就是按delete键删除选择中的内容然后按CtrlD取消选择27、创建两条线(白线和暗)28、在界面另一侧创建导航栏在界面右侧创建一个简单的图29用圆角矩形工具和删除图底然后按照前面的步骤添加缩进效果我赢了;不详细描述如何实现这是我最后的效果希望大家喜欢英文原文:用photoshop设计wordpr:匿名来源:Varhi作者:博客翻译欢迎来到Grafpedia网站的另一个教程通过它你将学会如何设计一个独特的wordpress主题界面来展示你的内容这种界面布局完全适合商业网站如果你想把这个psd文件变成wordpress主题你需要对css和php有深入的了解浏览界面效果的实际尺寸1.新建一个文档用油漆桶工具给背景图层填充#a4b9cc的背景色2.使用矩形工具(快捷键是)创建一个简单的白域3.将下列样式添加到该图形中(将不透明度和在一般的混合是控制整个层的透明度包括应用到层的样式效果填充不透明度和在高级混合只控制图层的填充透明度！—)混合选项笔画4.复制这一层(需要先选中这一层然后按Ctrlj快捷键复)在“图层”面板中选择两个图层之间的链接后按Ctrl+E将两个图层合并为一个图层主要原因是当您应用橡皮擦工具时您的图层不会丢失设置的效果样式(你可以试着看看在不合并图层的情况下用橡皮画笔工具删除图形底部会有什么效)5.选择橡皮工具确保选择平滑的笔刷然后删除这个图形区域的底部如下图所示:6在左侧创建一条垂直白线(可以使用单列选择工具创建这条)用和上面一样的方法你可以用橡皮擦工具删除线条的顶部和底部下面是效果你可以注意到这条线放在哪里将这条垂直白线1px放在远离边框的地方非常重要7.选择圆角矩形工具我将创建一个白色的数字！8.添加以下图层样式混合选项到这个白色的数字9.将此图复制三份显示效果如下截图所示这是实际的尺寸效应10.用圆角矩形工具我将创建以下白色的数字11.在选择钢笔工具的同时按住Ctrl键在白形边缘连续点击鼠标两次如果您点击正确您将看到这些节点按住Ctrl键并选择如下所示的节点当你选中这个节点按下键盘的向下箭头节点就会下移！这是我的效果11.使用椭圆工具创建一个小圆12.调整小圆使用矩形选择工具选择圆的一部分按键盘的delete键然后按CtrlD取消选择这是我的实际尺寸效果13.使用同样的方法你可以在版面的另一边做同样的效果这是最后的效果你可能已经注意到了另一个图形在右边创建它这个地方主要是关于放置的消息数量这主要考虑的是你用这个psd文件创建wordpress主题的情况14.在界面的顶部我使用圆角矩形工具和来创建四个图形15.对于所有图形我将应用如下相同的图层样式来设置内部发光渐变叠加笔画这是最后的效果16.我在每个图形下添加了线条你知道如何创建这些线条之前已经介绍过了！17.在这条线下面我又画了一条暗线18.我用矩形工具在界面顶部新建了一个图形设置背景色为#8ba0b519选中选择椭圆工具创建一个深色的数字20下面接下来将高斯模糊应用到更改的图形选择滤镜模糊和高斯模糊并将半径像素设置为7或8也可以根据需要降低透明度值这是我目前的效果21.现在我将添加文本标志和教程中多次介绍的第22行我将添加一些图片和文字2325.我将使用矩形选择工具以在图表的顶部创建选择26接下来就是按delete键删除选择中的内容然后按CtrlD取消选择27、创建两条线(白线和暗)28、在界面另一侧创建导航栏在界面右侧创建一个简单的图29用圆角矩形工具和删除图底然后按照前面的步骤添加缩进效果我赢了;不详细描述如何实现这是我最后的效果希望大家喜欢英文原文:用photoshop设计wordpress主题界面英文原文:永久链接在Photoshop中创建WordPress界面转载请注明以上信息以示对作者和译者的尊重谢谢相关内容请关注东辰网。