;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

Tec a seu favor

Tec a seu favor

Faça você também: como criar figurinhas de WhatsApp estáticas e animadas

Divulgação
Imagem: Divulgação

Lucas Santana

Colaboração para Tilt

12/01/2022 04h00

As figurinhas para o WhatsApp viraram uma mania nacional e, muitas vezes expressam em apenas uma imagem todo um sentimento complexo de explicar. Mais recentemente, além das figurinhas estáticas, surgiram também as animadas, que parecem gif. Quer fazer? Tilt te ensina.

Primeiro, como fazer figurinhas normais para WhatsApp

Há duas formas de criar figurinhas para o WhatsApp: por uma ferramenta própria da plataforma dentro na sua versão web e por meio de aplicativos de terceiros, que você encontra facilmente nas lojas de aplicativos para celulares e tablets, a PlayStore e a AppStore.

Relacionadas

Dá até para personalizar: veja como criar link para conversa no WhatsApp

Chega de mensagem toda hora! Saiba como bloquear contatos no WhatsApp

Receba notícias de Tilt no WhatsApp e no Telegram

Fazendo figurinhas pelo WhatsApp Web

Essa opção é a mais simples, pois você não precisa instalar nenhum aplicativo. Contudo, o WhatsApp tem uma política rígida que pode banir figurinhas que possam infringir regras de direitos de imagem, copyright, nudez e ofensivas.

1. e o WhatsApp Web pelo endereço https://web.whatsapp.com e siga as instruções para conectá-lo ao seu aplicativo no celular.

2. Procure pela opção "Figurinhas" no aplicativo no ícone de "Anexos". Basta então selecionar a imagem que vai se tornar sua figurinha.

Ao cliar em anexo (ícone de clips) no WhatsApp Web, aparecerá a opção Figurinhas (ícone azul) - Reprodução - Reprodução
Ao cliar em anexo (ícone de clips) no WhatsApp Web, aparecerá a opção Figurinhas (ícone azul)
Imagem: Reprodução


3. A imagem será carregada dentro de um editor de imagem. Ali, você pode recortá-la, inserir textos e outros elementos.

Edição de figurinha no WhatsApp Web - Reprodução - Reprodução
Edição de figurinha no WhatsApp Web
Imagem: Reprodução

4. Terminou sua edição? Basta enviar para os amigos no ícone "Enviar".

Fazendo figurinha com apps para WhatsApp

Você precisará ar a loja de aplicativos e buscar uma entre as diversas opções que permitem criar figurinhas para WhatsApp. Aqui, utilizamos o Stickerly, disponível para Android e iOS.

App Stickerly auxilia a criar figurinhas para o WhatsApp - Reprodução - Reprodução
App Stickerly auxilia a criar figurinhas para o WhatsApp
Imagem: Reprodução
  • Figurinha comum

1. Abra o app e clique em "+". Você pode criar tanto uma figurinha estática quanto uma figurinha animada. Selecione "regular" para figurinha estática.
2. Selecione a imagem no seu celular.
3. Um editor aparecerá com a imagem selecionada, onde você poderá recortar a imagem em vários formatos e até remover o fundo automaticamente. É possível inserir texto e outros elementos visuais.
4. Terminou a edição? Clique em "Save".
5. Selecione "+ New Pack" e dê um nome para o seu novo "pacote de figurinhas", onde sua nova figurinha estará.
6. Ao final, clique em "Add to WhatsApp" para incluir a figurinha na biblioteca do aplicativo de mensagens.

  • Para criar uma figurinha animada

1. Abra o app e clique em "+". Você pode criar tanto uma figurinha estática quanto uma figurinha animada. Selecione "animated".
2. Selecione um vídeo salvo no seu celular ou selecione um gif animado no banco de dados do app.
3. Um editor aparecerá com o vídeo selecionado, onde você poderá recortar o trecho do vídeo para transformá-lo em animação. É possível inserir texto e outros elementos visuais.
4. Terminou a edição? Clique em "Save".
5. Selecione "+ New Pack" e dê um nome para o seu novo "pacote de figurinhas", onde sua nova figurinha estará.
6. Ao final, clique em "Add to WhatsApp" para incluir a figurinha na biblioteca do aplicativo de mensagens.

As mais lidas agora

África rachando? Cientistas acham bolha quente nas profundezas do planeta

Alma Imoral do Brasileiro: peça ressalta nossa contradição e nudez selvagem

Empresário morto em assalto: como evitar clonagem de controle de portão?

Tec a seu favor

Como gerar imagens de graça por IA do WhatsApp no novo 'círculo azul'

Uma das interações possíveis que a Meta AI, o recurso de inteligência artificial da Meta, permite é a criação de...

Videogame vai acabar? Jogo tipo Netflix quebra o galho, e não é barato

Muita gente cresceu se divertindo com videogame: um console em casa conectado a uma TV. Mas isso parece estar...

Por que agência dos EUA quer que você reinicie seu celular toda semana

Você já reiniciou o seu celular esta semana? A NSA (Agência Nacional de Segurança dos EUA) recomenda que as...

Brasileiro que criou o Instagram vai chefiar concorrente do ChatGPT

A Anthropic, startup de inteligência artificial, informou a empresa nesta quarta-feira (15) que nomeou o...

TV 3.0: como é o novo padrão com imagem 4x melhor e conexão à internet?

A forma de assistir TV está prestes a mudar. Até o fim do ano, o governo deve estabelecer os critérios da chamada...

Apagou, mas não sumiu: truque permite ler mensagem deletada no WhatsApp

A pessoa envia uma mensagem para você pelo WhatsApp e depois apaga. O pior é que fica aquela curiosidade de saber...

Sabia que não precisa digitar para salvar um contato no celular? Veja como

Lembra o trabalho que dá pegar o número de um contato novo que você registrou em uma foto ou anotou no papel e...

Como descobrir a senha do wi-fi ao qual você já está conectado?

Conectar seus dispositivos automaticamente é muito cômodo e prático. Mas depois de fazer isso diariamente, após...

IA em tudo, de carrinho de bebê a sono: o que esperar da CES 2024

A evolução de sistemas com IA (inteligência artificial) deve ser o grande atrativo das inovações exibidas na CES...

5 dicas de segurança para iPhone (por uma paranoica com assaltos)

Nasci e cresci em São Paulo, e isso significa que desde pequena aprendi a incorporar na minha rotina hábitos que...

Pesquisa genética acha descendentes vivos de pessoas escravizadas

Como você reagiria se soubesse que é descendente de escravizados? Nos Estados Unidos, um grupo de pesquisadores...

Brasileiro cria robô de transcrição de áudio mais baixado do mundo

Curioso e nerd de carteirinha, o brasileiro Jonatas Grosman criou o modelo de transcrição de áudio mais baixado do