找回密码
 加入怎通
查看: 411|回复: 3

[站长八卦] 教你学做店招装修必看攻略FLASH店招的使用

[复制链接]
谭晓笑 发表于 2015-09-08 10:53:11 | 显示全部楼层 |阅读模式
店招店招制作基础:旺铺FLASH店招如何用?7种经典技法!
9 b; L3 E  m6 }. m3 h/ w  w# q' [
店招位于旺铺最顶部,尺寸是950×150,呵呵,好大的一个招牌!这远远要比普通店铺优越了很多,而且现在旺铺店招不但支持GIF动画,还支持FLASH动画,更加是丰富多彩,效果炫丽。
( d$ w5 ]0 b9 z* ?% ?+ Y; E. j2 s2 K7 n1 F
因为店招是一个店铺的门头,位于店铺顶部,是每个顾客第一眼能看到的地方,因此至关重要!是店铺装修的重要环节,精心设计的店招店招制作做法往往能醒目的传达店名、品牌、经营特色等店铺信息,或则凸显店铺的独特风格。1 ^) Z! P& i4 o- T4 o) ?# M

6 n; @" \3 d/ ^7 E& e( [" s+ P但是实际很多店主并没有注意自己的店招设计,只是从众多模板中随意选一款后,改成自己店铺的名称草草了事,甚至更有连店招店招制作流程究竟如何设置都弄不明白,大大的显示系统自动生成的店铺名称。
4 h% Q, A8 \% o; n% k: q
% D2 _# L$ d% i, P3 r那赶紧看看下面我将与你分享如何发布GIF图文店招怎么样学做店招?如何设定FLASH动画店招?3 {: A8 u# H& p- o3 |, p" y

$ _% {3 e- l" y7 u- T, _! a店铺首页右上方点击进入管理我的店铺:
  l3 h0 D2 p8 Q6 m. ]: v( X" a. q8 w: X! Q7 _) h4 e; E: |' F
2031410_wp-guanli.gif
# s: x- h/ o: s- k7 U
$ Q- I5 V5 R- K1 i# o0 W+ ?! n
6 ?6 e& m' W. {1 g0 v4 r& {9 S( b
管理后台选择“店铺装修”:
( S6 S8 m6 }$ j, J4 @/ {  t& ?5 o' v0 Y* E
2031410_wp-dianzhao1.gif

0 K2 u3 [, t8 z7 J/ n# N
; j6 m' h  Y) l2 l" O2 f  f
2 T) z. K, Q1 V然后点击“招牌设置”,这时你就可以看到下图所示,图的左下角点击“更换招牌”:: x* b0 P8 S+ c- k- Q
6 U0 ~; |( @' j" g  n6 h; n/ w
2031410_wp-dianzhao2.gif
, ?. }' ~* k  A, @
7 V: ]% v1 i) J  {/ I

# ]) ~& t3 J! C8 ]跳出更换招牌的窗口,点击浏览,上传设计好的店招就OK了;* P8 p& G+ u* z/ F+ w, @) Y% i6 C
  E9 Y0 E' X' ~8 r6 D
当然这个店招怎样才能把店招做好文件是需要先在本地电脑做好的,或则您从设计师手中购买后发给您的。一般店招图片格式是JPG或则动画的GIF格式,文件大小在100K内,尺寸是950×150px。0 |- l0 L9 q2 r
$ q! J, l' d3 M: M
最后记得点击“应用到本页”或者“整店”,大功告成了。, g9 u  B5 P# p: R; b2 C

" W4 `: a3 N' J
2031410_wp-dianzhao3.gif
# V. ^  P8 p0 d, g" N
& V) m' p9 m# h& |1 E; n
  @8 A' j' U' a
