马其他幸运飞艇

PS教程:扁平化風格里的長陰影效果

來源:中國設計在線    時間:2019-11-11    站內收藏

長陰影是扁平化風格里的陰影表達,它的夸張和象形手法非常到位地給予了陰影以別有洞天的形態。在UI設計中,當你想要讓圖標或logo马其他幸运飞艇變得更具吸引力,最好的方式就是增添上長陰影,其原有的平淡將被打破,帶來更多豐富的視覺感受。

马其他幸运飞艇 WEIGUIZEJIHEXINGZHIZUOCHANGYINYINGYINGGAIBINGBUSUANKUNNAN,RANER,DANGWOMENMIANDUIDESHIBINGBUNENGQUEDINGYIYIGUANZHIDEWENZIWAIXINGYANGSHI,SUOZUODEGONGZUOJIANGHUIBIJIAOFANSUO。JINTIANWOMENJIULAIHEDAJIAFENXIANGYIZHONGZHIZUOCHANGYINYINGDEFANGFA,GENJUZHEGEFANGFA,RENHEXINGTAIDECHANGYINYINGDOUNENGZAIDUANSHIJIANNEIWANMEIHUIZHICHULAI。

XIANKANKANXIAOGUOTU

PS制作扁平風格長陰影字體

一、制作長陰影畫筆

SHOUXIAN,RANGWOMENDAKAIPS,XINJIANYIGE680px*680pxDEWENDANG,WENDANGTIANCHONGBEIJINGWEIQINGSE,#b2ebda。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

STEP 01

網頁設計马其他幸运飞艇中,我們大概會遇到需要特別突出文字的時候,如"促銷"、“折扣”等,這時,先在畫面中央安排好需要增加陰影的文字。這里我安排的是英文單詞,但中文字體仍然適用,只是需要在字體風格上與此相匹配。

WOANPAILELIANGXINGZITI,YIXINGSHIJIAODADEZITI,ZIJUJIAOJINMI,ERXIAMIANYIXINGDEZITISHAOXIAO,ZIJUJIAOKUAN。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

STEP 02

马其他幸运飞艇TUCENGMIANBANZHONG,JIANGWENZITUCENGHEBINGWEIYIGEZU,BINGFUZHIZHEGEZU。YOUJIANDIANJIKAOBEIDEWENZIZU,BINGXUANZE“HEBINGZU”,ZHESHIXINDEBEIFUZHIDEZUJIUHEBINGCHENGYIGETUCENG。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

STEP 03

马其他幸运飞艇ZAIANZHU“Ctrl”JIANDEQINGKUANGXIASHUBIAODANJISHANGYIBUWOMENSUOHEBINGDETUCENG,ZHESHICHUXIANLEYIWENZIBIANYUANWEIMAYIXIANDEXUANQU,YEKEYISHUOZHESHIWENZIDELUNKUO。BAOCHIXUANQUDEQINGKUANGXIA,JINRU【BIANJI>DINGYIHUABIYUSHE】,ZAIDANCHUDEDUIHUAKUANGZHONGTIANRUHUABIMINGCHENG。ZHESHI,WOMENJIUXINJIANLEJIAOZUO“WENZICHANGYINYING”DEHUABI。ZHEGEHUABIJIANGHUICHENGWEIWOMENDECHANGYINYINGDEJICHUXING。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

GANGZHIZUOWANBIDECHANGYINYINGHUABIBINGBUNENGLIKESHIYONG,DAJIAKEYISHIZHUXUANZHONGZHEYIHUABIHUACHUYITIAOHENJI,MEICUO,ZHEJIUSHIWOMENTONGGUOHUABIZHIZUOCHANGYINYINGDESILUGUANJIAN,DANSHI,HENMINGXIANBIAOXIANBINGBULIXIANG,HUABIBICHULIDEJIANGEHUANKANDEFENMING,BINGMEIYOULIANZHUICHENGPIAN。

 

STEP 04

