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

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

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > photoshop設計企業網站首頁實例

photoshop設計企業網站首頁實例

時間:2024-02-25 11:15作者:下載吧人氣:15

先整理好需要做的內容至一個文件夾中。

photoshop設計企業網站首頁實例

打開photoshop新建一個空白面板。

photoshop設計企業網站首頁實例

選擇矩形工具繪制一個980*auto的圖形。

photoshop設計企業網站首頁實例

結果如下:

photoshop設計企業網站首頁實例

使用選擇工具點擊邊緣節點。

photoshop設計企業網站首頁實例

在菜單欄下方可看見圖片的寬與高。

photoshop設計企業網站首頁實例

點擊背景

圖層,再按下shift鍵點擊新建的圖層。

photoshop設計企業網站首頁實例

按下選擇快捷鍵"V",在菜單欄下方會出現對齊選項。選擇居中對齊。

photoshop設計企業網站首頁實例

從標尺區域按下鼠標向右拖動會形成一根輔助線。拖至矩形邊緣自動吸附即可。

photoshop設計企業網站首頁實例

我們可以看見的結果如下:

photoshop設計企業網站首頁實例

在圖層面板新建header文件夾,并把logo放置進來。

photoshop設計企業網站首頁實例

在header文件夾下建立menus目錄,并繪制一個矩形圖形。

photoshop設計企業網站首頁實例

為矩形圖形添加漸變。(或者雙擊圖層空白處也可以編輯效果)

photoshop設計企業網站首頁實例

所開啟的面板:

photoshop設計企業網站首頁實例

描邊參數如下:

photoshop設計企業網站首頁實例

漸變效果如下:

photoshop設計企業網站首頁實例

設置內發光,參數如下:

photoshop設計企業網站首頁實例

菜單導航背景最終效果。

photoshop設計企業網站首頁實例

打上文本。文本選擇工具快捷鍵"T"。

photoshop設計企業網站首頁實例

把最左側的文本吸附在左側輔助線上。(按住shift拖拽)

photoshop設計企業網站首頁實例

把最右側的文字吸附在右側輔助線上。(按住shift鍵拖拽)

photoshop設計企業網站首頁實例

選擇所添加的導航文本圖層。(點擊第一個,按住shift點擊最后一個。)

photoshop設計企業網站首頁實例

點擊水平居中對齊。

photoshop設計企業網站首頁實例

整體文本效果就對齊了。

photoshop設計企業網站首頁實例

新建一個文件夾,用來存放導航欄上方空白處的內容。我們寫上熱線電話。

photoshop設計企業網站首頁實例

選擇鉛筆工具吧,一起來手繪下。

photoshop設計企業網站首頁實例

放大面板,畫了一個小電話。

photoshop設計企業網站首頁實例

看看右上角的效果。

photoshop設計企業網站首頁實例

在menus下新建一個圖層。

photoshop設計企業網站首頁實例

使用鉛筆 按住shift繪制兩條豎線。一條為深,一條為淺。

photoshop設計企業網站首頁實例

使用快捷鍵,ctrl+j 復制剛才所繪制的圖層

photoshop設計企業網站首頁實例

選擇第一個繪制的結果以及第一個與第二菜單,使用對齊工具對齊。

photoshop設計企業網站首頁實例

選擇最后一個鉛筆繪制的豎線,同樣選擇左右兩側的文本使用對齊工具對齊。

photoshop設計企業網站首頁實例

初步看見的效果。

photoshop設計企業網站首頁實例

選擇所有的鉛筆繪制的豎線,使用快捷鍵ctrl+e合并圖層。

photoshop設計企業網站首頁實例

使用套索工具,設置余羽化像數。

photoshop設計企業網站首頁實例

選擇上下邊緣,使用delete鍵刪除達到羽化效果。

photoshop設計企業網站首頁實例

最后完成后的導航。

photoshop設計企業網站首頁實例

繪制一個鼠標經過的效果矩形給該矩形添加漸變及描邊,內發光。(根據自己需求)。

photoshop設計企業網站首頁實例

新建banner文件夾,并在里面繪制一個滿屏,高度為350px(根據情況而定)的矩形。

photoshop設計企業網站首頁實例

使用矩形選擇工具選擇在輔助線內的banner實際大小。

photoshop設計企業網站首頁實例

在圖層面板使用蒙板針對該文件夾做遮罩。

