27 de fev. de 2013

A Arte de Fazer Arte! - Parte 1


Quando vi pela primeira vez o mascote da Copa de 2014 me apaixonei. Desenho simples, fácil a identificação e simpático. Ao contrário do mascote dos jogos de Londres.
Para vocês terem uma ideia, tive que "caçar" a origem e o nome dos mascotes, afinal não bastava um, tinha que ser dois personagens bizarros.

Segundo as minhas pesquisas:

"Os mascotes Wenlock e Mandeville foram os mascotes oficiais das Olimpíadas de Londres 2012. Eles são animações que representam duas gotas de aço. De acordo com seu criador, os mascotes surgiram das duas últimas gotas de aço que restaram da última viga de suporte do Estádio Olímpico de Londres.

Os nomes escolhidos fazem referência a duas cidades britânicas: Much Wenlock e Stoke Mandeville. A primeira cidade foi onde ocorreu a Wenlock Games, que serviu de inspiração para o Barão de Coubertin (idealizador das Olimpíadas Modernas). Já a segunda cidade foi onde ocorreram os Jogos Stoke Mandeville, precursor das Paraolimpíadas. "

www.suapesquisa.com/olimpiadas2012/mascotes.htm

Voltando ao mascote brasileiro, tenho que parabenizar quem teve a brilhante ideia do Tatu-Bola. Quando tiver para vender em pelúcia, vou querer um!

Na hora de dar um nome para o mascote brasileiro fizeram uma pré seleção. E a população foi obrigada a escolher entre um desses nomes Amijubi, Fuleco ou Zuzeco. Nomes estranhos. Cada um dos nomes tem um significado. Veja abaixo:


AMIJUBI: É a união das palavras “amizade” e “júbilo”, duas características marcantes da personalidade do nosso mascote e que refletem a maneira de ser dos brasileiros. Além disso, esse nome tão original está ligado ao tupi guarani, em que a palavra “juba” quer dizer amarelo – a cor predominante no mascote!

FULECO: É a mistura das palavras “futebol” e “ecologia”, dois componentes fundamentais da Copa do Mundo da FIFA Brasil 2014.

ZUZECO: Foi formado dos elementos principais de “azul” e “ecologia”. Azul é a cor dos mares da maravilhosa costa brasileira, dos rios que cruzam o país e do nosso lindo céu. E é também, claro, a cor da carapaça especial do mascote.
http://www.brainstorm9.com.br/31627/advertising/o-nome-do-mascote-da-copa-2014-amijubi-fuleco-ou-zuzeco/

Enfim quem acabou ganhando foi Fuleco. Mesmo não gostando do nome sou fã desse bichinho!


Beijos, Vanessa de Paula. Até a Próxima.



Read More

7 de fev. de 2013

Contorno Luminoso

foi o início disto:





Se você nunca viu, veja Contorno Luminoso!

Read More

6 de fev. de 2013

Que nunca sejamos Designers assim!


Read More

10 de out. de 2012

Voltando - Dicas

Olá, pessoal! =)

Depois de muuuuito tempo sem conseguir postar nada aqui, volto com duas pequenas porém importantes dicas para qualquer tipo de arte gráfica que você quiser tirar da tela.

São elas:

SANGRIA & MARGENS DE SEGURANÇA

SANGRIA :
É uma continuação do plano de fundo, para além da área de corte, prevenindo aqueles filetes brancos que possam aparecer com a impressão.

MARGENS DE SEGURANÇA:
É um espaço que deve ser considerado para dentro da área de corte, para que nenhuma parte importante do conteúdo seja cortada.

Sendo assim, NUNCA faça sua arte nos limites da página, isto é, se for imprimir depois...


Abçs, Amanda

Read More

4 de set. de 2012

Why so serious?

Pode não ser o que eu gosto, mas sejamos justos, e apreciemos uma boa criatividade...


Read More

2 de set. de 2012

Introdução ao HTML