DANGRAN,WOMENYAOJIEJUEZHEYIWENTI,ZHESHIRANGWOMENLAIDIAOSHIHUABI。DIANJIHUABIMIANBANDETUBIAO,JINRUGAIXINJIANHUABIDECANSHU。ZHIXUYAOJIANGYUANYOUMORENDEJIANGE25%GAIWEI1%,JIUSHIXIANLELIANZHUIDEWENTI。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

二、繪制長陰影

STPE 05

马其他幸运飞艇ZAIHUABUSHANG,YONGCANKAOXIANBIAOCHUYIGESHIZIXING。SHOUXIANQUERENHUABIGONGJUXUANZHONGDESHIWENZICHANGYINYINGDEHUABI,RANHOUYONGGANGBIGONGJU,YOUSHIZIXINGDEZHONGXINWEIZHIKAISHIDAOHUABUDEYOUXIAJIAOHUAYITIAOLUJING。XINJIANYIGETUCENG,ZAIZHETIAOLUJINGSHANGDANJISHUBIAOYOUJIAN,DIANXUAN“MIAOBIANLUJING”,ZAIMIAOBIANLUJINGZHONGXUANZEGONGJU“HUABI”。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

STEP 06

JIANGSHANGYIBUHUIZHIDECHANGYINYINGTUCENGYIDONGDAOWENZIZUDEXIAFANG。YOUYUZHESHIWENZIHECHANGYINYINGDOUSHIHEISE,BINGBUNENGKANCHUCENGCI,YINCIXUYAOXIUGAIWENZIDEYANSEWEI#6cddbc。RANHOUYONGXUANZEGONGJUYIDONGWENZIZUJIANGQIFANGZHIYUHECHANGYINYINGGANGHAOQIHEDEWEIZHI。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

STEP 07

ZAICHANGYINYINGDEXIAFANGZAIXINJIANYIGETUCENG,ZAIZHEGETUCENGHUIZHIYIGEZISEDEZHENGYUAN。RANHOUJIANGCHANGYINYINGDETUCENGHUNHEMOSHISHEZHIWEI“ZHENGPIANDIEDI”,TOUMINGDUJIANGZHI30%。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

 

STEP 08

ZENGJIAZHENGYUANDEMUDESHIWEILETUCHUWENZI,YERANGCHANGYINYINGYOUYIGEJIEXIAN。YINCI,ZHESHIXUYAOWEICHANGYINYINGZENGJIAYIGEMENGBAN,ZHEGEMENGBANDEXINGZHUANGWEIZHENGYUANDEXINGZHUANG,RANGCHAOCHUZHENGYUANDEBUFENDEYINYINGBUKEJIAN。QUEDINGHAOWEIZHIHOUZAIZAITUCENGSHANGDANJIYOUJIAN“YINGYONGTUCENGMENGBAN”。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

三、潤色處理

马其他幸运飞艇 ZHESHICHANGYINYINGJIUHUIZHIWANBILEMA?DANGRANMEIYOU!WEICHANGYINYINGRUNSECHUGENGDUODEXIJIEKANSHANGQUSHIYONGWUZHIJINGDE。ZAICI,WOMENZHIXUYAOJIANDANZUOYILIANGBU,YEXUJIUNENGRANGWOMENDEYINYINGTUOLI“DAIBANFAWEI”DEYINXIANGLE。

STEP 09

马其他幸运飞艇TOUYINGDEBIANYUANMOHUYEXUSHIBIJIAOJIEJINNIWUDEZUOFA,RANER,WOMENBUNENGJIANDANYUNYONGGAOSIMOHUJIUKEYILE,ZHEHUIRANGCHANGYINYING(JIEJINWENZIDEBUFEN)KANSHANGQUSHIZHEN,YESHIQULECHANGYINYINGDEMEILI。ZHESHI,RANGWOMENJINRU【LVJING>MOHUHUALANG>CHANGJINGMOHU】,CHANGJINGMOHUYUNXUWOMENKEYIXUANZEMOHUDEWEIZHI,BINGQIEZENGJIADUOGEMOHUDIAN。WOMENJIANGSHEZHILIANGGEMOHUDIAN,YIGEMOHUDIANDEMOHUZHIWEI3、LINGYIGEWEI2。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

