Tutorial: Como criar um layout sem erros

Pode parecer uma coisa extremamente difícil, calcular as medidas de uma página de site, ou de uma foto a ser colocada na hora de uma montagem na web. Mas alegrem-se! É super hiper mega simples!!

Vamos pegar como exemplo, o novo layout do Facebook. Como redimensionar ou colocar uma imagem (por inteiro) no seu perfil, sem que ela fique distorcida ou que seja cortada ?

Faça assim:

1- Tire um simples “print” de qualquer perfil que tenha uma imagem, ou até mesmo do seu.O que interessa é a dimensão da imagem e não ela em si.

2- Abra essa imagem no seu editor, recorte exatamente a imagem e salve-a com o nome que quiser. Abra então a imagem salva nas dimensões certinhas, novamente.

3- Uma vez a imagem aberta, abra outro layer (que será da mesma dimensão da imagem aberta) e comece a trabalhar nela! Esqueça a imagem original pois ela só servirá como modelo para a criação de um layout com as medidas exatas.

Isso serve para páginas da web, para sites, para layouts como os do  Facebook.

Esse foi o resultado final do meu perfil do Face

Simples né?

 

 

Feliz Ano Novo! – apenas uma história Zen

UMA HISTÓRIA DA TRADIÇÃO ZEN conta que um guerreiro samurai foi ver o mestre Hakuin e perguntou:

– O inferno existe? E o céu? Onde estão as portas que levam a um e a outro? Por onde posso entrar?

– Quem é você? – perguntou Hakuin.

– Sou um samurai – respondeu o guerreiro –, um chefe de samurais. Sou digno do respeito do imperador.

Hakuin sorriu e respondeu:– Samurai? Você parece um mendigo.

Com o orgulho ferido, o samurai desembainhou sua espada.Estava a ponto de matar Hakuin quando este lhe disse:

– Esta é a porta do inferno.

Imediatamente, o samurai entendeu. Ao guardar a espada na bainha, Hakuin disse:

– E esta é a porta do céu.

 

Um feliz ano de 2012 a todos vcs!

Tutorial: Como habilitar o novo layout do Facebook no seu perfil

Alguns já tem, outros até desconhecem esse novo layout. Eu pessoalmente achei muito melhor que o antigo, então fica a escolha de cada um mudar ou não.

Segue o tutorial:

1. O processo é bastante simples, mas exige que você tenha uma conta verificada na rede social. Se você não possui, localize o botão “Conta” no canto superior direito da rede social e depois clique em “Configurações de conta”. Em seguida, clique sobre o botão “Celular”. Se seu número móvel já estiver cadastrado, pule o passo número 2.

2. Insira um número de celular para que uma mensagem de texto seja enviada ao seu aparelho. Devido ao grande fluxo de pedidos, talvez sejam necessários vários dias até que o código seja recebido. Cadastrando um cartão de crédito válido também é possível verificar a conta (bem mais rapidamente).

3. Já logado na rede social, localize (por meio da barra de buscas) o aplicativo “Desenvolvedor“, com um ícone semelhante ao do Facebook. Autorize o acesso do app à sua conta.

4. Em seguida, é obrigatório que você crie um novo aplicativo. Para isso, acesse o atalho http://bit.ly/nIsEMm e preencha nomes para os campos “Add Display name” e “Add Namespace” (não será necessário mandar nenhum arquivo de programação, apenas indicar a criação do app). É nesse momento que o Facebook exigirá que sua conta seja verificada.

5. Na página de configurações do aplicativo criado, procure o link “Open Graph“, no menu à erquerda. Uma nova janela será carregada e você precisará confirmar que é um ser humano. Para isso, digite um verbo em inglês (“read” ou “write”, por exemplo) na caixa ao lado de “People can“. E ao lado de “a“, insira um substantivo que complete a frase (como “book“).

