日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > Photoshop創建web2.0商業布局網站模板

Photoshop創建web2.0商業布局網站模板

時間:2024-02-05 18:45作者:下載吧人氣:18

作者:龍騎士 出處:發現吧

本教程,我會給大家展示如何用Photoshop來制作一個web2.0商業布局.在此類的美工教程中,重點部分就是網頁的布局和配色,下面讓我們一起來學習.

先看看最終效果圖

Photoshop創建web2.0商業布局網站模板

首先創建在photoshop創建新的文檔,我將使用以下尺寸:高900像素,寬1000像素.尺寸的大小并不重要.但如果你想要創建web2.0布局的樣式,你需要創建盡可能大的網站,

留出許多空間,當你選擇字體大小的時候,盡可能選擇大的尺寸.

Photoshop創建web2.0商業布局網站模板

選擇橢圓形工具,在頂部的控制面板,將圓角半徑設置為15像素.

Photoshop創建web2.0商業布局網站模板

將前景色設置為#313538.

Photoshop創建web2.0商業布局網站模板

在文檔中新建幾個圖形

Photoshop創建web2.0商業布局網站模板

使用相同的工具,根據下面圖片創建另外一些白色圖形.我將它們轉變為粉紅色片刻,因為想讓你更好的看到如何放置這些圖形.

Photoshop創建web2.0商業布局網站模板

現在將這些圖形轉成白色.只有雙擊圖層縮略圖然后修改,這一步現在不是必須的.然后使用第一次創建的白色圖形割出以下形狀.

Photoshop創建web2.0商業布局網站模板

增加描邊效果,選擇圖層>圖層樣式>描邊

Photoshop創建web2.0商業布局網站模板

這是我的設置

Photoshop創建web2.0商業布局網站模板

在布局的頂部,我使用圓角橢圓工具創建另外一個圖形

Photoshop創建web2.0商業布局網站模板

在導航欄上面,使用鋼筆工具創建一個簡單圖形如下

Photoshop創建web2.0商業布局網站模板

對于這個按鈕,我將增加一個圖層樣式.選擇 圖層>圖層樣式>漸變疊加,使用如下設置:

Photoshop創建web2.0商業布局網站模板

按鈕看清了應該是這樣子的.

Photoshop創建web2.0商業布局網站模板

選擇橢圓形工具,新建2個小圓.

Photoshop創建web2.0商業布局網站模板

將該圓圖層拖到背景上面.

Photoshop創建web2.0商業布局網站模板

圓將置于黑色圖形后面,用這種方法我們創建了一個漂亮的3D效果.

Photoshop創建web2.0商業布局網站模板

使用水平排版工具,增加文字.

Photoshop創建web2.0商業布局網站模板

我增加了一些圖片.

Photoshop創建web2.0商業布局網站模板

在左邊,我將制作一個時鐘logo使用橢圓工具,當開始的時候按住shift鍵就能創建正圓形.

Photoshop創建web2.0商業布局網站模板

在中央創建另外一個小圓.

Photoshop創建web2.0商業布局網站模板

使用矩形工具,創建3個簡單圖形如下:

Photoshop創建web2.0商業布局網站模板

使用橢圓工具創建另外一個小圓,將它放置在時鐘中央.

Photoshop創建web2.0商業布局網站模板

選擇直線工具,設置圖形為1個像素.

Photoshop創建web2.0商業布局網站模板

我就給鐘增加細節

Photoshop創建web2.0商業布局網站模板

再一次使用橢圓工具,我將給你示范如何用簡單的方法去創建陰影.在鐘下面你可以新建下面圖形.

Photoshop創建web2.0商業布局網站模板

然后選擇:濾鏡>模糊>高斯模糊.

Photoshop創建web2.0商業布局網站模板

它還詢問你是否柵格化圖形,點確定.

Photoshop創建web2.0商業布局網站模板

模糊半徑設置為10.

Photoshop創建web2.0商業布局網站模板

我的結果

Photoshop創建web2.0商業布局網站模板

我不喜歡” Business CO.”文字logo下面圖層的顏色,我將增加新的圖層去適應.選擇圖層>圖層樣式>漸變疊加.

Photoshop創建web2.0商業布局網站模板

Photoshop創建web2.0商業布局網站模板

這是我的結果.

Photoshop創建web2.0商業布局網站模板

我已經完成了教材,下面增加多幾個”read more”按鈕

Photoshop創建web2.0商業布局網站模板

選擇多邊形工具,設置角的數量為3.

Photoshop創建web2.0商業布局網站模板

用鋼筆工具創建簡單三角形.

Photoshop創建web2.0商業布局網站模板

在圖層頂部,增加rss圖標.

Photoshop創建web2.0商業布局網站模板

最終結果

Photoshop創建web2.0商業布局網站模板

Photoshop創建web2.0商業布局網站模板 Photoshop創建web2.0商業布局網站模板 Photoshop創建web2.0商業布局網站模板
標簽網站,模板,布局,商業,創建,web2.0,Photosho

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 久草免费网站 | 日韩精品一区二区三区毛片 | 国产成人免费网站 | 国产三级免费观看 | 亚洲美女高清aⅴ视频免费 亚洲美女黄色片 | 欧美日韩亚洲视频 | 欧美色成人tv在线播放 | 亚洲精品一区二区三区在线播放 | 国产精品青草久久久久福利99 | 韩国美女一区二区 | 中文字幕乱码无线码在线 | 亚洲码一区二区三区 | 亚洲精品不卡在线 | 国产成人亚洲综合一区 | 九九热爱视频精品视频高清 | 怡红院成人在线 | 老师张开腿让我捅 | 亚洲欧美日韩在线一区二区三区 | 国产欧美成人 | 久久精品全国免费观看国产 | 国产成人综合95精品视频免费 | 久久精品国产99国产精品亚洲 | 香焦视频在线观看黄 | 国产不卡毛片 | 亚洲精品一区二三区在线观看 | 美女插跳蛋视频叫爽 | 美女被免费网站在线软件 | 中文字幕在线观看国产 | 国产视频久久久久 | 男人的天堂中文字幕 | 美女图片131亚洲午夜 | 亚州国产 | 久草在线视频看看 | aa毛片免费全部播放完整 | 国产亚洲欧美日韩在线观看一区二区 | 91久久久久久久 | 成年女人毛片免费观看中文w | 欧美级毛片 | 久久久久久久久久久久久久久久久 | 国产精品国内免费一区二区三区 | 欧美精品一区二区三区免费观看 |