Postado Janeiro 24, 2013 12 anos Este é um post popular. Oi! eu não sei se aqui é a área certa mais se for eu gostaria de postar este tutorial que eu fiz para outro fórum (o meu nick nele e Bloxx, mais precisamente: ekz) entao resolvi trazer para o TK, já que eu não vi nenhum semelhante, e sei que vai ajudar muita gente OBS: Se tiver na área errada, favor por na área certa, e os créditos, serão apenas para sparezik(Bloxx no Ékz) hoje ensinando ai a fazer um ícone massa ae para vc usar no seu client próprio (tbm pode ser usado em client do tibia e outros derivados). deixando o seu client mais "próprio" e pra ir tirando aquele ícone enjuado do Pikachu Estou deixando os links dos programas necessarios abaixo. permito a postagem em outros fóruns, contanto que tenha os devidos créditos, os meus (sparezik e (ou) Bloxx). Notas: - O Tutorial tem 4 partes e 23 linhas - Está realmente muito bem explicado e detalhado, com screenshots em todas as linhas explicando direitinho para não errar na hora de fazer algo. - Demorou mais de 2 horas e 30 para fazer (por causa das SS's e o trabalho que eu tiva pra upar elas, então algumas foi no imgur e outras no imageshack.), então um REP+ e realmente muito bem-vindo. -Se der certo para você, poste um comentário, com umas ss de como ficou (de prêferencia.) Adobe Fireworks CS3 (Upado por Mim) - Editor que servira para modificar a imagem http://www.mediafire...hb4ncrx394ys8o4 Resource Hacker (ResHack) - Servirá para injetar o ícone no client http://www.angusj.com/resourcehacker/ (Tranquilo, tem vírus não, se for olhar no éks, vai ver que eu tenho mais de 115 posts.) PARTE I - Inicio do Tutorial 1. Baixe os programas necessários. 2. Vá no Google Imagens e procure uma imagem que vc quiser como ícone OBS: Esoclha de preferência pequena, mais depois iremos modificá-la, a minha é o ícone de um blaziken, a que está circulada. (não precisa baixar a minha pra modificar, a escolha está a seu gosto) Print: 3. Baixe a imagem e depois abra o Adobe Fireworks CS3 Vai aparecer uma janela como esta: 4. Certo, vá em Open... e escolha a foto que você baixou. 5. Vai abrir uma preview da imagem do lado direito, para vc confirmar se e esta mesmo. escolha abrir e iremos começar a edição. PARTE II - Editando a Imagem 6. Bem, já deve ter mostrado a imagem que você irá editar: 7. Bom, com a imagem já aberta, iremos retirar este fundo branco da imagem, para não ficar aparecendo ela ao redor do ícone quando estiver tudo pronto. 8. Nas ferramentas ao lado esquerdo, você verá muitas opções, iremos trabalhar com a Magic Wand Tool (o com icone de uma varinha): 9. Com a Magic Wand Tool selecionada, clique no fundo branco da imagem e aperte "Delete" no seu teclado, irá notar que o fundo branco desapareceu, aperte Ctrl+D para deselecionar. 10. Agora, selecione a Scale Tool, apertando o "Q" do seu teclado,e clique sobre a nossa imagem e clique no "100%" na parte de baixo, e selecione o zoom de "200%" como indica a imagem: 11. Após dar Scale Tool na nossa imagem, verá que o quadrado azul em volta dela mudou, agora está cheio de quadradinho pretos, eles servirão para editar a imagem, puxe eles para aumentar ou diminuir a imagem ourode o mouse para gira-la. (Se quiser pode botar uns nomezinhos do seu OT em volta da imagem, mais recomendo apenas para usuários avançados.) OBS: Cuidado! não puxe ela para fora do quadrado grande que esta em volta dele, se não ela vai ficar cortada na hora de transformar em ícone! 12. Quando terminar de editar a imagem, salve ela em qualquer formato (Recomendo .png) e passaremos agora para a parte 3. PARTE III - Convertendo Imagem para ícone (.ico) 13. Agora a parte mais fácil, vá para o site http://iconverticons.com/online/ 14. Clique em Browse... e selecione a imagem que editamos 15. Quando aparecer o nome da imagem no quadrado grande do lado do Browse..., clique em Convert para inicar a conversão de imagem. 16. Quando estiver tudo certo, ira aparecer Conversion Sucess, rola a pagina para baixo e verá como ficou nossa imagem já convertida como ícone 17. Clique em Download .ico (opção ao lado do ícone do Windows) para baixar o nosso ícone que já esta pronto. vamos para a ultima parte do tutorial. PARTE IV (Final) - Adicionando o Ícone ao Client 18. Já estamos quase no fim! bom, com ícone pronto e tudo mais, abra o Resource Hacker 19. Vá em File > Open ou dê Ctrl-O e procure o executável (.exe) do seu client e de Abrir. 20. Note que apareceu algumas pasta do lado esquerdo do programa, selecione a pasta Icon Group > 128 > 1033 21. Pronto, agora note que abriu o conjunto de ícones do nosso Client, agora, onde esta selecionado o 1033, clique com o botão direito do mouse nele, e abra Replace Resource 22. Abriu outra janela. clique em Open file with new icon e procure e selecione o nosso ícone, qnd aparecer uma miniatura dele do lado de Select new icon: clique em Replace Resource e terminamos! 23. Agora vá em File > Save As e ponha um nome para seu client com o ícone ja posto nele e pronto! deve dar uma travadinha (se der, é normal). agora feche o Resource Hacker e vá ver o seu client com ícone proprio! OBS: Algumas vezes se o ícone não for compatível o .exe criado (com o Save As, n o seu original) ficacorrompido! mais a maioria das vezes da certo então se ficar corrompido, monte outro ícone! OBS²: Sempre veja se retirou o fundo branco inteiro, se ficar uma partezinha dele, ele vai aparecer na image, e vai deixar ela feia. Acabamos aqui mais um tutorial. Se for postar em outro fórum, não esqueça dos créditos e do trabalho que deu e do tempo que demorou! Se Gostou Dê REP+ para mim e agradeça, qualquer dúvida por favor deixar nos comentários e não via MP! Em breve, mais tutoriais com o Fireworks CS3, que daqui pra frente vou utlizar muito nos tutoriais Abraços Galera, FUIZ!
Participe da conversa
Você pode postar agora e se cadastrar mais tarde. Se você tem uma conta, faça o login para postar com sua conta.