上面我们学会了如何上传设计好的店招图,但是很多朋友可能犯愁了,自己不会用PHOTOSHOP,更别说做动画店招店招的做法视频了,没关系!淘宝为大家推出了在线制作招牌的工具,下面我们来学习掌握, 只要点击“在线制作招牌”按钮;, W: u0 Y& a) }+ k
# z9 t. e; c( {
2031410_wp-dianzhao4.gif
4 _: {$ C! }) x) N
9 u* P# J: l- K# k% D
2 ^( H! x( V1 w2 W, _
点击后会进入在线的做图工具,这是淘宝推出的FLASH动画做图工具,使用相对PHOTOSHOP等大型做图软件简单的多,而且提供了很多设计好的店招店招的做法大全模板,如下图,按行业和主题分门别类的为我们准备了很多可选择的模板,点击店招我想学做店招按钮:
+ j0 J3 u$ I( H* h0 h- r) o- X& h4 p; d
2031410_wp-dianzhao5.gif

7 h8 p6 Z# l) F5 d1 {0 b: J
% f. `" [& r) q8 y) l6 R
) U2 V+ }5 m; F9 e' |: F选择喜欢的主题或则分类,可以看到下面会列出很多FLASH动画的店招,都是设计师设计好的款式,您可以在其基础上修改调整为您自己的店招,方法很简单,先选择一款相对适合自己店铺风格和色调的,然后点击“开始制作”按钮。
; C0 C8 M; p, V9 D* A) k. R, R) H6 ~- o% {8 b- O  _
2031410_wp-dianzhao6.gif

! g& Z+ L# f% t6 y, \8 w' B# u& g
  c. {( X" ~8 K
9 I# G  a/ ^/ |( c. v. p1 j2 n0 M马上进入FLASH的在线编辑工具,这个工具使用比较简单直观,您可以点击店招店招制作教程上对应的店名文字等,在右侧会出现编辑工具,里面可以将原有文字替换成您自己的,好比我把“施华洛世奇水晶”替换成了“凤凰社靓衣馆”哈哈!超级简单吧?
# o- f1 t% `2 _5 w+ m$ J4 P- m( F6 x8 Z0 p
2031410_wp-dianzhao7.gif
5 _* ~. h4 G: n: r, P6 }
3 w- [4 [+ L" }8 u

6 W" X+ o5 @" t. p! T如图我们把所有的文字都对应改成自己的,左侧您还能看到这个工具也有图层,你可以自由发挥调整原有的模板,这里不多介绍了,您自己上手试试吧。
9 L8 d9 \: f) \0 A; }" {# `5 K# A- ~( L
2031410_wp-dianzhao8.gif
( e' C" l$ X: y/ e5 x" N
8 u- O4 N+ \+ O  [$ t2 Z' E
/ C. ?2 s, s# L) j# K
所有都设置满意后,点击窗口下方的“设计完成”按钮,保存您的成果。/ e, ]- G% l9 Z. W
* r  V# l4 Z# r) ~4 y5 S7 I
2031410_wp-dianzhao9.gif

. m) F, [0 O, z9 g5 k5 a) h( v' Q2 o  D! T

  E- \# M" c& N5 {; j点击进入“我的设计”栏目,您可以看到上面通过编辑您就将一款现成的模板改成了自己的店招,有了这个工具您即使不会做图也能在别人的基础上修改完成不错的店招,变成自己的设计,下图中可以看到上面我们完成的店招,还有凤凰社长设计的更多店招我要学做店招,下面只需在“我的设计”库中选择想放到页面上的店招,点击“应用到店招”按钮。
) G9 f* r' i( |* O6 p- J
! W' s6 |( x! O
2031410_wp-dianzhao10.gif

+ k$ k! ]3 U: H9 O8 N" Y. Y+ s; i. Y% n( H
0 m. x! ]; X0 `7 m9 `
跳回到招牌设置页面,马上可以看到编辑好的店招显示出来,最后记得点击“应用到本页”或者“整店”,大功告成了。
" m  G" _5 X) o; |5 f' ~4 H+ n1 a, [# @: Z. `5 y1 S3 h3 K* w
2031410_wp-dianzhao11.gif

