As últimas do Blog

sexta-feira, julho 14, 2017

Fotos de postagem no Facebook com qualidade ruim? Seus problemas acabaram!

Depois de um tempão jogado no limbo, estou de volta com meu blog com dicas que consegui cavar de outros recantos obscuros da internet que simplesmente ninguém consegue achar - geralmente problemas que eu mesma tive, suei pra achar e agora estou aqui compartilhando com vocês, ó que firmeza! =D

Pois bem, quem tem page no Facebook sabe o inferno que é preparar uma puta postagem da hora e, na hora de postar... Qualidade ruim. Horrível, pra falar a verdade.

Sua postagem original:




Depois de postada na sua page do Facebook:



Parece astigmatismo misturado com estrabismo, glaucoma e vista cansada. Sério, isso é broxante. E o pior: tu compartilha no G+ e outras redes e a postagem sai LINDA. Por que? POR QUE?!, eu me perguntava.

A solução é tão ridícula que eu me senti bem idiota quando descobri. Sério. Não precisa ser mestre do Photoshop não. Se liga no macete:

1. Primeiro, salve sua imagem em formato PNG-24, num tamanho razoavelmente bom. O recomendável para o Facebook é de 851px by 315px, mas eu salvo em 800px de largura e já fica bom - não fica enorme de pesada pra carregar, nem perde qualidade. No Photoshop, você entra em Arquivo > Salvar paraWeb...




2. Salvou? Então hora de fazer o upload. Você cria a postagem e sobe a imagem direto nela, certo? ERRADO!



3. O macete é outro. Você precisa criar um álbum e subir a foto no álbum, e não na postagem. Assim:




4. Sempre selecione o modo "Alta definição" e já organize seu post com as informações e marcações necessárias pra não precisar editar depois.



5. Voilá! Sua postagem linda, tão linda quanto usar óculos novos. Dá até vontade de chorar... De emoção, ou de raiva, ou em posição fetal, você decide!


Última dica: organize sua page. Crie álbuns e dê nome para eles. Se organize!

Espero que tenha sido útil. Um abraço e bora trabalhar que num tá fácil pra ninguém, macacada!

Dica vista no site http://lifehacker.com/

terça-feira, maio 06, 2014

Quero criar um post em formato ‘galeria de fotos’. Como?

Este post é a tradução parcial do original publicado por Mr. Paul Divers, autor do site http://irishlightandcolour.blogspot.com.br/. Nele, Paul explica detalhadamente como criar um post em formato ‘galeria de fotos’, que em minha opinião, é um dos poucos pontos em que o Blogger perde, em falta de praticidade, para o Wordpress.

Usando do exemplo do próprio Paul em seu blog Irish Light andColour, eis um exemplo de como o seu post ficará depois dessa solução simples e fácil de ser executada. As fotos dele estão em 900 x 600px, com uma qualidade de aproximadamente 50 – 70%, o que já dá uma boa visualização. A alternativa é simples: ele usa um batch chamado Phatch, onde os dados EXIF são organizados de forma a preservar os metadados das imagens, o que é muito útil no caso de fotógrafos profissionais!

O interessante deste recurso é que o post, ou página (sim, dá pra fazer isso em páginas!) as imagens ficam organizadas em um ‘thumb-mosaic’, cujo rollover mostra dos dados do autor e clicando sobre elas, abrirão em lightbox. Tão lindo, prático e fácil que me deu vontade de chorar, e depois de chorar de emoção, resolvi compartilhar com vocês. XD


Vejam como fica:





"Legal! É isso mesmo o que estou procurando!!!"
Então, gafanhoto, siga os passos abaixo e mãos à obra!


1. Otimize e ponha marca d’agua em cada imagem, assim como as informações de copyright, para evitar a kibagem alheia. Como cada um tem seu jeito para fazer isso, vou deixar que se virem;

2. Isso feito, suba as imagens numa nova galeria no Picasa, e crie um novo post/página e selecione o modo 'HTML' de visualização.





3. Copie o código abaixo...



