{"id":922,"date":"2011-04-14T10:33:20","date_gmt":"2011-04-14T10:33:20","guid":{"rendered":"http:\/\/onsoftware.softonic.com.br\/?p=922"},"modified":"2024-03-06T10:27:39","modified_gmt":"2024-03-06T14:27:39","slug":"crie-emoticons-animados-no-photoshop","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/br\/crie-emoticons-animados-no-photoshop\/","title":{"rendered":"Crie emoticons animados no Photoshop"},"content":{"rendered":"

\"\"<\/a>H\u00e1 algum tempo, o Ivan<\/a><\/a>, editor do OnSoftware Espanha<\/a>, criou um tutorial em 10 passos<\/a> para criar emoticons animados para MSN<\/strong><\/a> com o Photoshop<\/strong><\/a>. Como ele roubou<\/span> teve a ideia antes, resolvemos adaptar o post e public\u00e1-lo aqui no OnSoftware em Portugu\u00eas.<\/p>\n

Criar emoticons animados \u00e9 simples, ainda que um pouco trabalhoso. De qualquer maneira, \u00e9 s\u00f3 ter o Photoshop instalado. Claro que sem o Messenger, este tutorial \u00e9 in\u00fatil. Ent\u00e3o, a\u00ed vai:<\/p>\n

1. Primeiro Passo<\/h4>\n

\"\"<\/p>\n

No Photoshop, tudo come\u00e7a quando voc\u00ea clica em \u201cNew\u201d<\/em>. Gifs animados para o MSN devem ter um tamanho m\u00e1ximo de 50×50 pixels<\/strong>. Ent\u00e3o, a primeira coisa a fazer \u00e9 definir a resolu\u00e7\u00e3o da imagem. A cor de fundo fica a seu crit\u00e9rio: no nosso caso, deixamos transparente.<\/p>\n

2. Prepare a imagem
\n\"\"<\/h4>\n

Se voc\u00ea \u00e9 expert em Photoshop, j\u00e1 sabe como brincar com a imagem que quiser. N\u00f3s fomos pelo \u00f3bvio e usamos uma imagem, dir\u00edamos, mais b\u00e1sica: o logo do Softonic. Crie um novo layer<\/strong> e ajuste o tamanho para 50x50p<\/strong>.<\/p>\n

3. Crie um layer para cada frame<\/h4>\n

\"\"<\/p>\n

Como vamos criar um gif animado<\/strong>, ser\u00e3o necess\u00e1rias v\u00e1rias camadas para dar a ideia de \u201cmovimento\u201d \u00e0 imagem. Isso \u00e9 feito por meio de pequenas mudan\u00e7as na imagem principal. Assim, duplicar layers e modific\u00e1-los \u00e9 a maneira mais simples.<\/p>\n

4. Edite a imagem<\/h4>\n

\"\"<\/p>\n

Agora que voc\u00ea j\u00e1 tem dois layers diferentes, come\u00e7a a edi\u00e7\u00e3o propriamente dita. No caso do logo do Softonic<\/strong>, a ideia era dar um efeito de malabarismo nas quatro bolinhas. Assim, o que fizemos foi mudar a bola grande de posi\u00e7\u00e3o. Cada altera\u00e7\u00e3o deve ser salva em uma camada (layer) diferente. Crie quantos layers quiser, mas lembre-se que o arquivo .GIF usado para o Messenger n\u00e3o pode ultrapassar 150kb<\/strong>.<\/p>\n

5. Crie o fotograma<\/h4>\n

\"\"<\/p>\n

At\u00e9 agora tudo certo? Ent\u00e3o, chega o momento de converter layers em fotogramas. Para isso, \u00e9 necess\u00e1ria a janela de Anima\u00e7\u00e3o (Janela>Anima\u00e7\u00e3o). O padr\u00e3o \u00e9 de apenas um fotograma. Clique no bot\u00e3o Duplicar para criar a quantidade desejada<\/strong>.<\/p>\n

\"\"<\/p>\n

6. Oculte layers in\u00fateis<\/h4>\n

\"\"<\/p>\n

Nesta parte, voc\u00ea determina o que ser\u00e1 vis\u00edvel em cada fotograma<\/strong>. Cada fotograma \u00e9 capaz de salvar a configura\u00e7\u00e3o do que \u00e9 visto, por exemplo: se no fotograma 1 apenas uma camada \u00e9 vis\u00edvel, no fotograma 2 \u00e9 poss\u00edvel ver outras. Esta \u00e9 a forma como a anima\u00e7\u00e3o \u00e9 criada. Basta mudar as camadas vis\u00edveis para cada um dos fotogramas e, desta forma, mostrar os layers modificados na ordem desejada.<\/p>\n

7. Selecione a dura\u00e7\u00e3o de cada fotograma<\/h4>\n

\"\"<\/p>\n

Aqui voc\u00ea determina o tempo de exibi\u00e7\u00e3o de cada imagem<\/strong>. Escolha o valor que quiser e clique em \u201cPlay\u201d<\/em> para comprovar o resultado.<\/p>\n

8. Salve o arquivo para web<\/h4>\n

\"\"<\/p>\n

Se voc\u00ea curtiu o resultado final, \u00e9 hora de salvar a imagem. N\u00e3o use o \u201cSalvar\u201d convencional: \u00e9 preciso salvar o arquivo para web<\/strong>, para que as caracter\u00edsticas sejam mantidas.<\/p>\n

\"\"<\/p>\n

Existem v\u00e1rias op\u00e7\u00f5es para salvar a imagem e, caso voc\u00ea n\u00e3o saiba para que sirvam, simplesmente salve e pronto. Uma coisa importante \u00e9 selecionar a op\u00e7\u00e3o \u201cTranspar\u00eancia\u201d<\/strong>, para que o emoticon fique mais bem integrado \u00e0 janela do MSN. Outra dica importante \u00e9 reduzir o n\u00famero de cores, para que o arquivo fique mais leve.<\/p>\n

9. Crie um emoticon novo no Messenger<\/h4>\n

\"\"<\/p>\n

Depois de criar a imagem, \u00e9 hora de adicion\u00e1-la ao MSN. Com o programa aberto, clique em \u201cFerramentas>Emoticons\u201d<\/strong> e depois em \u201cCriar\u201d.<\/p>\n

\"\"<\/p>\n

10. Escolha um atalho de teclado<\/h4>\n

\"\"<\/p>\n

Procure o arquivo GIF criado no Photoshop e escolha um atalho de teclado. A op\u00e7\u00e3o nome \u00e9 totalmente desnecess\u00e1ria, a n\u00e3o ser que voc\u00ea seja perfeccionista \u00a0\ud83d\ude1b<\/p>\n

Certeza que o nosso n\u00e3o \u00e9 um primor de emoticon animado, mas pelo menos \u00e9 r\u00e1pido e f\u00e1cil de fazer. E a\u00ed: hora de por a m\u00e3o na massa e criar o seu?<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

H\u00e1 algum tempo, o Ivan, editor do OnSoftware Espanha, criou um tutorial em 10 passos para criar emoticons animados para MSN com o Photoshop. Como ele roubou teve a ideia antes, resolvemos adaptar o post e public\u00e1-lo aqui no OnSoftware em Portugu\u00eas. Criar emoticons animados \u00e9 simples, ainda que um pouco trabalhoso. De qualquer maneira, … Continue reading “Crie emoticons animados no Photoshop”<\/span><\/a><\/p>\n","protected":false},"author":6006,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[1],"tags":[167,78,61],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-922","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-emoticons","tag-gif-animado","tag-messenger"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/posts\/922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/users\/6006"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/comments?post=922"}],"version-history":[{"count":0,"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/posts\/922\/revisions"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/media?parent=922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/categories?post=922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/tags?post=922"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/usertag?post=922"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/vertical?post=922"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/br\/wp-json\/wp\/v2\/content-category?post=922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}