HTML é a linguagem mais simples que eu já aprendi. Claro que para resultados melhores, o código sofre mudanças, mas na minha opinião é o mais fácil e qualquer um pode aprender.
O código HTML é composto por tags, que são comandos escritos entre <> e suas propriedades.

Aprenda na prática.


1º Abra o Bloco de Notas e salve seu arquivo como "Site.html"
2º Copie e cole essas linhas de código básicas:

<html> <!--inicia o HTML-->
  <head> <!--configurações do cabeçalho-->
    <title>Meu primeiro site </title> <!--título do site-->
  </head> <!--fecha as configurações do cabeçalho-->
  <body> <!--configurações do corpo do site-->
    <H1> A tag H1 serve para introduzir um texto de título </H1>
    <H2> A tag H2 tem a mesma utilidade, porém o tamanho do texto é menor, 
existem ainda o H3, H4, H5,H6 e H7. </H2>
  </body><!--fecha as configurações do corpo do site-->
</html> <!--termina o HTML-->

3º Salve o arquivo, vá até a pasta na qual você salvou o site e abra-o.
Você terá algo assim:

4º Personalize a página.Mude o código original para alterar cores, formas e posições.

  •  <body bgcolor="lightpink"> <!--Muda a cor de fundo do site para rosa claro. Há outras cores, em um outro post eu coloco outras cores. -->
  •  <H1 align='center'>...</H1> <!--Muda a posição do texto para o centro da pagina.-->
  •  <hr color="white"> <!--Insere uma linha divisória de cor branca na página-->
  •  <img src="http://paperlesswasp.com/resume/images/html_logo.gif"><!--Insere uma imagem com o endereço que está entre aspas.-->
  •  <center>...</center><!--Centraliza qualquer objeto da pagina-->
  •  <font>...</font><!--Insere um texto comum-->
  •  <br/><!--Insere um parágrafo-->

5º Visualize seu site enquanto edita, para ter noção do que acontece com a modificação de cada propriedade de cada tag.

O nosso site em html básico ficou assim:



E o código utilizado foi este:

<html> <!--inicia o HTML-->

  <head> <!--configurações do cabeçalho-->

    <title>Meu primeiro site </title> <!--título do site-->

  </head> <!--fecha as configurações do cabeçalho-->

  <body bgcolor="lightpink"> <!--configurações do corpo do site-->

    <H1 align='center'>A tag H1 serve para introduzir um texto de título </H1>

    <H2 align='center'> A tag H2 tem a mesma utilidade, porém o tamanho do texto é menor, existem ainda o H3, H4, H5,H6 e H7. </H2>

     <hr color="white">
    <br/> 

    <center>
    <img src="http://paperlesswasp.com/resume/images/html_logo.gif"/>
   <br/>
    <font> Este é um tutorial básico sobre html. E este texto foi escrito com a tag font </font>   

     </center>

  </body><!--fecha as configurações do corpo do site-->

</html> <!--termina o HTML-->

Então, é isso.
Confira os próximos tutoriais para desenvolver sites mais complexos.
Até a próxima.

Beeijos.



Read More

1 de set. de 2012

Tag - On mouse over

Olá, hoje o tutorial é de html.

É algo bem básico mas que eu acho bastante interessante, colocar uma imagem no site, que muda ao passar o mouse.Qualquer efeito que aconteça com o passar do mouse, é feito com a tag onmouseover, como a seguir:


Fiz o exemplo no DreamWeaver, e o código está explicado na imagem.


A seguir está a imagem do site com a imagem inserida duas vezes, uma sem o onmouseover e outra com.
Nesse momento o mouse estava longe das imagens. 


A seguir está o mesmo site, só que com o mouse em cima da segunda imagem, que é a que contém a tag onmouseover.

Simples, não? :)
É importante lembrar:
   *pra o efeito ficar bom, é necessário que as imagens tenham o mesmo tamanho.
   *esse código funciona para imagens que estão na mesma pasta do site, assim, se as imagens estiverem em outro local, é necessárioo informar o caminho.

Por hoje é só, pessoal.
Beeijos! =)

Read More