6. Logo após a confirmação do envio, você será redirecionado para a página de edição do aplicativo. Mude “write” para “wrote” no campo ao lado de “Past Tense” e salve as alterações.

7. Há mais duas abas de configuração do aplicativo. Altere qualquer coisa em um dos campos em cada página e salve tudo novamente. Aguarde alguns instantes.

8. Volte para a página inicial do seu perfil do Facebook, onde será possível visualizar um frame especial para desenvolvedores, e um convite para testar a timeline. Clique no botão “Obtenha o seu agora mesmo!”. O Facebook deve recarregar seu perfil já com o novo layout.

9. Inicialmente, apenas você mesmo poderá ver as alterações em sua página, mas é possível fazer com que as modificações sejam mostradas a todos. Para isso, clique sobre o botão “Publish now” que está no topo da tela.

Divirtam-se!

Não sabe qual é a fonte?

Esses dias estava vetorizando um logo, mas o cliente esqueceu de me fornecer o nome da fonte usada, o que aliás é muito comum de acontecer. Mas me deram a dica que repasso pra quem não souber :

Se vc esqueceu ou não sabe o nome da fonte e precisa dela, visite o site :.WhatTheFont!. Lá vc pode tanto mandar um print ou foto do que vc deseja saber, através do seu arquivo ou então pode colar uma url de algum site onde a fonte esteja sendo usada.

Simples assim… eles te retornam com algumas possibilidades e a partir daí é fácil vc reconhecer e baixar a fonte que precisa.

Bom né? Eu amei!

ToonIt! – Cartoonize-se!

Esse software, pelo menos no meu entender, é o melhor que existe para converter imagens e fotos em cartoons.

Ele tem vários controles, incluindo o halftone que vc pode ou não usar se quiser.

É leve e fácil de usar também.

Instruções:

* Extraia o arquivo diretamente na pasta de plugins do Photoshop.

* Copie o arquivo que se encontra na pasta MEDICINE e cole ele dentro da pasta onde vc instalou o arquivo primeiramente, ou seja: nos plugins do Photoshop.

Depois é só usar a vontade o seu ToonIt que estará em FILTERS, no menu do Photoshop

Link para baixar com patch incluso: http://www.4shared.com/file/r5xom3mQ/Digital_Anarchy_ToonIt_262.html

Site oficial já está no ar!

Faço o convite para todos vcs que frequentam o blog, que comentam, que pedem soluções ou tiram dúvidas a me visitarem no site oficial do FreakAll.

Claro que esse blog continuará ativo, mais do que nunca, pq não abandonaria os amigos que fiz por aqui.

Lá estarão artigos, minhas fotos, meus trabalhos e minhas vídeo aulas de Photoshop e Illustrator. Sintam-se em casa para comentarem, pois a opinião de vcs é muito importante para mim

Bjos a todos

 

Bia (admin)

Disponibilizando fontes caríssimas!

Quem trabalha com tipografia vai amar! Essas fontes são as mais caras que já encontrei na net. Um pacote simples delas custa em torno de US$ 200,00 !!!

Então , como eu tinha nos meus arquivos, resolvi disponibilizar pra quem quiser ou precisar delas. }São lindas, vale muito a pena ter.

HOEFLER & FRERE-JONES

Download : http://www.4shared.com/dir/diM4GHfx/_online.html

Tornando o Photoshop mais rápido

Aqui vai uma dica pra muitos, que como eu, amam plugins Photoshop. Plugins salvam muito tempo, mas por eles serem pesados, eles fazem o carregamento do Photoshop durar mais tempo que o usual. Seus plugins podem ter uma funcionalidade que vc raramente faz uso, então desative-os até que vc possa ou queira usá-los. Para isso, crie uma nova pasta : Adobe > Adobe Photoshop CS5 ( ou qual seja a sua versão ) e nomeie ela, tipo ” Plugins desativados “.