... e cole no post/página em modo HTML ainda. Isso feito, clique para que o cursor fique logo após a primeira tag de fechamento. Bem aqui, ó:




4. Ainda na opção HTML, posicione o cursor no lugar indicado acima, clique em ‘inserir imagem’, e escolha a melhor opção pra você: se você vai fazer upload de uma nova imagem, dos seus álbuns do Google... O importante é que você faça o processo diretamente dali!



5. Escolha ‘tamanho pequeno’ e ‘nenhum’ para o alinhamento, na opção de escolha do layout que se abrirá em seguida. Atenção: suba uma imagem por tag, senão não irá funcionar. Se você mudar para a opção "Escrever" não vai funcionar, porque a opção abaixo não vai aparecer. =)





6. Só depois de completar tudo mude para o modo ‘Escrever’ para ver como ficou, e se quiser, insira legendas nas fotos.

IMPORTANTE: as tags para ‘mudar a linha’ são as "tr" e "/tr". Ou seja, o código original te dá uma galeria com 3 fotos, mas se quiser com 4 ou mais fotos, basta inserir essas tags no local desejado. Eu, por exemplo, nesta página inseri as tags após a segunda imagem, pois o corpo de post do meu bloguim é estreito e as miniaturas ficam meio grandinhas.

Voilá! Agora é só repetir o mesmo processo nas fotos restantes!
Eu disse que era fácil. Até a próxima, macacada.


Special thanks to Mr. Divers, the original author. =D

See the complete post here

Nova seção: Webcomics!

Inaugurando uma nova seção no blog, destinada à publicação de webcomics com updates semanais em inglês e português e, em breve, séries e tirinhas.

A primeira webcomic é a curta 'Sentença', onde a raça humana enfrenta o julgamento definitivo, que poderá culminar na destruição da espécie. Qual será o veredicto?





Gênero: comédia, crítica, drama. CLIQUE AQUI PARA LER

Espero que gostem! =)

quarta-feira, outubro 16, 2013

Upgrade.com: Site novo, cara nova

É isso aí, macacada. Depois de um tempo batendo cabeça fazendo a faxina e arrumando a zona organizando o material novo, eis que o Portfolio Oficial está de cara nova!





Com a expansão dos serviços agora abrangendo artefinal digital, houve um upgrade na área artística, o que obrigou a mudança do nome de Eclypsia Design e Comunicação Visual para uma nova definição mais abrangente: a Eclypsia ArtDesign nasce agora com todo gás na área de ilustração e artefinal em quadrinhos, além de futuras comissions para o DeviantArt.


Dê uma passadinha por lá e confira as novidades. =)

http://www.eclypsiadesign.com.br/


segunda-feira, fevereiro 04, 2013

O conta-gotas do Photoshop pega a cor do fundo. E agora?

Rapaz, essa me deixou de cabelo branco por uns dois dias. Quem me conhece sabe que sou colorista, praticamente uma esteira de produção no Photoshop e preciso do máximo de praticidade, mas de vez em quando nossa própria ferramenta de trabalho resolve trolar a gente.

O contagotas do Photoshop - mais conhecida como 'eyedropper' - de uma hora pra outra, resolveu selecionar a cor de fundo (background) ao invés da cor da frente (foreground). E agora?

Há quem diga 'aperta o alt que ele pega a cor de foreground', ou 'aperta X que ele inverte', ou 'clica na setinha dupla', e bla-bla-blá-whiskas sachê... E EU LÁ TENHO TEMPO PA ISSO, CUMPADI?! O troço tem de funcionar direito, afinal pra quem é freela, tempo é grana!!!

Depois de quebrar a cabeça, achei a solução - pra variar, em inglês. E quando acho soluções em inglês que consigo fazer funcionar, posto aqui pra economizar cheiro de chifre queimado pra muita gente (e olha que eu falo em inglês, mas alguns tutoriais são muito difíceis de entender), mas bora lá:

Clique pra ver melhor!