photoshop設計企業網站首頁實例

在蒙板文件夾下新建一個橢圓形狀。

photoshop設計企業網站首頁實例

給該形狀做濾鏡-模糊效果。

photoshop設計企業網站首頁實例

選擇濾鏡的參數如下:

photoshop設計企業網站首頁實例

按下V快

捷鍵,將該效果的大小邊緣控制在實際輔助線內。

photoshop設計企業網站首頁實例

所看到的初步效果。

photoshop設計企業網站首頁實例

在實際banner區域增加文本效果,效果根據需求而定。

photoshop設計企業網站首頁實例

使用鋼筆繪制任意圖形做輔助效果。

photoshop設計企業網站首頁實例

新建一個center文件夾,同時在center文件夾內的元素也需要分文件夾。

photoshop設計企業網站首頁實例

繪制一個與banner區分的過渡矩形,調整它的色彩及效果。

photoshop設計企業網站首頁實例

添加欄目如:(關于我們)

photoshop設計企業網站首頁實例

在欄目名稱處可以做效果,如先繪制一個任意圖形。

photoshop設計企業網站首頁實例

給該圖形做模糊處理。

photoshop設計企業網站首頁實例

參數如下:

photoshop設計企業網站首頁實例

初步看見的結果。或者按下ctrl鍵點擊該圖,把該圖層載入選區,并新建圖層。

photoshop設計企業網站首頁實例

選擇漸變工具。

photoshop設計企業網站首頁實例

調整漸變色彩。

photoshop設計企業網站首頁實例

調整參數如下:

photoshop設計企業網站首頁實例

使用漸變工具對載入選出做色彩填充。

photoshop設計企業網站首頁實例

如果覺得色彩不滿意,可以通過色相飽和度修改。

photoshop設計企業網站首頁實例

調整參數如下:

photoshop設計企業網站首頁實例

新建其他欄目如:(服務中心)

photoshop設計企業網站首頁實例

在文本前面繪制標注符,同樣可以使用對齊工具排列。

photoshop設計企業網站首頁實例

合并后的標注符,可以為其修改顏色。使用顏色疊加即可。

photoshop設計企業網站首頁實例

同時繪制其他欄目,布局大致完成。

photoshop設計企業網站首頁實例

繪制copyright區域。

photoshop設計企業網站首頁實例

選擇直線來分割上下的模塊。

photoshop設計企業網站首頁實例

由于面板較高,多余部分可以選擇裁剪工具處理。

photoshop設計企業網站首頁實例

裁剪:先選擇整個畫板,然后將下方高度縮減。黑色區域的部分選擇刪除。

photoshop設計企業網站首頁實例

最后的效果!

photoshop設計企業網站首頁實例

標簽首頁,模板,企業,風格,設計,簡潔,Photoshop

相關下載

查看所有評論+

網友評論

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

公眾號

主站蜘蛛池模板: 国产成人在线播放视频 | 欧美顶级毛片在线播放 | 成人黄色免费网站 | 一级生性活免费视频 | 天堂在线视频网站 | 日韩欧美一区二区三区不卡在线 | 久爱www免费人成福利播放 | 欧美日韩性视频一区二区三区 | 亚洲成人一区在线 | 亚洲乱人伦精品图片 | 最新国产成人综合在线观看 | 国产美女无遮挡软件 | 国产人成久久久精品 | a毛片免费在线观看 | 国产成人夜间影院在线观看 | 男女牲高爱潮免费视频男女 | 精品国产免费第一区二区三区日韩 | 日韩美女大全视频在线 | 免费福利入口在线观看 | 日韩在线看片中文字幕不卡 | 国产成人久久精品 | 国产三级三级三级 | 日韩精品不卡 | 久久久久久久久久久久久久久久久 | 欧美日本视频一区 | 在线观看国产精品日本不卡网 | 欧美日本在线三级视频 | 免费观看视频成人国产 | 国产一区二区三区久久 | 久久久久久久99视频 | 日本巨乳中文字幕 | 男人的天堂欧美精品色偷偷 | 欧美一区二区精品系列在线观看 | 亚洲综合久久1区2区3区 | 国产精品一区久久精品 | 亚洲免费毛片 | 国产精品国产三级国产专区5o | 能直接看的一级欧美毛片 | 男女免费在线视频 | 久久日本精品一区二区免费 | 午夜伦4480yy妇女久久久 |