mwmdev:: 2d ::creating and developing http://mwmdev.com/ pt-PT Mon, 02 Mar 2009 23:28:14 GMT mwmdev blog paltform TwitteReader Artwork - Decidi dar uma voltinha ao icon e logo do TwitteReader. Primeiro fiz uma versão rápida que ficou manhosa. Nem sequer tem nada a ver com a actual. Depois seguiu-se uma versão parecida com a do Twitter e, agora sim, atingi uma versão que lhe posso chamar final bastante boa. Decidi dar uma voltinha ao icon e logo do TwitteReader. Primeiro fiz uma versão rápida que ficou manhosa. Nem sequer tem nada a ver com a actual. Depois seguiu-se uma versão parecida com a do Twitter e, agora sim, atingi uma versão que lhe posso chamar final bastante boa.<br /> <br /> Comecei com alguns sketches. Depois, research em muitas fontes para ver qual o melhor 't'. Depois de o encontrar, foi dar retoques no shape desse 't' para pôr ao meu gosto e ainda dar a voltinha do 'R' para se acrescentar e ler-se tR.<br /> <br /> <img border=0 src="http://albuns.mwmdev.com/pictures/tr_compiled.png" class="postImg" /><br /> <br /> Uma primeira versão ficou mas ao fazer o icon 16x16 para o site, notei que não se percebia bem o tR devido ao contraste. Fiz uma versão com o tR da mesma cor e foi o que ficou. Mon, 02 Mar 2009 23:22:01 GMT http://mwmdev.com/2d/265/TwitteReader-Artwork mWm on old paper - Abri há bocado o Photoshop e criei um logotipo meu com um fundo a imitar papel antigo, juntamente com um selo clássico antigo. É suposto ter um ar de novo design mas ao mesmo tempo um look profissional. Abri há bocado o Photoshop e criei um logotipo meu com um fundo a imitar papel antigo, juntamente com um selo clássico antigo. É suposto ter um ar de novo design mas ao mesmo tempo um look profissional.<br /> <br /> <center><img src="http://albuns.mwmdev.com/pictures/mwm_oldpaper.png" /></center> Thu, 03 Jul 2008 14:46:44 GMT http://mwmdev.com/2d/143/mWm-on-old-paper Wacom Volito Sketch - Comecei este sketch usando o Wacom Volito 2, o tablet que comprei há pouco tempo e do qual falei aqui. É um carro baseado num Porsche 911 recente. A perspectiva está um bocado mal feita porque ainda não apanhei o jeito a desenhar com a caneta digital. Comecei este sketch usando o Wacom Volito 2, o tablet que comprei há pouco tempo e do qual falei aqui. É um carro baseado num Porsche 911 recente. A perspectiva está um bocado mal feita porque ainda não apanhei o jeito a desenhar com a caneta digital.<br /> <br /> Quando se desenha em papel, para além de termos a vantagem de estarmos a olhar para a caneta [a ponta] e para o monitor ao mesmo tempo, podemos rodar o papel para podermos desenhar no ângulo que nos dê mais jeito. Ora com o tablet isso [rodar o papel] não acontece simplesmente porque ele deve ficar paralelo ao monitor. Ou seja, as linhas horizontais do monitor devem estar paralelas com o monitor para que quando se fizer um traço vertical, este seja vertical no monitor também. Isto porque o PC não sabe quando rodámos o tablet e o monitor também não roda a imagem de acordo. Embora tenha estes pequenos problemas, com uma questão de hábito e de treino, a coisa vai lá. Os desenhos por agora saem um pouco fracos mas depois melhoram. Por agora estou só a criar as chamadas blueprints como já referi na review do Wacom e depois vou tentar criar algo mais custom. Ficam aqui duas imagens: uma é a desta entrada e a outra é só umas linhas de um BMW Z4. As linhas do Z4 foram criadas com vectores o que permite, a qualquer altura, redimensionar o tamanho da imagem sem perder a qualidade desta, uma vez que vectores são simples objectos matemáticos e o computador calcula as curvas e os pontos exactos em tempo real. Como não se tratam de pixeis, ao redimensionar, as curvas ficam sempre perfeitas porque são geradas novamente sem ser esticadas "à força". Quando temos um redimensionamento [para maior] de uma imagem em modo de pixeis, o seu conteúdo é esticado e o programa, que está a esticar a imagem, tem de inventar precisão para esta final sair mais ou menos bem, corrigindo as curvas e acrescentando novos pixeis para tentar desfocar os erros criados pela "invenção" na precisão.<br /> <br /> <script type=text/javascript src=http://albuns.mwmdev.com/config/generate.js></script><script type=text/javascript>generate(36);</script><br /> <a href=http://albuns.mwmdev.com/config/generate.php?albumId=36>Album</a> Sun, 27 Jan 2008 00:09:16 GMT http://mwmdev.com/2d/96/Wacom-Volito-Sketch Porsche 996 GT3 RSR - Comprei o GTR mal saiu e eram horas e horas de vício. Tinha um volante da Thrustmaster mas era um bocado manhoso. Passados cerca de 2 anos saiu o GTL [GT Legends] que, perante o mesmo estilo de simulação de carros, só tem carros de corrida antigos. Comprei o GTR mal saiu e eram horas e horas de vício. Tinha um volante da Thrustmaster mas era um bocado manhoso. Passados cerca de 2 anos saiu o GTL [GT Legends] que, perante o mesmo estilo de simulação de carros, só tem carros de corrida antigos.<br /> <br /> Quando comprei o GTL já tinha comprado o DFP [Driving Force Pro], o melhor volante da Logitech até à altura [2005]. Pouco depois saiu o GTR 2 e agora voltei a jogá-lo. Ainda tenho o mesmo volante mas já há um melhor à venda, também da Logitech, o G25. Vem com três pedais, para embraiagem, travão e acelerador, com um set de mudanças em H [7 mudanças] ou sequenciais, e o volante com 900º de viragem. Ainda não o arranjei mas já o experimentei e é altamente aconselhável [menos o preço, cerca de 260€]. Contudo, e como voltei a jogar GTR 2 mais uns amigos, decidimos fazer um minichamp, com uma série de pistas e após a primeira corrida começámos a fazer skins para os carros. Foi o motivo deste post. Ficam aqui as imagens após a pintura sobre o template deste Porsche 996 GT3 RSR.<br /> <br /> <script type="text/javascript" src="http://albuns.mwmdev.com/config/generate.js"></script><br /> <script type="text/javascript">generate(37);</script> Sat, 26 Jan 2008 23:32:38 GMT http://mwmdev.com/2d/95/Porsche-996-GT3-RSR Windows Vista Logo - Arranjei há uns dias o Windows Vista versão Business através da MSDNAA [MSDN Academic Alliance]. Já tentei instalar e confesso que fiquei desiludido com o modo upgrade. Arranjei há uns dias o Windows Vista versão Business através da MSDNAA [MSDN Academic Alliance]. Já tentei instalar e confesso que fiquei desiludido com o modo upgrade.<br /> <br /> Acontece que no último passo do upgrade, ‘Completing Installation’, mais precisamente a 20% deste último passo do upgrade, a instalação reinicia [como reinicia mais vezes a meio da instalação] e de repente começa a arrancar o Setup Rollback que me volta a pôr o Windows XP [o que tinha anteriormente]. Portanto, parece que o modo upgrade não se deu muito bem comigo mas vou tentar o modo fresh install, ou seja, instalação nova, com o disco/partição formatada.<br /> <br /> Para condizer agora com o Windows Vista, fiz um pin com o logo do Vista, que posteriormente se tornou o meu wallpaper. Neste post vou mostrar mais ou menos como a coisa foi feita, embora não seja muito fácil de o demonstrar com screenshots. Talvez o venha a gravar o making of com um desktop recorder, mas para já o que tenho é capaz de safar.<br /> <br /> Aqui vão os passos [screenshots no link do final]<br /> <br /> Abrir o Photoshop e criar um novo ficheiro com resolução 640×480 e fundo transparente.<br /> <br /> Dependendo da cor do fundo que se queira dar, selecciona-la e usar o Paint Bucket Tool [atalho: ‘G’] para preencher o layer1 [background].<br /> <br /> Criar um novo layer por cima do layer1.<br /> <br /> Criar uma selecção circular no centro [atalho: ‘M’] e preencher com uma côr azulada. Mais ou menos escura [’G'].<br /> <br /> Criar novo layer por cima do anterior. Ficar a carregar no ctrl e seleccionar o layer anterior. O que acontecer com este comando é que o conteúdo seleccionável do layer fica seleccionado.<br /> <br /> Agora, no novo layer e com a selecção do layer anterior, ir ao menu Select->Modify->Contract e contrair a selecção em 2 pixels [px].<br /> <br /> Com a nova selecção contraída em 2 px, e ainda no novo layer, fazer um gradiente entre dois tons de azul em que o mais escuro deles é um pouco mais claro que o azul escolhido para o layer de baixo.<br /> <br /> Escurecer e aclarar as bordas deste último layer. De um lado, escuro, e do outro, claro.<br /> <br /> Criar um novo layer.<br /> <br /> Criar uma selecção circular um pouco menor que a circunferência que temos.<br /> <br /> Permanecer a carregar no alt e criar uma selecção circular que corte a anterior selecção circular de modo a criar um arco.<br /> <br /> Preencher essa selecção com a cor branca [’G'].<br /> <br /> Baixar a opacidade deste novo layer, para cerca de 65%, para criar o brilho da ‘esfera’.<br /> <br /> Até aqui foi feita a chamada esfera para o pin do logo. Agora arranjamos um logo usual do Windows e metê-mo-lo em cima.<br /> <br /> Depois é só brincar com as Blending Options, acedendo com o botão do rato direito em cima dos layers e escolhendo, no menu, ‘Blending Options…‘, criando outer glows, inner glows, etc. nas circunferências para ficarem com melhor aspecto.<br /> <br /> <script type="text/javascript" src="http://albuns.mwmdev.com/config/generate.js"></script><br /> <script type="text/javascript">generate(38);</script> Sat, 26 Jan 2008 23:25:07 GMT http://mwmdev.com/2d/94/Windows-Vista-Logo CrunchBang's Random Ubuntu Advocacy - Bem, no seguimento da criação de um post no CrunchBang com uns mini banners ao get ubuntu, e depois de ter já sido traduzido, fica aqui a versão portuguesa que também merece. Bem, no seguimento da criação de um post no CrunchBang com uns mini banners ao get ubuntu, e depois de ter já sido traduzido, fica aqui a versão portuguesa que também merece.<br /> <br /> Trabalho original de:<br /> <div class=quote>Philip Newborough - <a href="http://crunchbang.org">http://crunchbang.org</a></div><br /> <br /> ficam então os mini banners em versão portuguesa:<br /> <br /> <script type="text/javascript" src="http://albuns.mwmdev.com/config/generate.js"></script><br /> <script type="text/javascript">generate(39);</script><br /> <br /> Para inserir um script que rode de forma aleatória os mini banners, colem isto no vosso site:<br /> <br /> <div class=code><script type="text/javascript" src="http://mwmdev.com/2d/ubuntu_199_164.js"><br /> </script><noscript><a href="http://ubuntu.com/getubuntu" title="Get Ubuntu!"><img src="http://albuns.mwmdev.com/pictures/199_164_ubuntu.png" alt="Get Ubuntu."></a><noscript></div> Sat, 26 Jan 2008 05:40:45 GMT http://mwmdev.com/2d/92/CrunchBang's-Random-Ubuntu-Advocacy