Quando isso acontecer, aperte F6 com o contagotas selecionado. Irá abrir a janela 'Color'. Vejam que no print, temos duas amostras de cor, mas apenas uma está selecionada (se você está lendo este tutorial, o background está com uma linha fina em volta). Basta clicar sobre a foreground de novo. Pronto! Pode ir dar uma volta e toma um Toddy quente com uma Neosaldina, porque a dor de cabeça já vai passar!

Mas a pergunta que nunca cala: por que essas coisas acontecem quando a gente mais tem pressa?


Abraços a todos e até a próxima, macacada.

Solução original encontrada em http://forums.creativecow.net/

domingo, outubro 14, 2012

Ponteira para caneta de tablet: quando acaba...



... acaba o seu sossego também. Quem trabalha com mesa digitalizadora 24h por dia sabe.

EDIT: EITA! A postagem tá rendendo! Fico feliz que ilustradores, designers e usuários de tablets Wacom estejam apreciando este tutorial. Falha nossa: muita gente perguntou onde encontrar fio de nylon pra roçadeira, e realmente me esqueci de citar. Roçadeira serve pra cortar grama, certo? Então você irá encontrar facilmente em lojas de produtos agrícolas (onde vendem-se sementes, adubos, etc.) ou em casas de venda de ração animal.
Importante: peçam um pedacinho de cada espessura de fio para testar, se for o caso (de uns 4cm dá), ao invés de comprar um rolo inteiro, hein? A ponta dura muito, e você corre o risco de perder todo o rolo, porque o nylon se degrada com o tempo. A não ser que você tenha uma roçadeira para usar todo o fio. =)

Tenho uma Wacom Bamboo Connect, excelente ferramenta de trabalho para colorização digital - há quem sonhe com uma Wacom Cintiq, mas pessoalmente acho um luxo desnecessário. Basta pesquisar os preços, e reconhecer que o mesmo que faz com uma Cintiq, fará com uma Bamboo ou uma Intuos.



Mas o assunto em voga não é este. Quem tem uma Cintiq tem grana o suficiente pra pagar 50 pilas num pacotinho sem vergonha com cinco, CINCO PONTINHAS de reposição: se resolver calcular o frete (sim, pontas só por loja virtual), tentar economiza e pagar por três pacotinhos, sai o preço de uma caneta novinha, e o pior: não são vendidas sem o extrator de pontas. Quem já tem um, vai colecionando... ¬¬

Isso cabe uma observação: em comparação com os modelos antigos, a Wacom melhorou muita coisa na nova Bamboo, mas judiou na textura dos novos modelos: na tentativa de imitar o 'agarre' do papel na caneta, de tão abrasiva literalmente devoram as pontas com farinha. E cá entre nós, designer é uma dureza. Ô raça sem grana. Se isso fosse mentira, não haveriam tantos apelando para a seção gambiarras tutoriais deste blog! XD

Mas, FOCO! Acabaram-se as pontas, tenho de entregar o freela e tô sem grana. E agora?

Esse tutorial para tablets Genius, pescado meio por acaso do blog do grande profissional da ilustração Mozart Couto, caiu do céu. Ele mesmo pondera sobre a desvantagem de se usar pontas gastas na tablet, pois pode arranhá-la de verdade. Duvidei, mas por pura cretinice, eu fiz. Funcionou para a minha Wacom Connect.

Acompanhe abaixo a preserpada:

Material: 
• Alicate de cortar fio;
• Fio de nylon de para roçadeiras de grama de 2mm de diâmetro;
• Uma lixa de unha para acabamento fino;
• Seu extrator de pontas ou uma pinça de sobrancelhas.



Extraia a ponta com cuidado usando o extrator ou a pinça. Ela dá uma resistência, mas puxe com carinho que ela sai. Use a ponta tirada para medir o tanto de fio que irá cortar - corte com cuidado, pois o nylon é chato de cortar e fica achatado. Você também pode cortar com um estilete,  o corte ficará mais limpo e mais fácil de lixar.



Agora o mais importante: paciência. Lixe bem a ponta que irá em contato com a caneta. Se não ficar bem retinha, não terá contato com o circuito interno, e a caneta não funcionará! Lixe bem a outra ponta que irá no contato com a tablet, deixando-a mais arredondada, pois para tablets Wacom, fica mais cômoda para trabalhar e não arranha.