STEP 10

马其他幸运飞艇JIEXIALAI,RANGWOMENWEICHANGYINYINGNEIBUZENGJIAYIDIANCENGCI,ZHEGECENGCIGUANXISHI:LIWENZIYUEJIN,YINYINGJIUYUESHEN。YINCISHAOYUANDEBUFENZHUJIANJIUBUJIAN。XIANZAIRANGWOMENWEICHANGYINYINGTUCENGZENGJIAYIGEMENGBAN,ZAIMENGBANSHANGLACHUYITIAOHEIBAIJIANBIAN。ZHEYIDIANXIANGXINYIBUYONGWODUOSHUO,MENGBANZHONGHEISEBUFENSHIBUKEJIAN,ERBAISEDEBUFENSHIKEJIAN,HUISEJIUSHIZHONGJIANDETOUMINGGUODUDIDAI。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

ZHESHICHANGYINYINGDEMOHUCHULIJIUWANCHENGLE。ZHESHICHANGYINYINGDEMOHUCHULIJIUWANCHENGLE,BIQIZHENGTIMOHULAISHUO,CHANGJINGMOHUSHIFEICHANGLINGHUODECHULIFANGSHI。

STEP 11

马其他幸运飞艇ZIXIGUANCHAGUOTOUYINGDEXIAOHUOBANDOUYOUTIHUI,DANGNIDEYINGZIBEITAIYANGLACHANGDESHIHOU,CHULEBEILACHANGDEYINGZIWAI,NIDESHENTIZISHENHUANYOUYIGETOUYING。ZHELIDEWENZIYEBULIWAI。WEIWENZIZENGJIATOUYING,BIANLIYIDIANDEZUOFASHIZHIJIETIANJIATUCENGYANGSHI,DANZHEYANGZUOFAXIANRANSHIBIJIAOCUBAODE。

马其他幸运飞艇 WOMENDEZUOFASHIXIANFUZHICHANGYINYINGTUCENG,RANHOUZAIQIFUZHICENGDEMENGBANSHANGZHONGXINLACHUHEIBAIJIANBIAN,QIHEISEDEBUFENGENGKAOJINWENZI。JIANGZHEGETUCENGDETOUMINGDUJIANGZHI5%。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

马其他幸运飞艇 HUANKEYIZAIZENGJIAYIGEFUZHICENG,JIXUJIANGMENGBANZHONGHEIBAIJIANBIANDEWEIZHIWANGWENZIDEDINGBUYIDONG。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

CHANGYINYINGDERUNSEBUFENJIUZANGAOYIDUANLUOLE。

 

STEP 12

YINWEIKANSHANGQUWENZI,YOUQISHIJIAODADEWENZIZAIYINYINGDECHENTUOXIALVEXIANDANBO,YINCIKEYIZENGJIAWENZIDE“HOUDU”,WEIWENZIZUTIANJIA“XIEMIANYUFUDIAO”DETUCENGYANGSHI。

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

ZUIZHONGXIAOGUORUXIA:

PS制作扁平風格長陰影字體

PS制作扁平風格長陰影字體

后記

马其他幸运飞艇 XUEXIDERENHEJIEDUAN,WOMENDOUBUYINGSHOUKUNYUBIAOQIAN。JIUXIANGCHANGYINYINGZHEGEBIAOQIANYIYANG,TAYONGYUANYOUWUXIANTANSUODEKONGJIAN,RUGUONIZHIDUIXIANZHUANGMANYI,NEIMELINGGANBINLINKUJIEYEBUHUISHIDUANSHIJIANFASHENGDESHI。


本文來源:中國設計在線

上一篇:返回列表
關鍵詞: PS教程 扁平化 長陰影 
作者:cdo
相關閱讀
    正在加載...