1. 程式人生 > >秀米做多層相冊邊框

秀米做多層相冊邊框

秀米 多層邊框

  1. 登錄秀米

  2. 布局。任意添加一種布局模式,作為第一層。設置第一層的顏色為rgb為(255,255,255),設置陰影中的模糊和顏色分別為3px(即3像素),rgba為(81,81,81,0.54),設置定位中的段前距和段後距分別為10px,20px。復制第一層到剪貼板作為第二層放入第一層。設置第二層的定位中的段前距和段後距分別為5px和-5px,復制第二層到剪貼板作為第三層放入第二層。設置第三層的定位中的段前距和段後距分別為5px和-5px。

  3. 偏移。設置第一層的定位中的偏移為5px,第二層和第三層的定位中的偏移為-5px。

  4. 邊距並插入圖片。設置第三層的邊距中的上下左右均為8px,插入圖片,設置圖片的定位中的段前距和段後距均為0px。

  5. 寬度。設置第一層的寬度範圍在85%-90%(一般設置為88%),在調整其定位中的對齊為居中方式。

    當然還可以制作上下或左右滑動的方式。多層邊框




  1. 布局。添加一種三列布局,寬度分別為24%、36%、24%,然後在定位中選擇居中。

  2. 搜索“點線”,放入左右布局中,中間布局插入圖片,並設置圖片寬度為90%。



  1. 添加三列布局,設置兩邊寬均為33%,中間寬度為23%,然後在定位中選擇居中。

  2. 插入文字,可以設置字體形式,文字間距設置(行間距2px,字間距2px,頁間距35px),設置定位中的段前距或段後距為10px。搜索“軸線”,選一種放入布局中,修改顏色或者文字均可。


綜上,可以設置顏色(前景色、背景色)、邊框(樣式、尺寸、弧度、顏色)、陰影(大小、模糊、方向、顏色)、間距(行、子、上、下、左、右)、寬度、裁剪、定位(縮放、段前距、段後距、對齊、偏移)。這種設計都可以在布局中選擇想要的模板進行設計。


本文出自 “13123299” 博客,請務必保留此出處http://13133299.blog.51cto.com/13123299/1949458

秀米做多層相冊邊框