WEB开发网
开发学院图形图像PhotoShop Photoshop教程:制作简洁型网站模板 阅读

Photoshop教程:制作简洁型网站模板

 2009-05-22 17:08:19 来源:WEB开发网   
核心提示: 10)Create a new folder, name it Content, then create a new layer inside this folder. Make a rectangular selection and fill it with white. Open th

10)Create a new folder, name it Content, then create a new layer inside this folder. Make a rectangular selection and fill it with white. Open the Layer Style window and put the next settings.

Photoshop教程:制作简洁型网站模板

图片看不清楚?请点击这里查看原图(大图)。

11)Create a new layer, make a rectangle selection like the one from the next image and add a linear gradient #ececec to white. Write the title of a post with the font Verdana, the color #191917 and the size 30 pixels. Write the content of a post with the same font, the color #7d7d7b and the size 15 pixels. Copy and paste the continue reading button and place it at the end of the post. Create a new layer and, make a selection with the fixed size 570 x 1 pixel and fill it with the color #afaeac.

Photoshop教程:制作简洁型网站模板

Photoshop教程:制作简洁型网站模板

12)Create a new folder and name it Sidebar. Create a new layer, make a selection for the sidebar, fill it with the color #e5e5e5 and add the same layer styles you added at the step 10.

Photoshop教程:制作简洁型网站模板

13)Create a small rectangle and fill it with the color #cfcdcb, then write the content of the sidebar.

Photoshop教程:制作简洁型网站模板

14)Create a new group and name it Footer. Create a new layer and place it inside the footer group. Create a rectangular selection and fill it with the color #171613. Create a smaller rectangle, fill it with the color #2f2e29 and duplicate it two times. You can use this three columns to add the Recent Posts, Recent Comments, Archives, or anything else.

Photoshop教程:制作简洁型网站模板

Final Result

Photoshop教程:制作简洁型网站模板

图片看不清楚?请点击这里查看原图(大图)。

上一页  1 2 3 4 

Tags:Photoshop 教程 制作

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接