Encaixe a ponta na caneta, e se precisar, dê mais acabamento com cuidado para não arranhar a caneta. Se o fio de nylon for mais fino que a ponta, uma voltinha de durex basta para deixa-la um pouco mais grossa e encaixar na caneta. Voilá! Uma ponta de toque mais macio, e o mais importante: muito mais barata.


Eu fiz, funcionou e vou continuar fazendo! Sintoma de pobreza que nada: quem tentar e der certo, espalhe a ideia! Talvez assim, a Wacom e outros fabricantes baixem os preços, e forcem a venda de ponteiras originais em outros pontos, como papelarias. =)

Baseado no PDF original encontrado em http://blogdodesenhador.blogspot.com.br
Agradecimentos ao mestre Mozart Couto pela dica! 


terça-feira, julho 19, 2011

Mateus Rodrigues Coiffure: Projeto de identidade visual e web

Projeto de identidade visual e customização de blog para a empresa "Mateus Rodrigues Coiffure", especializada em estética facial, corporal e principalmente cabelo e unhas. Pessoalmente,  recomendo o trabalho de Mateus, detentor do que chamo de verdadeiro Toque de Midas.

Este foi um trabalho de pesquisa realmente contagiante. O icone de beleza do século XX, Marilyn Monroe, foi o alvo da estilização da logo: uma mulher com magnetismo envolvente, que emprestou seu glamour ao ar vintage 50' da logotipia e do símbolo. 

O projeto de identidade é de minha autoria, e a customização foi feita sobre template Web2Feel by Best Blogger Themes encontrado no site BTemplates.




Dêem uma passada pelo blog quando puder!
Blog Mateus Rodrigues Coiffure: http://mateusrodriguescoiffure.blogspot.com/


quinta-feira, abril 21, 2011

A paleta de cores ficou em RGB... No Corel X5, dessa vez!

Quando achamos que dominamos alguma ferramenta, ela nos dá uma nova rasteira pra testar nossa paciência. Aliás, é a escada para uma nova postagem: "Por que certas coisas só acontecem quando estamos com pressa?"

Esse é um complemento da postagem "CorelDRAW: A paleta de cores ficou em RGB… WTF?!?", que já ajudou alguns desesperados usuários de Corel com o mesmo problema - a única coisa que muda agora é que no Corel 15 o problema é resolvido de outra forma.

Em Menu > Ferramentas, clique em "Gerenciamento de Cores", e depois em "Configurações do documento":



Eis a diferença entre Corel X4 e X5: será aberta uma caixa de diálogo de gerenciamento de cores da paleta do documento, e não do programa. Você verá que na opção "Modo de cores primárias", a opção selecionada está em RGB. Mude para CMYK.


Pronto! Desvantagem? Você tem de mudar todas as cores do documento novamente... That's all folks! ^^








quarta-feira, fevereiro 23, 2011

Blog do Projeto 'Educando para o Amanhã' de Karate Do




 Mais uma prestação de serviços ao Projeto Socioesportivo "Educando para o Amanhã", coordenado por meu Sensei e grande amigo Marcos Roberto Alves: o blog promete notícias, novidades e a promoção de contatos cada vez mais produtivos aos atletas do karate  do integrantes do projeto e vindos de diversas cidades da região de Franca/SP, entre elas Ribeirão Corrente e Patrocínio Paulista.


Além de orientar novos alunos e potenciais campeões, o blog também informa sobre a prática do Karate Do, e conta com uma galeria de fotos com as conquistas dos nossos atletas.


 O template foi captado no site Blogger Templates, e originalmente estruturado pela Lasantha, e teve seu CSS customizado por mim.



Façam uma visita!
http://projetoeducandoparaoamanha.blogspot.com.br/

quinta-feira, fevereiro 10, 2011

Encontro Regional de Design em Franca/SP

