iiiliiííini%«: oíoit1p «fio ~
_H ? $315 Iii KEIÍJÊJ _ÍJÇIÍIIÍFÍ: J_ÍÇÍÍE+H'F
jÍWoÉoiê-l. . au C_l. i.iê-> ioitzi? "
Cores

A cor é uma infonnação visual, 
gerada por um estímulo,  que é percebida pelo nosso olho
e interpretada pelo nosso ...
Cores

  

0 oIho humano
possui dois tipos
de células
responsáveis

por nos fazerem
enxergar:  os cones
e os bastonetes. 
...
Cores

Os bastonetes são células que precisam
de uma menor quantidade de luz para serem sensibilizadas
(por isso que a noi...
li ñUHi i* limites-ii?   i: :iiiii'iiíirzr~aÍ
m. 
.MàuUiI
! .09
gviw
mmi
o 0.o
. .km7
. Bh7
FT. ./| 

zzzzzzzzzzzzzzzzzzzz.
Cores
Cores

Por isso,  os cones que temos nos olhos
são de 3 tipos:  azul,  vermelho e verde.
l
-5
. e

4' : a *JWÓ

Assim, 
foi criado
o modo RGB

(síntese aditíva). 

l
i' ÍlilfzliiiiiÍii « ”r~. ii; .irii  fia-r iiiñêlícfiiifoif-_lÍlo-“i
ioiiíligii't~i-ft~fiiti iziuav ili-fííslii":
Cores
Cores

Ciano (C)

Magenta (M)
Amarelo (Y)

Preto (K)
Cores

Assim, 

foi criado

o modo CMYK
(síntese subtrativa). 

.
í 'VC i i:  if¡ H @Hi iii  ¡Íifzi

ilikzilt, 
:a iifili i i:  i

 iiJJ 'f-_l : ii i: 

, . .  'Jíi
i Li!  ,

. l
Í

~^~1a
. , n
n . u- JW¡

ÍiÍaiUZ se refere a cor "pura", 
sem adição de branco ou preto. 

Ciano 'i 00%
É
#Wa-
.  Ç . .na

Brilho se refere a quantidade
de branco ou preto dentro de uma matiz. 

Ciano 'i 03% -: - Preto 30%
É
, '^': v'-
.  “- «JM»

Cores saturadas são sempre as mais
fortes,  mais claras e mais vivas. 

Cor saturada Cor c, '-, e...
i ii i:  viii:  I citar: : q:  c iva: :
A  . ._
F, 

Por fim, 

pense na sensação
que a cor transmite
para você. 

. 

.  JV¡ . a _'11
1"¡ á-v_r-. ~.. L.¡*. -__  "'
. as ...
ii' ll/ "ll Mil,  ;Ítllütlllllll
: jlllfe a ; me aii »Milo digitais-i_
5.;  . i Lwllitvj w_: +:_¡) ›; e._¡']¡l ill , tgp r...
aii- ,  .
ç

S: :

.  N

. 

  

   

za; zaazazzzazzazzzza. 

m Í,  m

. MWWO
o momCC
C AMEM
I
i l

5-5
CÍ J

Resumindo. ..

Modo RGB (Red + Green + Blue):  Modo utilizado para
materiais online,  televisão,  cinema ...
?MRAFIA
Tipografia

Categorias de tipos: 

Serifa
Sem serifa

777azmomméácv
Decorativo
É¡

Ç_

uvi

v**

iipos de pesos numa fonte: 

Ultra light
Light
Regular
 : l : Í

Ti».
Tipografia l Serifa

isso é uma serifa! 

serifa

Transição nos traços
(imitavam o ângulo da escrita a mão)
4¡ t¡ ' 1 1!¡
i u( _g x "d,  n n É l _a ~_'i-~- ug. 
' , o 4 ,  - í k a, 

N J 1,

Times Talew Roman
American Typewriter
A...
Não há transição
nos traços. 

. err cmi' '9
-u il um¡ ll: :

_ sans-serif!  :)
u:  -qi ! I r Í,1
i-r_@_. _1~'dpi  E l _Qifr çaçra":  :g
“ f' C”.  S.  'J l pl. ; l Íi. 

