这款网站博客界面配色比较单一,标志,背景与导航全部使用淡蓝色。设计与制作都很适合新手练习用,界面排版主要靠方块形状。整体风格凸显冬天的气息.
先看下效果吧 :)
第1步:新建文件(ctrl+N),全选(ctrl+A)填充#e3f2f6色;取消选择(ctrl+D)
第2步:设置参考线;编辑>首选项>常规>网格(ctrl+K)
第3步:激活网格(ctrl+'),按F8打开窗口>信息,选择圆角矩形工具(U)设置半径为10px,圆角矩形宽度为960px;隐藏网格(ctrl+')
第4步:选择标尺(ctrl+R)
第5步:找张喜欢的风景;使用移动工具(V)移动到适合的位置,并转换为智能对象(右键单击图层,选择转换为智能对象)。进入编辑>自由变换(ctrl+T),然后选择滤镜>锐化;设置这层的混合模式为“叠加”不透明度为80%
添加图层蒙版,选择渐变工具(G)从黑到白
第6步:新建组(ctrl+G),然后新建图层;选择图像>应用图像,点击确认;使用矩形选区工具(M)创建380px x 90px大小选区,反选(ctrl+shift+I);删除;然后取消选区(ctrl+D)
第7步:转换为智能对象(右键单击图层,选择转换为智能对象),载入选区(ctrl+左键点击图层);添加图层蒙版;选择滤镜>模糊>高斯模糊,然后选择滤镜>杂色>添加杂色;选择滤镜>锐化>锐化
第8步:选择图层>新建调整图层>亮度/对比度,(打勾创建剪切蒙版选项)
第9步:创建同上大小矩形工具(U),颜色为#9dd8ed,双击图层选择图层样式>斜面和浮雕,图层混合模式为>正片叠底,不透明度为25%
第10步:在第6步图层下方新建层,在层使用矩形工具创建同上相同大小的矩形,然后设置图层样式,如图:
第11步:选择文本工具(T)文字颜色为#f2feff;双击打开图层样式对话框做一下设置
第12步:新建图层,载入白色圆角矩形选区,并隐藏该层,选择矩形选区工具(M)做一下设置,然后显示圆角矩形层;
第13步:锁定透明区域;然后选择滤镜>模糊>高斯模糊;选择滤镜>杂色>添加杂色;选择滤镜>锐化>锐化
第14步:添加图层样式
第15步:选择图层>新建调整图层>亮度/对比度,(打勾创建剪切蒙版)
第16步:设置前景色为#b1e3f3,选择矩形工具(U)创建剪切蒙版,混合模式为>正片叠底,不透明度为25%
第17步:添加文字,颜色为#f2feff
第18步:选择圆角矩形(U)半径为6px;颜色为#f0f7f9;输入文字:斜体、#a1c6D0。
第19步:使用矩形 工具,大小问哦600 x 250像素,颜色为#ebf3f5;左边距为30像素,上边距为20像素;设置图层样式:
第20步:添加一张图片,移动到合适位置创建剪切蒙版
第21步:使用自定义形状工具(U)创建一个白色箭头,设置图层样式
第22步:重复箭头(ctrl+J),选择编辑>变换>水平翻转,设置图层样式
第23步:创建5个矩形,大小为100 x 100像素;对齐
第24步:使用钢笔工具(P)创建一个方块上方的小三角形使用颜色#d2d2d2
第25步:新建图层,创建600 x 1像素的水平线,亚瑟为##eeeeee
第26步:使用矩形工具(U)大小为280 x 120像素,添加一些文字
第27步:复制5个
第28步:选择矩形工具(U)建立一个颜色#eeeeee垂直分割线
第29步:选择矩形工具(U)建立一个300px宽矩形,颜色#f5f9fa。
第30步:选择行工具(U)创建一个工具栏垂直线使用颜色#d1e2e6 。 复制这一层(Ctrl + J)移动到补工具栏的右侧。
第31步:使用矩形工具(u)创建四个125 x 125px大小的矩形
第32步:添加文字和矩形
小鱼已经完成Ps制作冬天主题的网页教程,您呢(*^__^*) 嘻嘻……
原文:Photoshop制作冬天主题的网页教程

The article details using Photoshop for social media graphics, covering setup, design tools, and optimization techniques. It emphasizes efficiency and quality in graphic creation.

Article discusses using Photoshop's Content-Aware Fill and Move tools effectively, offering tips on selecting source areas, avoiding mistakes, and adjusting settings for optimal results.

Article discusses preparing images for web use in Photoshop, focusing on optimizing file size, resolution, and color space. Main issue is balancing image quality with quick loading times.

The article explains how to use Photoshop for video editing, detailing steps to import, edit, and export videos, and highlighting key features like the Timeline panel, video layers, and effects.

Article discusses calibrating monitors for accurate color in Photoshop, tools for calibration, effects of improper calibration, and recalibration frequency. Main issue is ensuring color accuracy.

Article discusses optimizing images for web using Photoshop, focusing on file size and resolution. Main issue is balancing quality and load times.

The article guides on preparing images for print in Photoshop, focusing on resolution, color profiles, and sharpness. It argues that 300 PPI and CMYK profiles are essential for quality prints.

Article discusses creating and optimizing animated GIFs in Photoshop, including adding frames to existing GIFs. Main focus is on balancing quality and file size.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Dreamweaver CS6
Visual web development tools

WebStorm Mac version
Useful JavaScript development tools

Zend Studio 13.0.1
Powerful PHP integrated development environment

SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.

Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.