Franca, cidade do interior de  SP, pela primeira vez sediará um evento a nível de Encontro Regional, voltado ao público estudante, profissional ou entusiasta deste tema que nos move, apaixona e envolve (emquase todos os aspectos de) nossas vidas: o Design. O Encontro "R DESIGN FRANCA: Aqui o R Tem Mais Força!" está previsto oficialmente para a data de 12 a 15 de novembro de 2011, porém a Festa de Abertura do evento será neste 17 de fevereiro - mais detalhes abaixo, no rodapé.




"R Design" são encontros regionais de estudantes de design e entusiastas da área, cuja finalidade é promover a integração, troca de experiências e refinamento de seus conhecimentos, através de diversas atividades, que vão, de palestras e oficinas a atividades interativas e festas.

Os R’s, como são conhecidos, são sempre organizados em alguma cidade do interior do estado, que possua em sua estrutura educacional ao menos um centro acadêmico de design, mas que também possua em seu entorno, outras universidades ou centros de design, capazes de fornecer possíveis participantes ao evento.


Yes, aqui o R tem mais Força!

O conceito faz referência ao sotaque puxado e com ênfase na pronuncia da letra R característico da linguagem usada pelo cidadão paulista interiorano da região de Franca. Também significa que na Região de Franca (representando o interior do estado de São Paulo) o evento R Design é mais forte. Ou seja, o interior, apesar da distância dos grandes centros urbanos, também tem design, forte e conceitual, antenado com as tendências mundiais e, totalmente conectado as novas mídias. Além disso, o interior também tem gente bonita, festas, repúblicas de estudantes e um jeito acolhedor de se viver, com ótima qualidade de vida.

Fique por dentro do que a galera do RDesign está fazendo: 
FacebookTwitter • Hotsite Oficial RDesign



Festa R Design Franca 2011 / AQUI O R TEM MAIS FORÇA! 

 
17/02 às 23h na Kizzar Haus, em Franca / SP • Open bar R$15 • canecas personalizadas a R$10 • Compras de ingressos e canecas no Núcleo de Design da Universidade de Franca, com os membros da Comissão Organizadora.
 Pela primeira vez em Franca/SP, uma festa com todo mundo falando a mesma língua: DESIGN!!!



sexta-feira, fevereiro 04, 2011

Imagem com link para assinatura no Mozilla Thunderbird




Sim! É possível inserir sua assinatura personalizada com logo e link incorporado no Mozilla Thunderbird: para conseguir, basta apenas uma noçãozinha de HTML.

Muita gente já optou por migrar seus serviços de mail do Windows Live para o Thunder depois da ultima safra de bugs da atualização para Win7. Eu mesma indexava várias contas através pelo Live, mas quando ele cismava, congelava os mails da minha conta de domínio que, coincidência ou não, é Google.  ¬¬



Bom, destrinchar elogios ao Thunderbird aqui não é o foco, embora esteja gostando bastante: ele recebe e envia todas as contas de mails que tenho (Yahoo!, Gmail, Bol) com bastante eficiência. Mas eu queria mais: poder linkar o meu site à assinatura, assim quem recebesse um mail meu tivesse opção de clicar sobre a assinatura e cair direto no meu site.  Prático, não? E perfeitamente possível.

Você pode criar sua assinatura como uma imagem comum, que pode incluir a logo de sua empresa, seus telefones e dados: eu incluí tudo numa imagem só, para ficar mais leve. Como você vai fazer isso, fica por sua conta: eu criei a minha em Illustrator, e exportei em PNG-8 para dar melhor nitidez de contornos, além do fundo transparente deixa-lo mais leve. Importante: dê atenção à definição da imagem, que para web tem de ter 72dpi (não mais que isso), e redimensione exatamente para o tamanho que você quer que ela apareça no corpo do mail. Nem tente redimensionar direto no corpo do mail: é um saco!



Depois disso, vem a parte que requer mais atenção: upar a imagem no seu servidor. Eu tenho hospedagem pelo Net2Ftp, mas você pode usar outros servidores de hospedagem que tenha certeza que não vai apagar seus arquivos. Dá pra usar o Flickr ou o Picasa também, pois o importante é copiar o link corretamente - uma letra errada e não vai funfar. Se tiver dúvida, basta clicar na imagem com o botão direito, e escolher a opção "Exibir imagem": o link que aparecer na sua barra de navegação é o correto.



