« Anterior 30/11/2011 - 18:02 Próxima »
SEM USAR NENHUM PROGRAMA! NIVEL: SUPER FÁCIL!
Depois de muita gente ter aprovado o meu post com as colors eu fiquei empolgadissima com vces e resolvi então fazer esse tutorial suuuuper facil de como criar o seu favicon personalizado, sem usar o photoshop ou qualquer outro programa de edição, ou seja, qualquer um pode fazer.
Pra quem não sabe, favicon é aquela imagem pequenininha que fica na aba do local onde você está, ou ao lado do endereço (onde a gente digita o site). Os favicons animados (tipo gifs) só funcionam no firefox, então eu recomendo que façam normais mesmo, pra que todo mundo possa ver.


 Bom, você vai escolher, se você quer ou não que tenha um desenho no seu favicon, um coração, uma flor, etc.. no nosso favicon aqui do flog, é um bigode por exemplo... e ai você vai procurá-lo. Dicas de sites que têm esses pequenos pixeis são: 01 | 02 | 03 | 04 Lembrando que é bom pegar um que não tenha movimento e encontre o menor pixel que der, assim vai ter espaço pra que você escreva o nome do seu flog por exemplo.Depois de salvar a pequena imagem, você vai abrir o seguinte site: favicon.cc 
Lá, você vai se registrar, como na imagem:


Depois disso, você clica em "Create New Favicon"
Vai Aparecer um quadro amarelo, cheio de quadradinhos riscados em cinza, se você quer que o seu favicon tenha a imagem que você escolheu, você vai em: 
"Import Image" na mesma aba que você mecheu até agora (no lado esquerdo). Aí você Clica em Escolher Arquivo, encontra ele, abre e Upload. 
Agora você tem um Color Picker, o quadro de desenhos e pode conferir como vai ficar o seu favicon na aba do site onde você está o desenhando.




Como vocês podem ver acima, a figura que eu escolhi, do Noel, era muito grande, entao eu usei o Move e coloquei ela pro lado, deixando só metade a mostra. Usando o lápis eu escrevi o primeiro nome do flog do lado. :) Você pode escrever o que quizer, se couber é claro. E com o tempo você vai aprendendo a fazer os pixeis direitinho.
Terminando de desenhar o seu favicon, em baixo do quadro de desenhos você vai ter outra aba, chamada "Preview" onde você pode ver também como está ficando o seu favicon, você vai clicar em "Publish under an open license".

Você vai dar um Título, uma descrição e colocar alguma tag, que pode ser tudo igual. hehe Aí você dá ok, dai vai aparecer o favicon aumentado, o tamanho original do lado e etc, aí  você vai e clicar em cima do nome dela, vai aparecer uma aba do lado que chama Options, onde vce vai clicar em: "Download Favicon". Primeira parte ok. agora vem a segunda que é curtinha :)
Vou explicar porque a segunda parte é tão importante: porque o FlogVip não aceita nenhuma imagem ou nada no formado .ico, que é o caso do favicon, então a gente tem que converter o nosso favicon para png, que é o unico jeito de aparecer no flogvip. Eu encontrei um site que faz com que isso seja a coisa mais mole do BRASIL! 
Clique aqui para abrir o site.
É super simples... você vai em escolher arquivo, vai encontrar o seu favicon salvo, e vai apertar em Convert! Agora la em cima vai ter assim: Your new PNG, e em baixo o link pra você baixar "Click to download". Depois de baixar é só hospedar, em qualquer lugar que você costuma hospedar. Pra quem não costuma hospedar nada é bom usar o http://tinypic.com/  é fácil. Então você vai pegar o link, e colocá-lo no local indicado, lembrando que pra funcionar você tem que tirar todos os asteriscos (*): <*link icon="AQUI VOCÊ COLOCA O LINK DA SUA IMAGEM QUE ACABOU DE HOSPEDAR" href="favicon.ico*"><*link rel="icon" type="image/gif" href="AQUI VOCÊ TAMBÉM COLOCA O LINK DA IMAGEM QUE ACABOU DE HOSPEDAR"*>Agora é só colocar no post e pronto!
It"s my party and I cry if I want to!









O lugar certo para quem busca design das mais diversas e variadas formas, cuz is everything About Design.


Comentários
1 - /xtwilightx em 30/11/2011 às 18:09 disse:
curti ai porq favor , se vocetiver face
ajuda minha irmãa ganhar a promo bjus.
http://www.facebook.com/photo.php?fbid=2391850274607&set=o.229922760374682&type=1&theater

2 - /thatcyrus em 30/11/2011 às 18:19 disse:
aa uum tutoriaal muitoo boom amr, parabeens ;D Concerteaa muitoos vaao usaar ele, euu queria fazeer um favicoon pra miim sabe, maais a preguiçaa naao deixa KKKK
Kaah \

3 - /thatcyrus em 30/11/2011 às 18:20 disse:
Kaah \

4 - /thesagatwilight em 30/11/2011 às 18:23 disse:
ai que legal a ideia do tutorial

5 - /thatcyrus em 30/11/2011 às 18:25 disse:
a taa auhsuhsa entaum depoois euu façoo, pooq tenho muita foto pra editaar KKK
Kaah.

6 - /zgaga em 30/11/2011 às 18:27 disse:
Amei seu tutorial pena que no meu não pego auhsudhas

7 - /annieperfeitinha em 30/11/2011 às 18:28 disse:
[a] boa ideia de fazer esse tutorial, quando eu tiver um tempinho mais tarde vou ve se consigo fazer :D

8 - /thesagatwilight em 30/11/2011 às 18:30 disse:
quando eu tiver com paciencia vou tentar fazer

9 - /michaeljackson_pop em 30/11/2011 às 18:33 disse:
adorei..vou fazer o meu..fica com Deus

10 - /hopecyrusday em 30/11/2011 às 18:34 disse:
no final é para colocar no post fixo?

11 - /hopecyrusday em 30/11/2011 às 18:34 disse:
AHH DEU CERTO!

12 - /filmeseseries em 30/11/2011 às 18:37 disse:
VEM ASSISTIR ONLINE THE VAMPIRE DIARIES AMR *-*

13 - /glammour em 30/11/2011 às 18:38 disse:
Nova edição
curte?

14 - /fixyou em 30/11/2011 às 18:40 disse:
que legal essa ideia ein, parabéns!

15 - /magicgirl em 30/11/2011 às 18:46 disse:
Irei tentar!!

16 - /elizaclivia em 30/11/2011 às 19:24 disse:
ameii o tuto, deu certissimo

Fotos com mais de 20 dias nao podem ser comentadas.
Sobre * aboutdesign
Caraguatatuba - SP

Presentear FlogVIP
Denunciar

Últimas fotos

23/06/2013


22/06/2013


21/06/2013


21/06/2013


21/06/2013

« Mais fotos


Visitas
Hoje: 3
Total: 39.868

Feed RSS