l  i. .

T_T . 
l , elx/ etica

...
I helvetica
I arial
Tipografia I Sem serifa

Documentário
Helvetica
(2007)

 

.
. . . , â q* Vi. ; ; wa

/ 
o/ urgbâíh, 
' a

/ õéc/ Jy 
 

Savage @get Plain
"exp- I  , ?_Q_, Q wap- kr 
ñ.  14h.  n  ›¡ n "ud dd'

   

_T

i l . " *r

.  (W 7'! ) »
'Iyá JL. 

l i*

  eaattç, 

x ....
i : ii _iria . liirzii

1Çll. if: llliit>. l«í< "lili life# el. : jltlleíiíelil

Al' l ' Hi.  Íltíll kill¡ l'
ILÍllíli elil'jll. ltãlilílíi. .,
Tipografia

Não existe uma regra,  mas enquanto você se familiariza com
tipografia,  o ideal é usar no máximo 2 famílias d...
Legiiáitidaile
Leiturabilidade
Legibilidade

Diz respeito a facilidade com
que uma letra pode ser distinguida de outra.
Legibilidade

Mãe,  eu que fiz! 

c/ ÍÊ,  madeira¡
Leiturabilidade

Diz respeito a facilidade com que o olho
absorve a mensagem e se move ao longo da linha. 
(é afetada pelo...
Leiturabilidade

Lorempsimdobrsitanaconsectetur adipiscing
elit.  Suspendisse venenatis rhoncus lorem

ãllifliããiillillãsl...
Leiturabilidade

Lorem ipsum dolor sit amet,  consectetur adipiscing elit. 
Suspendisse venenatis rhoncus lorem sed mattis...
Wii i iii) ii p Í ríisiiie_ i: : *ll « : íiapifigil
(Allliiiianiianlus.  :imziliiiloílziiiu  'Ciiiiiihsãiie-t : iaiiañpfiiil
_ lslão tenha medo
de espaços em branco.
Alinhamento

Imagine que preciso fazer
um cartão de visita com as seguintes informações: 

Marcos Singulano
Designer Gráfi...
!lf-«i-ÍÍÍBIIIÍ-li million

(liam-iii:  êlliiglllizliiii

liií| ÍH! l:l@L! llll'-. |1l. fl! llil

@flu -liiçlí ilii:  ítzl...
Alinhamento

Não jogue as informações
apenas para preencher espaços. 

Organize todos os elementos
de forma que o olhar do...
,unir-runs : l_l_iuii_Il-. iiii›
! familiar limitam

fig) : Llltiftrfltkh-i
lltãliI-lilaídgllltílllalillll

? fito -liiçli...
Alinhamento

Lista de Compras
Leite
Suco
Alface
Desodorante
Shampoo

Came

Molho de Tomate
Alinhamento

Lista de Compras
Leite

Suco

Alface
Desodorante
Shampoo

Came

Molho de Tomate
l wirjli* lilllíi"?  l f*
. _ ,  ,,   : F: _tl fil 
: :iii ll lí-. II Id"" «iii"= il”"->i~'l~i›
 . b. : Zfl 1M""
F: ;i1›: ...
Proximidade

Elementos similares devem estar próximos
para que sejam vistos como um conjunto coeso

e não como um emaranha...
i , i R¡ o
l *J  . ~ q
! lf-l-? Tlslilf-li Hñlnñlí' “tgl : :illemizlziz-z

Vitalis-iii:  êlliiglllizliiii

nnmiixscauiiinr...
.l'li'= .l_'í! 'lll›“ : l_l_iuii_Il-. iiii›
! familiar tiriiliiu

F ! Qi íílililbifltãtl-í

llhlKI-lil: l@1glilt= .lll. il...
Contraste

Se dois itens não forem exatamente os mesmos, 
diferencie-os completamente.
Contraste

Existem vários tipos de contraste: 
- de cores
- de fontes
- de pesos de fonte
- de tamanho
ltçiiillt-. iriie liílei ifiiilieltil
Gciritraste (de cores)
Contraste (de fontes)

12 de junho

Dio dos lloriorodos
“:  (de pesos de fonte)

    il

 

l i l "V
g:   «Q ›@~lv | n¡ v;  f!   ¡Ítñ ã¡  
lia : i lr.  y wir.  m. 
.x,  ¡.  . g. ...
: 'a . :'i :3 (de tamanho)

  .  ~ l l  l l 

Dia dos Namorados
;ll iifjip. : ta. ;

líkll' lílll lfzlil : if ifilriiçigz j);  »Í: if)¡'| "(íi'+”¡(. ffif(g›? .
.Vliílídlk : ll_luii_Il-. ilii›
! familiar firiillilr

ria : Llilillrãêãlzh-í
lliãlíl-liltl@lgllliílllrlllllll

-Ífíiv -li...
,llllãliêlll-. b ? Í"Í. l.l! l!. |_tili_l! *

! lama/ flar Éifiêmiíâ*

"m1 QHHUHÉBR'
iiialfiilnimlfiiaillailiiii

: Fim . ...
.lviliLirll Ii l i  illlillllltillll

.  14411/1112* r, 'I'/ í;/ Í;: .'I*

(muiippuâããlãiãt
iciáiílliidiilglllh hlltllll

...
Repetição

Repetição
em
X9

l

l

I É

r . air-lutam n

: ii tgp" tt
. IL @m9
Repetição
Repetição

Consistência
t ; Ml

C É
  , ,V, _ , 
_N a y _gnu _%f.  _. _ a~ x1  _e r 1 a_ r.5g_ 1
 leal.  Mic.   u.  T . .~«. .l ll:  *al ter;  .l
...
¡if-fr,  lili-f ri~ «al-li “ lar ii:  i4'
, alrr : i'll-ll ¡ir'rl'iair (trailer:  :iii: 

r iaiirll -i. ':+.  ~_ilí. r.:  ...
Dicas e ferramentas
Dicas

Acabou o seu projeto? 
- Pense no suporte que ele vai ser visto. 
- Pense no público que você vai atingir
- Verifiq...
:r , lliÍii-. liíÍll il.  l. 
.trt-li "aiarfirrirtifiz  aiÍi. ¡l: -li*: -li°li: -* : ii: - -rírafitrirtrl
Dicas

Platafomias interessantes: 
Pinterest (wvvw. pinterest. com)
Behance Network (wvvw. behance. net)
Dribbble (wvvw. d...
à . 
t

*ir-i : tir , irc-er *rir-. ira

f' f

lr" ~ trail.  ,ira  river llf: ll"ltli'fzlljÍirr. 

Ji"?  t lfíll V ll líft...
E o que eu 
iiear pra fazer os iflfleiis

pltjetaa?
Ferramentas

Comece com o bom e velho
lápis e papel.  Rascunhe,  desenhe,  planeje
e pense no que você vai executar antes ...
Adobe Suite

L<

' ílñi: ¡:_l°l'-“-^Íí” i3 a oo 

r.  1, ; PÁ
r-

 

 

 Í
E' ÍQ' ,    A ' [ ' ' '
i"?  ¡ií ll _rçra  r.  ...
Ferramentas ! Softwares pagos

Corel Draw

 

CorelDRAW' l

'Il' ido IPI-Miki¡ NC¡ 'di' 'IO'

.  o.  nua-uu-. n--r---~uuu....
GIMP

 

f
l
/ 
f
f
/ 
f
f
l
f
f
l
f
f
l
/ 
f
f
l
f

-j/ ¡Dullnairons Plates Sysiem
. a mai. ;
Elle Xins ser? 

. vxTal
li...
.. .a V""W

; mt ynew ; ayer gmect gem ; rext Effegts wmtenoagu uelp

. H9 ea . ea O@@ LJVEEI RH VTÉÊ 39%

2  A  à à!  ;a ...
Color
Scheme
Designer

. 

 

à. ?

_. ... ._. ._. L_. ... ...
Ferramentas I Recursos úteis

Adobe

ComrCC
(antigo Adobe
Kuler)

 

¡
:0'~_T rg rrwgnr- nf Q  l   rrrñg 'â
n , ç n 4 U _ c n _-. 
ui u'.   : :Vo an¡ .  @ou .  JJ ru

   

An Ammred a".  Iria-a...
c w r c c' v v w v o r w
4¡ a n c n n
a a s a s c n a a

Ishot
the serif

 à' 'V'
itv--uhn-nn-¡I- tanques-Obina. 
' à t. ....
.ÍEVÀNYIVÊ null-

e A  o
a _
_

-. . W m_
i' . ao

/ f// f// f/f/ /f/ /f/ f/f. 

Kerning
game
Mai* ; í-: :ÍCJ _d_

n n _rhhlg-'gkil Íw'_f_i
1+1),  Hi' 'JIJ i “IJ 1 i , i _i _PU 'e lj 'Y' T

_i

f¡

J j¡ i 1»
Bora praticar? 

Blog de Moda Feminina
Material que fala de ecologia

Cardápio de restaurante mexicano

Folder para um pro...
miñgadoíà

marcos. singulano@gma¡l. com
Workshop de Design para Iniciantes
Workshop de Design para Iniciantes
Workshop de Design para Iniciantes
Workshop de Design para Iniciantes
Próximos SlideShares
Carregando em…5
×

Workshop de Design para Iniciantes

570 visualizações

Publicada em

Apresentação do workshop de Design para Iniciantes, ministrado por Marcos Singulano no Espaço Premium Paulista em São Paulo (Novembro / 2014)

Publicada em: Design
0 comentários
3 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
570
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
31
Comentários
0
Gostaram
3
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Workshop de Design para Iniciantes

  1. 1. iiiliiííini%«: oíoit1p «fio ~ _H ? $315 Iii KEIÍJÊJ _ÍJÇIÍIIÍFÍ: J_ÍÇÍÍE+H'F jÍWoÉoiê-l. . au C_l. i.iê-> ioitzi? "
  2. 2. Cores A cor é uma infonnação visual, gerada por um estímulo, que é percebida pelo nosso olho e interpretada pelo nosso cérebro.
  3. 3. Cores 0 oIho humano possui dois tipos de células responsáveis por nos fazerem enxergar: os cones e os bastonetes. r hoñzontalceus il 97'04"00 '-. .Í'-: '(; .: .-. .. ›., .ng-Rê ': Í"À)x- . a 7:; -'<2"z: .r; =-; I."-'--. . I rods cones , «.r~«_a JTwWm ~a~«, +_-n, ~. i 1 i l ' < ' , bipolar cells gangüonceus L
  4. 4. Cores Os bastonetes são células que precisam de uma menor quantidade de luz para serem sensibilizadas (por isso que a noite é tão difícil distinguir cores). Os cones são sensibilizados com uma enorme quantidade de luz e geram imagens nítidas e coloridas.
  5. 5. li ñUHi i* limites-ii? i: :iiiii'iiíirzr~aÍ
  6. 6. m. .MàuUiI ! .09 gviw mmi o 0.o . .km7 . Bh7 FT. ./| zzzzzzzzzzzzzzzzzzzz.
  7. 7. Cores
  8. 8. Cores Por isso, os cones que temos nos olhos são de 3 tipos: azul, vermelho e verde.
  9. 9. l -5 . e 4' : a *JWÓ Assim, foi criado o modo RGB (síntese aditíva). l
  10. 10. i' ÍlilfzliiiiiÍii « ”r~. ii; .irii fia-r iiiñêlícfiiifoif-_lÍlo-“i ioiiíligii't~i-ft~fiiti iziuav ili-fííslii":
  11. 11. Cores
  12. 12. Cores Ciano (C) Magenta (M) Amarelo (Y) Preto (K)
  13. 13. Cores Assim, foi criado o modo CMYK (síntese subtrativa). .
  14. 14. í 'VC i i: if¡ H @Hi iii ¡Íifzi ilikzilt, :a iifili i i: i iiJJ 'f-_l : ii i: , . . 'Jíi i Li! , . l
  15. 15. Í ~^~1a . , n n . u- JW¡ ÍiÍaiUZ se refere a cor "pura", sem adição de branco ou preto. Ciano 'i 00%
  16. 16. É #Wa- . Ç . .na Brilho se refere a quantidade de branco ou preto dentro de uma matiz. Ciano 'i 03% -: - Preto 30%
  17. 17. É , '^': v'- . “- «JM» Cores saturadas são sempre as mais fortes, mais claras e mais vivas. Cor saturada Cor c, '-, esa'tu¡'ada (matiz puro)
  18. 18. i ii i: viii: I citar: : q: c iva: :
  19. 19. A . ._
  20. 20. F, Por fim, pense na sensação que a cor transmite para você. . . JV¡ . a _'11 1"¡ á-v_r-. ~.. L.¡*. -__ "' . as . , , _ _f m: _HF l . "^'V l . . .- ' '- n' . .' ' s. . v-_u_ ñ. J* , _ _ . 4'. ;
  21. 21. ii' ll/ "ll Mil, ;Ítllütlllllll : jlllfe a ; me aii »Milo digitais-i_ 5.; . i Lwllitvj w_: +:_¡) ›; e._¡']¡l ill , tgp rali,
  22. 22. aii- , . ç S: : . N . za; zaazazzzazzazzzza. m Í, m . MWWO o momCC C AMEM
  23. 23. I i l 5-5 CÍ J Resumindo. .. Modo RGB (Red + Green + Blue): Modo utilizado para materiais online, televisão, cinema etc. .. Modo CMYK (Cyan + Magenta + Yellow + Black -Key-): Modo utilizado na maioria dos materiais impressos e publicações
  24. 24. ?MRAFIA
  25. 25. Tipografia Categorias de tipos: Serifa Sem serifa 777azmomméácv Decorativo
  26. 26. É¡ Ç_ uvi v** iipos de pesos numa fonte: Ultra light Light Regular : l : Í Ti».
  27. 27. Tipografia l Serifa isso é uma serifa! serifa Transição nos traços (imitavam o ângulo da escrita a mão)
  28. 28. 4¡ t¡ ' 1 1!¡ i u( _g x "d, n n É l _a ~_'i-~- ug. ' , o 4 , - í k a, N J 1, Times Talew Roman American Typewriter Adobe Óaslon Pro Bodom
  29. 29. Não há transição nos traços. . err cmi' '9 -u il um¡ ll: : _ sans-serif! :)
  30. 30. u: -qi ! I r Í,1 i-r_@_. _1~'dpi E l _Qifr çaçra": :g “ f' C”. S. 'J l pl. ; l Íi. l i. . T_T . l , elx/ etica l l I -lr í( l Bike
  31. 31. I helvetica I arial
  32. 32. Tipografia I Sem serifa Documentário Helvetica (2007) .
  33. 33. . . . , â q* Vi. ; ; wa / o/ urgbâíh, ' a / õéc/ Jy Savage @get Plain
  34. 34. "exp- I , ?_Q_, Q wap- kr ñ. 14h. n ›¡ n "ud dd' _T i l . " *r . (W 7'! ) » 'Iyá JL. l i* eaattç, x . _, i: ?Em “i, / i/ 'ami
  35. 35. i : ii _iria . liirzii 1Çll. if: llliit>. l«í< "lili life# el. : jltlleíiíelil Al' l ' Hi. Íltíll kill¡ l'
  36. 36. ILÍllíli elil'jll. ltãlilílíi. .,
  37. 37. Tipografia Não existe uma regra, mas enquanto você se familiariza com tipografia, o ideal é usar no máximo 2 famílias de fontes diferentes no mesmo projeto. Busque famílias que possuem uma variedade boa de pesos.
  38. 38. Legiiáitidaile Leiturabilidade
  39. 39. Legibilidade Diz respeito a facilidade com que uma letra pode ser distinguida de outra.
  40. 40. Legibilidade Mãe, eu que fiz! c/ ÍÊ, madeira¡
  41. 41. Leiturabilidade Diz respeito a facilidade com que o olho absorve a mensagem e se move ao longo da linha. (é afetada pelo tipo de letra escolhido, o corpo da letra, o espaço entre letras e palavras, o comprimento das linhas de texto e pelo entrelinhamento).
  42. 42. Leiturabilidade Lorempsimdobrsitanaconsectetur adipiscing elit. Suspendisse venenatis rhoncus lorem ãllifliããiillillãsliâíllillêiãlilifiwial WW* nisl at condimentum pharetra, elit enim porta turpis, vitae ultrices quam nibh elementum est. Maecenas ac est eget Iigula sodales tempus non id est. Proin ac nulla Iigula. Etiam
  43. 43. Leiturabilidade Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis rhoncus lorem sed mattis. Nunc tincidunt tellus pulvinar, molestie nunc a, aliquam erat. Donec ut turpis leo. Nulla commodo euismod adipiscing. Quisque congue, nisl at condimentum pharetra, elit enim porta turpis, vitae ultrices quam nibh elementum est. Maecenas ac est eget Iigula sodales tempus non id est. Proin ac nulla Iigula. Etiam sodales facilisis accumsan. Nullam dolor lorem, posuere feugiat diam a,
  44. 44. Wii i iii) ii p Í ríisiiie_ i: : *ll « : íiapifigil (Allliiiianiianlus. :imziliiiloílziiiu 'Ciiiiiihsãiie-t : iaiiañpfiiil
  45. 45. _ lslão tenha medo de espaços em branco.
  46. 46. Alinhamento Imagine que preciso fazer um cartão de visita com as seguintes informações: Marcos Singulano Designer Gráfico (12) 9999-8888 marcos@gmail. com São José dos Campos
  47. 47. !lf-«i-ÍÍÍBIIIÍ-li million (liam-iii: êlliiglllizliiii liií| ÍH! l:l@L! llll'-. |1l. fl! llil @flu -liiçlí ilii: ítzliiliiiir
  48. 48. Alinhamento Não jogue as informações apenas para preencher espaços. Organize todos os elementos de forma que o olhar do leitor não fique perdido.
  49. 49. ,unir-runs : l_l_iuii_Il-. iiii› ! familiar limitam fig) : Llltiftrfltkh-i lltãliI-lilaídgllltílllalillll ? fito -liiçli- lili: Hzniliiii:
  50. 50. Alinhamento Lista de Compras Leite Suco Alface Desodorante Shampoo Came Molho de Tomate
  51. 51. Alinhamento Lista de Compras Leite Suco Alface Desodorante Shampoo Came Molho de Tomate
  52. 52. l wirjli* lilllíi"? l f* . _ , ,, : F: _tl fil : :iii ll lí-. II Id"" «iii"= il”"->i~'l~i› . b. : Zfl 1M"" F: ;i1›: §ll, l'~lí'°. l<i: l.i Mlli Him-ñ m t
  53. 53. Proximidade Elementos similares devem estar próximos para que sejam vistos como um conjunto coeso e não como um emaranhado de partes sem ligação. A proximidade física implica numa relação. Vamos voltar ao cartão de visita. ..
  54. 54. i , i R¡ o l *J . ~ q ! lf-l-? Tlslilf-li Hñlnñlí' “tgl : :illemizlziz-z Vitalis-iii: êlliiglllizliiii nnmiixscauiiinrllaiiiiii : Ein . irmã »the : iaiiiigioi:
  55. 55. .l'li'= .l_'í! 'lll›“ : l_l_iuii_Il-. iiii› ! familiar tiriiliiu F ! Qi íílililbifltãtl-í llhlKI-lil: l@1glilt= .lll. ililliI -Ífílv -liiçli- nílii: Banrisul:
  56. 56. Contraste Se dois itens não forem exatamente os mesmos, diferencie-os completamente.
  57. 57. Contraste Existem vários tipos de contraste: - de cores - de fontes - de pesos de fonte - de tamanho
  58. 58. ltçiiillt-. iriie liílei ifiiilieltil
  59. 59. Gciritraste (de cores)
  60. 60. Contraste (de fontes) 12 de junho Dio dos lloriorodos
  61. 61. “: (de pesos de fonte) il l i l "V g: «Q ›@~lv | n¡ v; f! ¡Ítñ ã¡ lia : i lr. y wir. m. .x, ¡. . g. .. . J r- i , i_ _l íIjK-ü-
  62. 62. : 'a . :'i :3 (de tamanho) . ~ l l l l Dia dos Namorados
  63. 63. ;ll iifjip. : ta. ; líkll' lílll lfzlil : if ifilriiçigz j); »Í: if)¡'| "(íi'+”¡(. ffif(g›? .
  64. 64. .Vliílídlk : ll_luii_Il-. ilii› ! familiar firiillilr ria : Llilillrãêãlzh-í lliãlíl-liltl@lgllliílllrlllllll -Ífíiv -liiçfi- lili: ltlzillliiii:
  65. 65. ,llllãliêlll-. b ? Í"Í. l.l! l!. |_tili_l! * ! lama/ flar Éifiêmiíâ* "m1 QHHUHÉBR' iiialfiilnimlfiiaillailiiii : Fim . fa-lã lili: Cfíllllilllt'
  66. 66. .lviliLirll Ii l i illlillllltillll . 14411/1112* r, 'I'/ í;/ Í;: .'I* (muiippuâããlãiãt iciáiílliidiilglllh hlltllll &IULJOHÊI lille¡ miiiiplol:
  67. 67. Repetição Repetição
  68. 68. em X9 l l I É r . air-lutam n : ii tgp" tt . IL @m9
  69. 69. Repetição Repetição Consistência
  70. 70. t ; Ml C É , ,V, _ , _N a y _gnu _%f. _. _ a~ x1 _e r 1 a_ r.5g_ 1 leal. Mic. u. T . .~«. .l ll: *al ter; .l Helvetica Regular Condensed i
  71. 71. ¡if-fr, lili-f ri~ «al-li “ lar ii: i4' , alrr : i'll-ll ¡ir'rl'iair (trailer: :iii: r iaiirll -i. ':+. ~_ilí. r.: Lille ~. i'ir"irjl. ~. aiii ' i r l lf-'Hl r ll r "rrvgifiatizil,
  72. 72. Dicas e ferramentas
  73. 73. Dicas Acabou o seu projeto? - Pense no suporte que ele vai ser visto. - Pense no público que você vai atingir - Verifique todo o arquivo antes de fechá-Io (converse com a gráfica, se necessário! ) - Lembre-se sempre da escala de cores!
  74. 74. :r , lliÍii-. liíÍll il. l. .trt-li "aiarfirrirtifiz aiÍi. ¡l: -li*: -li°li: -* : ii: - -rírafitrirtrl
  75. 75. Dicas Platafomias interessantes: Pinterest (wvvw. pinterest. com) Behance Network (wvvw. behance. net) Dribbble (wvvw. dribbbIe. com) Ads of the world (wvvw. adsoftheworId. com) l love typography (wvvw. iIovetypography. com) My fonts (www. mylonts. com)
  76. 76. à . t *ir-i : tir , irc-er *rir-. ira f' f lr" ~ trail. ,ira river llf: ll"ltli'fzlljÍirr. Ji"? t lfíll V ll líftillÍll t. ,
  77. 77. E o que eu iiear pra fazer os iflfleiis pltjetaa?
  78. 78. Ferramentas Comece com o bom e velho lápis e papel. Rascunhe, desenhe, planeje e pense no que você vai executar antes mesmo de ligar o computador.
  79. 79. Adobe Suite L< ' ílñi: ¡:_l°l'-“-^Íí” i3 a oo r. 1, ; PÁ r- Í E' ÍQ' , A ' [ ' ' ' i"? ¡ií ll _rçra r. h', .Flu . i Artur E”t-Ll5 Prem e Pro nDesign í / à S r ¡ r'. _iii , X r (Hifi: «L L - . Y_ › Í . Flash Flash Builder I. / . . _ , . r 1 . Il liur' ti . lr t gl r l l l . r 4 N S Pdf: -
  80. 80. Ferramentas ! Softwares pagos Corel Draw CorelDRAW' l 'Il' ido IPI-Miki¡ NC¡ 'di' 'IO' . o. nua-uu-. n--r---~uuu. n»_n-~m- ; I i'
  81. 81. GIMP f l / f f / f f l f f l f f l / f f l f -j/ ¡Dullnairons Plates Sysiem . a mai. ; Elle Xins ser? . vxTal li/ PA-p r &ISEQFE-lr ! ADV/ gx J à. o 9 d Ft o F Minibvush - x cama nao Mod¡ Novmzl Bras? o llcrrcie iii: i> Pressure senswl, lFadecut _r liiuemertal , ou : oicrlmm qradiert u. .r m. uiMP o . 9.. .» . ..numa rm, r layei) 330x149 Ele Edil ielecl Meu lrvaizê Laye' Tools Qialoãs inn m n °r°“lrrr°r°"lrrrr°rr °r°”lrr nx mov. Eaugraund (725 KEl . z Layws, Lhannels Pains, um i Brush: Frite m 1 x Vylwn u Wed AD' i a ; A ou [g . , t. ,.. .,. r.. .,. ... r., r› _ : x ggimp png-JD . Amo ããüa um, . x Moda mrrmai . Opzrily _ . linea m g Bzrrqround io rrzi < a qimp png 1.¡ u lima l layeii uuxug
  82. 82. .. .a V""W ; mt ynew ; ayer gmect gem ; rext Effegts wmtenoagu uelp . H9 ea . ea O@@ LJVEEI RH VTÉÊ 39% 2 A à à! ;a ; É xuezyih 535 nof: wnsqas; @H ; os na. ; px 1,», .,_! '?°. ,». .,», I*? °., »,V. .,V? °..1.4,. .*Ê°».11.. .“Í”. .11.. , k r Órnlnnastrokus Em Í' Stroke 25m' 5 x 1 E m¡ : meu -x O file 3323!? ! RGE HSL CMYK Wh n' . Â In KSCH e à e a 5 e @ nf L Í w E f A _à , :. ., ._ í AI j o à Elur. % 'K r t_ j¡ ã¡ Master gpanty, v, If r x r r# 7 rJ . « »w É¡ MP0 w J w m_ ~uyer1 : um select unaer, move selected ããz um. H
  83. 83. Color Scheme Designer . à. ? _. ... ._. ._. L_. ... ...
  84. 84. Ferramentas I Recursos úteis Adobe ComrCC (antigo Adobe Kuler) ¡
  85. 85. :0'~_T rg rrwgnr- nf Q l rrrñg 'â n , ç n 4 U _ c n _-. ui u'. : :Vo an¡ . @ou . JJ ru An Ammred a". Iria-ac' v» Í¡; n-r| v<'*: n of c: m: Conmnru. n . m wc Cony 3mm "W Colors in motion --o C-IerIr-vr 'crime ¡
  86. 86. c w r c c' v v w v o r w 4¡ a n c n n a a s a s c n a a Ishot the serif à' 'V' itv--uhn-nn-¡I- tanques-Obina. ' à t. . «Tr-ê '- .
  87. 87. .ÍEVÀNYIVÊ null- e A o a _ _ -. . W m_ i' . ao / f// f// f/f/ /f/ /f/ f/f. Kerning game
  88. 88. Mai* ; í-: :ÍCJ _d_ n n _rhhlg-'gkil Íw'_f_i 1+1), Hi' 'JIJ i “IJ 1 i , i _i _PU 'e lj 'Y' T _i f¡ J j¡ i 1»
  89. 89. Bora praticar? Blog de Moda Feminina Material que fala de ecologia Cardápio de restaurante mexicano Folder para um professor de Ed. Física
  90. 90. miñgadoíà marcos. singulano@gma¡l. com

×