Agora coloque todas as extensões ou plugins que vc não está usando dentro dela. Quando vc reiniciar o seu Photoshop, esses plugings não irão carregar, então o programa começará muito mais rápidamente. Sua RAM estará liberada porque vc nem deletou nem desinstalou os plugins, estando eles disponíveis para uso a qualquer momento dentro da pasta. Se vc precisar deles ou alguns deles, basta movê-los de volta para a pasta de plugins.

Bom né?

Faça sorrir! :))

O Photoshop é a solução para a maioria das pessoas que trabalham com design, fotógrafos que precisam editar suas fotos e para todos que adoram criar efeitos, melhorar a aparência de imagens e transformá-las radicalmente.

Vamos pegar como exemplo um sorriso. Chato quando alguém não sorri não é? Eu particularmente, adoro sorrisos pq expressam alegria interior. Mas nem sempre se tem um sorriso na imagem, apesar dela sair perfeita como o exemplo abaixo:

E como seria esse baby se colocássemos um sorriso nele? Então vamos ver como fica….

TUTORIALc

Criando um sorriso

Rudemente, selecione a área da boca com o POLYGON LASSO tool. Vá para SELECT > MODIFY > FEATHER e coloque o radius de 10 pixels. Confirme, depois clique no LAYER > NEW > LAYER via COPY (ou pressione CONTROL/COMMAND + J) , depois EDIT > PUPPET WARP. O Photoshop colocará uma malha em cima da layer do formato daquela seleção feita anteriormente.

Depois vc pode controlar o tamanho dessa malha com o valor da EXPANSION na barra de opções. Aumente a densidade para MORE POINTS para aumentar a precisão. Pressione Control/Command + H para esconder a malha, depois posicione os primeiros pinos nos cantos da boca. Adicione mais pinos em pontos distintos dela. Clicando e arrastando a malha, vc pode moldar um bonito sorriso!

E bingo!

É claro que ele deveria ficar o mais natural possível, mas como fiz muito rápido não mexi nos músculos da face que se movimentariam junto com o sorriso, como também não mexi nas sobrancelhas que continuam com aspecto sério. Mas seguindo esses simples passos, fica muito fácil fazer grandes modificações em imagens, sem tirar delas o aspecto de naturalidade e sem deformar os contornos. Por isso eu AMO o Photoshop, especialmente o CS5!!!!

P.S.: Eu sei que alguns irão dizer ou pensar:” -Ah faço isso com o LIQUIFY.”

Pois eu digo que NÃO FAZ!O liquify modifica muito mais que um ponto na imagem, além de distorcê-la. Para que o Liquify fique bom, é preciso uma dose extra de paciência, que nem sempre os designers tem, e tempo que eles nunca tem ! kkkkkkkk

Dica quente- Pôr do sol (Sunset) – efeito Photoshop

Pode parecer um tanto quanto básico esse efeito, mas muita gente não o faz com a perfeição que deveria. E o resultado disso é um borrão amarelo avermelhado na imagem, o que diga-se de passagem, fica muito feio. Então resolvi disponibilizar esse brevíssimo tutorial, talvez o primeiro de uma série, já que me mantive afastada do blog por um tempo. Espero que vcs gostem

Um pôr do sol, especialmente no mar, pode ser um espetáculo de cores. Mas vc pode aumentar esse efeito com o gradient map. Clique em NEW FILL > ADJUSTMENT LAYER no menu de Layer e selecione GRADIENT MAP.     Clique no gradient para abrir o GRADIENT EDITOR.

Clique na primeira cor do gradiente, e mude a cor para red (vermelho). Mude da mesma forma a segunda cor do lado oposto para yellow ( amarelo ) e depois clique OK. Coloque o Blending Mode para SOFT LIGHT e reduza a opacidade para uns 50%. Isso irá criar um efeito quente, quase como que um pôr do sol dourado.

Esse é o exemplo de uma imagem antes e depois do efeito aplicado.

Até breve!