Feito isso, vamos ao Dreamweaver. Pra quem é fera em HTML e bom de cabeça, faça no Bloco de Notas, mas prefiro o Dream pela praticidade, pois ele dá os códigos prontos (não dá pra lembrar todos os valores de cabeça, né? ^^"). Abra um novo arquivo em HTML, e em Properties, zere as margens. Feito isso, vá no menu Insert>images, e procure o arquivo a sua assinatura no seu servidor onde foi hospedado. Desse ponto, o Dreamweaver vai aprontar todas, para quem não tem o site criado na própria máquina, ou quem já tem o FTP linkado a ela (como no meu caso). Ignore isso! O importante é que ele lhe ofereça a preciosa linha de códigos que você vai usar no Thunder.

Atenção aqui: Se o Dream te atrapalhar em algum ponto, é só copiar o link da sua assinatura que já está hospedada e substituir o link entre os valores a href e img src. Trocando em miúdos, se você é preguiçoso e quer o código pronto, a linha que você precisa é essa aqui:



Substitua os meus valores paliativos pelos seus, e não se esqueça de configurar os valores width="largura" height="altura" - minha assinatura tem 380 por 70px, portanto modifique os valores adequando-os à sua própria, para não distorcer.  Zere a border, senão vai aparecer uma borda em volta da imagem quando for anexada no mail.

Falta pouco! Agora vamos inserir essa informação no Thunderbird. Vá ao menu Ferramentas > Configurar Contas. Na janela que irá aparecer, você poderá encontrar todas as informações das contas que adicionou no Thunder. Basta habilitar a caixa de diálogo "Texto da assinatura: Usar HTML", e inserir sua linha de código.



Ah, e não se preocupe se o cursor não virar "mãozinha" enquanto estiver redigindo o mail. O link opera quando for enviado, faça o teste enviando um mail para si mesmo. Pronto! É só isso. Fácil, né?



Mas assinatura aparece lá embaixo, no pé da mensagem, e eu quero que ela apareça em cima... #comofas?
Editado em 25/09/13
 

Para que a assinatura apareça no topo da mensagem e não lá no final (onde ninguém vai ler, dependendo do tamanho da 'conversa' e da quantidade de participantes em cópia)  é só ir em 'Configurar esta conta', e clicar em 'Editar e Endereçar'. No campo onde aparece "Inserir a assinatura no:", selecione a opção no dropdown 'Início da mensagem'. Pronto!

Quem leu todos os comentários dessa postagem logo abaixo, reparou que esta foi uma contribuição  kibada da mensagem  do visitante DIOVANE. Valeuzão por contribuir com esta informação, champz! Todos os usuários de Mozilla Thunderbird que tinham essa dúvida até cair aqui te agradecem. =)

http://gif-central.blogspot.com.br/

quinta-feira, fevereiro 03, 2011

Novo site Novax no ar



Mais um trabalho realizado para o Grupo A Tonal/Novax: no novo site, aplicações da nova identidade visual Novax na interface, rótulos, embalagens e produtos da empresa, além das ilustrações da mascote Novaquinha - ela também estará presente na Loja Virtual, em breve no ar.  Visite o site: http://www.novax.com.br/


Site totalmente produzido por MouseUp Interativa, e design de rótulos de A4 Propaganda. Mascote criada por Natan exclusivamente para o Grupo A Tonal / Novax.

Confira este e outros trabalhos também no novo site da MouseUp Interativa! Portfolio renovado, novidades, visual, criatividade e inovação. Recomendo!

















Confira também o novo site da MouseUP Interativa, e seu portfolio

terça-feira, janeiro 25, 2011

Ilustração e Colorização Digital

Atualização do Portfolio EDg: Ilustração feita de presente a um grande amigo, acervo pessoal. Desenhada manualmente a grafite, e finalizada em Photoshop e Painter.