$ w1 ~5 V9 ^' p4 v  G* {% v8 g) E, \
! {! G1 Y5 z+ ~4 l1 f3 n! y. R# X2 s' h6 ]* N. X
上面掌握了发布应用店招的方法, 不论什么工具,FLASH或者GIF动画,关键的还是要懂得安排设计店招的内容、图片搭配技巧、文字特效等等,凤凰社长最后给大家介绍7种店招店招的做法常用的经典技法!可供借鉴。/ j# o& S0 z4 i) `8 n

1 Q3 x5 k: @3 c: N# j: |  I# x招招都是那些皇**冠大店常用方法!7种经典技法!/ ^7 c2 {4 u( H2 o

- C+ x' x& G& Q; ^) v$ O第一招:图片拼接法,背景使用漂亮的照片拼接# n3 X" @: Z3 g0 o& o

$ Q! f5 Z7 @& ]5 y可以丰富多彩体现店铺商品特色,当然要处理好上面店铺名称,好比加背景色块来醒目显示7 g% g9 o' _6 o% g9 {/ I" J" c1 x# w
3 \, |3 N) Q: i! B; r( G

. ~0 x, C- O( K4 Z' Y# ^- H4 X" e( E$ H: a! s  \- P

: `* D5 Q8 J7 b+ n4 {第二招:漂亮插图法,使用漂亮的矢量插画7 m) U: ~: r9 F3 N. c$ k; F, E2 Y
5 R8 \2 d$ H; }: H0 Y6 ?
调用矢量插画元素,例如上图中的红色卡片,一下让气氛活跃,醒目时尚
6 g1 K! S! ~) v$ P0 a2 n" s& t# n/ D3 H. @& I4 S: [
& |; ]9 J* |6 f) B9 x! N
0 Q' {; m- I/ e* D. G1 ?* U  r
, `6 }( q( ]2 K' S6 R
第三招:动感斜线构图,文字和背景插入倾斜元素; y# t. {' s: V+ ]$ A( q' U

6 n7 |% H: G" W2 x0 Z具有强烈的运动感,非常适合运动、户外等,倾斜的文字很容易表现时尚动感
( W/ |; G+ t  U' R* G1 J
3 v. ~9 G, q/ M& F2 U8 }% @/ b第四招:抽象文字,几何元素
  V: y$ M( P- |( m% [  I; o
0 U; x  k) @0 j1 v* s非常适合店铺经营产品繁多,没有单一照片好代表店铺的,恰当使用文字和字体,抽象的点线面非常现代
  Z( z0 Y+ c- N& q3 `0 B( ]$ U1 J* q8 l' K: a+ |" Q! i& m
第五招:曲直对比,店招做店招的方法出现曲线
; b+ k& T1 ~. [
' p! U$ }6 A, c) B优美的曲线往往能吸引眼球,水平的店名在曲线衬托中更醒目
7 S) D* w. E8 ?' D" F5 n
1 e7 }! j( `( q8 e5 M# s, K9 {: q第六招:摄影、质感、特效
. Y9 ^' @0 f9 R
: _' K- c, v+ Z/ G- E$ H5 S- \如果产品有漂亮的摄影照片,往往简洁的运用好摄影独有的视觉冲击感,字体也使用一定的特效,效果简洁独到
5 i! w# z7 ]: r$ p. y
+ _6 B/ R' {# P第七招:氛围烘托法,采用有感染力的环境图片
& k; ]' _+ J; Y8 S2 y
/ K+ k4 ~: H8 A好比上图中并没有直白的商品照片,而是间接的温馨家居,更能让人为气氛感染,爱屋及乌
4 R1 P" O0 [- z: h
* U% F* o8 U& W& Z本文章由非凡影音(http://www.zjsydy.com/)搜集整理,KE4R希望这篇文章能给你提供帮助。
回复

使用道具 举报

gordonla 发表于 2026-01-10 10:39:53 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复 支持 反对

使用道具 举报

pengdan 发表于 2026-01-12 19:31:27 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复 支持 反对

使用道具 举报

HD1818 发表于 2026-01-13 04:02:34 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复 支持 反对

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-3-17 04:11 , Processed in 0.188188 second(s), 27 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表