• Categoria: Tutorial
  • 6.11.2016

    Valentines Day - Customize um cartão para o boy ou a girl.

    Modelo que faremos hoje. ♥
    Oi gente. Tudo bem com vocês?
    Dia dos namorados chegando e muitas possibilidades passando pela cabeça, como surpreende-lo ou surpreende-lá. Que tal sairmos do tradicional de mandar mensagem e mandar aquela carta de Amor toda personalizada?

    Trouxe um tutorial pra vocês, ensinando como fazer um cartão no site BeFunky que nos da total liberdade de expressar nossa criatividade. O modelo que faremos será esse do inicio do post, é um modelo simples que da destaque a foto do casal e a alguns momentos que marcou ambos. E o melhor é que você pode por em um porta retrato. O que acharam? 

    Faça Login na sua conta e clique em Design
     Assim que você entra em Design já abre automaticamente esse modelo.
    Você clica em cima de Event Graphics e essa aba vai fechar. Depois clique em Greeting Cards.
    Nele você vai ver essas três opções: Dia das Mães, Feriado de Inverno e Dia dos Namorados. Clique em Valentines Day ^^
    Quando você abre, ele te dar 10 modelos, o modelo que escolhi foi o penúltimo. IMAGEM Mais vai do gosto de cada um, escolhi esse só pra ensinar a vocês como editar. Sintam-se livres.
    Quando você clicar no modelo vai aparecer a visualização dele, é só clicar em Selecionar Modelo.

    Você pode editar a escrita clicando em cima dela. 
    Você pode alterar a fonte, e o site tem várias opções lindas, o tamanho e a cor.
    Você pode remove-lá e pra adicionar novamente só clicar no T no canto esquerdo da imagem. IMAGEM.

    Pra por esse enfeite você clica em Elementos de Imagem. São muitas opções, da pra imaginação rolar solta.

    Pra adicionar a sua imagem, você clica em cima da imagem do modelo e aparecerá essas opções:
    Você pode editar ela no próprio editor do site, nesse post mostro como fazer a edição.

    Depois de fazer todas as edições desejadas é só salvar, imprimir e dar de presente pro seu amor. Usem e abusem da criatividade, o site é super fácil de manusear, eu uso e indico.
    Espero que tenham gostado. Até a próxima!

    5.23.2016

    Conheça BeFunky

    original_#befunky#befunky
    Oi gente, como estão?
    Trouxe uma ótima dica de site para edição de foto, colagens e design gráfico pra vocês, e está sendo muito útil pra mim. Confesso que não é sempre que o meu celular está 100% disponível na hora que eu quero, vejo muitas fotos e principalmente vídeos e não tem celular que resista. E é ai que o BeFunky entra, nele consegui todas as possibilidades e facilidade que tenho de editar uma foto no celular. 

    Nele consigo remover algumas imperfeições do rosto, principalmente quando tiro foto de make muito próximo do rosto. Exemplo a imagem a cima. O próprio BeFunky disponibiliza imagens para você fazer o teste.

    Abaixo mostrarei a vocês como editei uma imagem recente para divulgação do meu trabalho para a fan page e para o instagram.

    Assim que você entra no site, tem explicando sobre cada função. Depois da conta criada, cliquei em Colagem.

    Nele você pode carregar quantas fotos quiser do computador e arrumar do seu jeito. Sem nenhum daqueles limites que encontramos no instagram por exemplo. Nele você também consegue ajustar a largura e a altura das imagens. Para fazer isso basta passar o mouse por cima das linhas brancas e logo vai ver uma ceta de arrastar. EXEMPLO
    Tem algumas opções de layout para facilitar caso você estiver em dúvida de como arrumar suas fotos:

    Em Gráficos você pode adicionar alguns pngs em cima das imagens:

    Depois que ajustar todas as minhas imagens, eu adicionei o ig do meu instagram. Em Texto você pode escolher a fonte, a cor a borda do texto.
    Depois de escolher a fonte e arrumar o texto eu cliquei em Salvar e salvei no próprio BeFunky para facilitar a outra edição. Você pode está salvando no seu computador também.

    Logo acima em Colagem eu mudei para Editor de foto.
    No Editor de fotos você tem a primeira aba que da opção de cortar, redimensionar, girar, entre outras opções semelhantes. Logo abaixo tem a aba Retoque que vai ser a aba que usarei agora. 
    Nela você tem a opção de remover rugas, apagar manchas, dar um bronzeado na pele, aplicar blush e remover aquele brilho intenso que fica quando tiramos fotos com flash.

    Nessas minhas fotos mostra algumas bolinhas que parecem espinhas que me incomodam muito, vou remover algumas delas.
    Na maioria das vezes uso esse efeito, em salvador é bastante quente então fica difícil esconder essas imperfeições até com maquiagem.

    Quanto mais zoom você der, melhor vai ser a remoção da mancha. Depois de remover eu usei a opção de Iluminação dos olhos para remover um pouco do amarelado do olho. Até ai parei já que é somente a área dos olhos. E vai da necessidade de cada um, abaixo mostro as outras opções de edição:

    E não é só isso, você também tem a opção de por Efeitos, Molduras, Gráficos, Sobreposições, Texto e Textura. Indico a todos a passar no site e fazer suas próprias edições.

    Fica ai a dica pra quem tem muita dificuldade de mexer em Photoshop, eu que sei senti que esse site tem bastante opção que tem no PS, então vale super a pena.

    Esse foi o meu resultado, não usei muito efeito para não modificar a co da maquiagem. 

    Eu espero que tenham gostado da indicação, e principalmente que seja bastante útil pra vocês. Se você já usa ou se é a primeira vez que usa, deixa ai nós comentários o que achou.

    Até a próxima!

    3.31.2015

    Slide simples

    liendas
    Olá pessoal, trouxe pra vocês um slide simples que precisa aplicar somente um gadget e ele ta pronto. O efeito dele é de baixo pra cima, bem simples. A edição vem da imagem mesmo pra deixar ele mais destacado.

    7.19.2014

    Tutorial: Destaque na lateral do blog.

    I'm in love. ❥
    Olá pessoal. Como vão?
    O tutorial deveria ser postado terça feira, infelizmente aconteceu um imprevisto e estou com dificuldades pra consegui tempo pra postar, as vezes por sorte consigo um tempo. O tutorial é uma ótima ajuda pra quem quer destacar playlist, páginas, blogs e etc.
    É super simples de aplicar!

    Vá em Layout > Adicionar um gadget adicione HTML/JavaScript e cole o código:

    <div style="display:scroll;position:fixed;top:170px;right:2px;">
    <a href="LINK AQUI"><img border="0" src="IMAGEM"  width="132" height="88" alt="NOME DO LINK" title="" class="b"/></a></div>

    Por fim só salvar.
    Até a próxima, Nanny!

    2.12.2014

    Personalizando lista de marcadores

    hit the pedal heavy metal | via Tumblr
    Olá pessoal, como vão? Trouxe um tutorial pra vocês de como personalizar a lista de marcadores pra quem não sabe ou não usar ta ai uma boa ideia:

    Vá em editar Html > procure por ]]></b:skin> acima dele adicione:
    .widget li, .BlogArchive #ArchiveList ul.flat li {padding: .80em 0;width: 100%;font-size: 12px;font-family: century gothic;color: #000;margin: 0;text-indent: 0;border-bottom: 1px solid #cfcfcf;list-style: none;}

    Por fim, só salvar.
    Até a próxima, Nanny!

    2.10.2014

    Personalizando a área dos comentários.

    O amor é um ato de fé.
    Olá pessoas, como vão? A pedido de uma leitora irei mostrar um tutorial de como personalizei os comentários do blog, lembrando que esse tutorial eu vi no Vanessa Tutoriais e vale muito a pena usar ele.

    2.04.2014

    Efeito 3D no texto.

    R-earrange | via Tumblr
    Olá pessoal, como vão?
    Trouxe pra vocês um efeito que super adoro, e que vale a pena ser usado. E é super fácil!

    Efeito:
    Hey! Nanny

    1.22.2014

    Personalizando o blockquote.

    Olá pessoal, como vão? Trouxe pra vocês dois modelos para personalizar o blockquote do blog. É bem simples não tem erro. Espero que gostem.

    Tenham bastante atenção quando for editar as cores para não mexer em algo e desmontar o block.

    Até a próxima, Nanny.

    10.13.2013

    Efeito Opacity por CSS.

    Posters <3 
    Olá pessoal, como já devem ter percebido adoro efeitos simples, então trouxe mais um, opacidade em determinadas imagens.

    10.05.2013

    Imagem no rodapé do blog.

    dopebutjoyless | via Tumblr
    Olá pessoas interneticas, como vão?
    Hoje trouxe um tutorial que além de ser fácil é um dos meus favoritos e deixa o blog lindo *u*
    Preview, Vamos la?

    9.29.2013

    CSS: Efeito hover nas imagens.

    FEEL SO CLOSE ∞ | via Tumblr
    Olá pessoas interneticas, como vão?
    Trouxe um tuto simples e que eu adoro, efeito Hover nas imagens em css.

    Você pode ir em Modelo>Personalizar>Avançado>Adicionar CSS
    Ou ir em Modelo>Editar HTML> Ctrl+f> E colar o código acima de ]]></b:skin>

    Código CSS:
    img.acende {
    opacity: 0.9;
    -moz-opacity: 0.9;
    Filter: Alpha(Opacity=90)
    }


    img.acende:hover {
    opacity: 1.0;
    -moz-opacity: 1.0;
    Filter: Alpha(Opacity=100)
    }

    Cógigo HTML:

    <img src="link-da-imagem" class="acende" />

    Até a próxima, Nanny.

    9.12.2013

    Layout base ajuda e muito + Tutoriais.

    matka | via Tumblr
    Olá pessoas interneticas, como vão?
    Pra quem gosta de disponibilizar layouts sabe o quando é difícil manter a organização, as vezes eu ficava perdida não sabia que blog eu precisava terminar.
    Então eu finalmente resolvi o meu problema e vim dar umas dicas pra vocês, vou deixar também alguns blogs de tutoriais para facilitar na customização do blog.

    Antes de tudo o que eu sempre indico é crie uma conta no blogspot.com somente para os seus layouts. No meu caso isso me ajuda muito já que eu faço layouts encomendados, e me ajuda na organização também.

    8.23.2013

    Personalizando o blockquote.

    Avan <33 sou apaixonada por garotos de cabelo grande.
    Olá pessoas interneticas, como vão?
    Estava fazendo um layout e resolvi fazer o meu proprio blockquote, ficou uma fofura *O* e então resolvi mostrar o resultado pra vocês e deixar o tuto de como faze-lo.

    Resultado: Aqui
    Vamos ao tuto? :D

    8.17.2013

    Rolagem Infinita no blog.

    Tumblr
    Olá pessoas interneticas, como vão?

    Hoje trouxe um tutorial super fácil e muito útil, eu amo esse efeito e espero que gostem.

    Em Html procure por </head> e abaixo dele coloque o seguinte código:

    <script src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script><script src='//sites.google.com/site/fileswb/bloggerInfiniteScrolling-WB-1.2.js?' type='text/javascript'></script>

    Se não der certo coloque em um gadget.
    Até a próxima, Nanny.

    8.14.2013

    Tutorial: Deixar de seguir blogs

    Ooi Jujubas, como vão? ^^

    Tomei chá de sumiço daqui né =/ Acontece que minhas aulas mal voltaram e eu já estava tendo provas. Tem a feira cultural também, que já preciso começar a me preocupar pois já é em Outubro e meu grupo e eu temos pouco tempo. Segundo ano do ensino médio não é nada fácil viu. Enfim, hoje trouxe um "tutorial" bem simples e fácil que é como deixar de seguir algum blog. É bem fácil, rápido e muito útil. Para ler mais, clique em Continue Lendo... :)

    8.13.2013

    Cabeçalho efeito PS

    :)
    In love com essa imagem *O*
    Olá pessoas interneticas, como vão?
    Trouxe um Tutorial bem simples, é um banner para cabeçalho que parece que foi feito no photoshop mais esse eu editei no Photoscape, eu gostei do efeito e espero que gostem também. 

    7.24.2013

    Tutorial: Padronizar Imagem de Post.

    Ooi Jujubas, como vão? ^^

    Hoje eu trouxe um tutorial bem simples, rápido e fácil e que acho que vão gostar. É super útil no blog eu com certeza já estou usando no meu. Esse tutorial, vai ensinar vocês a deixar as imagens ilustrativas de post em um tamanho padrão, para que assim vocês não precisem ficar definindo tamanho toda vez que faz uma postagem. Enfim, para ver o tutorial, clique em Continue Lendo...

    6.25.2013

    Mais Flashes

    Ooi Jujubas, como vão? ^^

    Poxa, to devendo uma mega desculpa pra vocês e pra Nanny, mas acontece que o final do semestre chegou e eu tava bem mal em algumas matérias por que fiquei doente dias antes e faltei em provas e trabalhos e tive que me esforçar tipo, muito mesmo, pra conseguir fechar em todas as matérias, por isso fiquei tanto tempo sem postar, desculpem ;x
    Enfim, no meu ultimo post onde fiz um tuto de flash na header/cabeçalho, pediram pra eu postar mais flashs e cá estou com alguns. Não irei postar todos que tenho, por que: primeiro que são muitos e segundo que alguns é proibido repassar então já sabem né. Se quiserem ver os flashes cliquem em Continue Lendo ;)

    6.01.2013

    Tutorial: Flash no cabeçalho

    Ooi Jujubas, como vão? ^^

    Estava em duvida sobre o que postar e dai abri minha pasta de arquivos de blogs e encontrei uns tutoriais que eu guardo ali e pensei, por que não? então cá estou. Esses flashes são bastante usados em blogs de designs, críticas, monitoração, etc. É super fácil e rápido de colocar e deixa o cabeçalho do blog bem mais fofo e "animado" ^^ se quer ver esse tuto, clique em "continue lendo..." :)

    3.30.2013

    Menu fixo no topo do blog.

    Clique para ampliar | Mudei o menu gostaram ? *w*
    Olá pessoas interneticas, como vão?
    Bom a pedido de uma leitora (fez a um tempinho já, sorry pela demora) o menu que eu usava no blog.
    Vamos la? *-*