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

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

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

時(shí)間:2024-02-25 20:15作者:下載吧人氣:13

  像往常一樣,希望通過實(shí)例教程傳遞布局構(gòu)架理念,不只是在告訴大家網(wǎng)站是如何一點(diǎn)點(diǎn)設(shè)計(jì)出來的。所以希望看到靈活應(yīng)用的更多擴(kuò)展版本。期待你的創(chuàng)新。

  在本教程中,你將學(xué)習(xí)如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  1、首先,你需要下載以下兩個(gè)素材圖片。

  用PS打開第一張圖片,然后點(diǎn)擊 編輯>定義圖案。選擇這種模式的名稱,然后就可以關(guān)閉這個(gè)文件了。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  2、這是第二張圖片。請下載原始尺寸圖片,或者在下載壓縮包里找到它。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  3、創(chuàng)建新文件,Size:1100*1260px。

  選擇油漆桶工具,選擇圖案模式,找到剛設(shè)置的素材圖片,點(diǎn)擊背景層,你將看到畫布有了想要的紋理。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  4、在頁面布局的底部,填入第二張圖片,命名該圖層為“bottom”,設(shè)置圖層模式為正片疊底。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  5、Copy第二張圖片得到“bottom副本”,移動(dòng)到頁面中上部位置。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  6、接下來制作導(dǎo)航。使用圓角矩形工具,設(shè)置半徑為15px,Size:940*99px。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  7、對該圓角矩形使用下面的圖層樣式。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局
如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  8、使用直線工具畫一些垂直的線。我使用下列顏色進(jìn)行填充 #5e5a59。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  9、然后使用矩形工具,繪制一個(gè)簡單形狀,加入較深的顏色。這個(gè)形狀用于按鈕事件。當(dāng)你用鼠標(biāo)滑動(dòng)時(shí)就可以從頁面上看到它的變化,當(dāng)然有程序員配合時(shí),它可以用CSS實(shí)現(xiàn),同樣非常的棒!

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  10、想導(dǎo)航區(qū)域加入一些文字。

  個(gè)人感覺比較喜歡這樣的導(dǎo)航樣式,寬敞的高度布局,融入了主副標(biāo)題的設(shè)計(jì),注意小號字不是二級導(dǎo)航,而是用一些簡單的詞語概括每個(gè)一級導(dǎo)航是什么。類似擴(kuò)展說明。比較有新意。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  11、然后,要使用鉛筆工具繪制一些箭頭。當(dāng)使用鉛筆工具時(shí),可以設(shè)置1px的畫筆筆尖。你可以看到,白色像素箭頭下,同時(shí)橢圓工具創(chuàng)建了一個(gè)圓形底框。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  12、在導(dǎo)航下方創(chuàng)建一個(gè)較大的圓角矩形,用于放置幻燈片式的圖片動(dòng)畫翻滾區(qū)域。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  13、為banner的動(dòng)畫區(qū)域添加操作按鈕,這里使用與導(dǎo)航相同的箭頭樣式。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  14、在banner矩形下方,使用橢圓工具添加一個(gè)黑色的形狀,如下圖。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  15、然后使用濾鏡>模糊>高斯模糊。設(shè)置8-10px為半徑。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  16、然后使用編輯>變換>扭曲,設(shè)置如下圖。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局
如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  17、下一步是在橙色鉛筆。并用圓角矩形工具畫一個(gè)橙色的形狀,加入文字信息。

  英文原教程是給了一個(gè)下載矢量素材的網(wǎng)站,不過可惜這個(gè)網(wǎng)站不復(fù)存在,用了代理翻墻也沒找到這個(gè)網(wǎng)站,所以只能用位圖代替。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  18、繼續(xù)創(chuàng)建一個(gè)簡單的橙色按鈕。這個(gè)按鈕要非常明顯,它會(huì)增加你的轉(zhuǎn)換。換成你網(wǎng)站熱點(diǎn)的關(guān)鍵詞,醒目的Button可以贏得更多的點(diǎn)擊。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  19、繼續(xù)向頁面加入一些圖標(biāo)和文字,注意icon效果和文字布局。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  20、圖標(biāo)的圖層樣式參數(shù)如下。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局
如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局
如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  21、下一步是創(chuàng)建一個(gè)Logo。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局

  22、最后,你可以看到最終結(jié)果。

如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局
標(biāo)簽網(wǎng)頁設(shè)計(jì),制作教程,工作室,設(shè)計(jì),一款,優(yōu)秀,PhotoSh

相關(guān)下載

查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

熱門閱覽

最新排行

公眾號

主站蜘蛛池模板: 亚洲自拍另类 | 国产在线综合视频 | 一色屋成人免费精品网 | 中国a级淫片免费播放 | 国产亚洲欧美日韩在线观看一区二区 | 韩国美女一级片 | 久久99久久精品免费思思6 | 成人永久免费视频网站在线观看 | 久久欧美精品欧美久久欧美 | 免费欧洲毛片a级视频 | 国产成人午夜精品影院游乐网 | 伊人蜜桃 | 免费人成观看在线网 | 曰本一区| 久久国产精品久久国产精品 | 国产成人福利视频在线观看 | 夜鲁夜鲁夜鲁在线观看福利 | 欧美成人极品怡红院tv | 亚洲成人在线视频播放 | 国产日产亚洲精品 | 波多野结衣在线观看一区 | 中文字幕亚洲高清综合 | 1a级毛片免费观看 | 欧美精品专区免费观看 | 女人张开腿让男人添 | 作爱视频在线免费观看 | 91视频天堂| 日韩精品在线看 | 三毛片| 久草视频大全 | 亚洲午夜精品一级在线播放放 | 日本加勒比在线 | 亚洲精品国产字幕久久不卡 | 午夜黄色福利视频 | 国产精品爱久久久久久久三级 | 亚洲欧美另类在线视频 | 97视频在线免费 | 韩国v欧美v亚洲v日本v | 男人的亚洲天堂 | 国产在线精品一区免费香蕉 | 色秀视频在线观看88品善网 |