Ju Duarte

Tag: tutoriais

  • DIY: Layout para blog (parte 2)

    Recebo muitos comentários no blog, Twitter (@juduartt) e e-mail perguntando como faço meus layous, se faço encomendas e quanto cobro… Como a rotina da faculdade é bem pesada, fica impossível atender todos os pedidos, então não faço para não deixar ninguém de fora. Foi pensando nisso que criei a tag design no blog, assim disponibilizo alguns de meus trabalhos (gratuitamente) para vocês.
    Porém, sei que muitos curtem ter o blog com sua cara, mais personalizado. Então, aqui vou eu (tentar) ajudá-los novamente: a partir deste post, vou fazer um tutorial passo-a-passo de como eu crio meus layouts. Além de guiar vocês, ainda vai ajudar (ou assim espero) quem está louco para aprender. 
    A primeira parte já está no ar e fiquei super feliz de saber que vocês gostaram da ideia e ficaram ansiosos pelos próximas aulas. Quem está perdido e só está vendo esse post, vale dar uma olhada no primeiro. Dei muitas dicas legais por lá. Mas agora, vamos ao que interessa: a continuação.
    O layout que nós vamos fazer juntos vai ficar mais ou menos assim:

    Digo “mais ou menos” porque preparei esse somente como base. E claro: vocês podem modificar o que quiserem. Fiz ele de uma forma super simples, assim não fica tão difícil pra vocês entenderem. E antes que me culpem por não fazer algo super legal e cheio de coisas (hahaha), vou explicar: isso vem com o tempo e com a prática. Pra quem está começando, os primeiros layouts vão ser bem simples e desastrosos, pois existe aquela barreira com o programa e a falta de costume com as ferramentas. É normal. Os meus foram horríveis. Comecei a fazê-los em 2006 e hoje, após seis anos, ainda tenho muito o que aprender e melhorar. Estou apenas explicando para não receber comentários maldosos e coisas do tipo. Bom, aviso dado, agora vamos deixar de blá blá blá e começar a trabalhar!

    Nesse “tutorial”, vou usar técnicas que uso em todos os meus layouts, ou seja: fazer as nuvens que sempre faço, colocar desenhos, escrever, aplicar efeitos nos textos, usar pincéis e etc. Vou explicando no decorrer das aulas. Com o tempo, vocês vão achar tudo isso que falei no design do JDB. A técnica é a mesma, só resta a vocês aplicarem da melhor forma possível e sair fuxicando o Photoshop em busca de ferramentas novas (acreditem: aprendi tudo assim).
    Materiais que vamos precisar:
    Background usado na nuvem – imagem principal – fonte
    Ainda lembrando que vocês estão livres para usar o que quiserem!
    Os pincéis de coração que usei no layout já são antigos e não lembro onde fiz o download. Por isso, vocês podem procurar outros no DeviantArt (link direto para pinceis de coração) ou no post aqui do blog que coloquei alguns links. Vale usar outros, também!

    Primeiro passo: criando um novo documento no Photoshop
    Vamos começar criando o documento onde vamos fazer nosso layout. Para isso, basta ir em File/Arquivo > New/Novo ou pelo atalho Ctrl + N. Configure deste jeito:

    Claro que vocês podem colocar um número diferente na largura e altura. Geralmente, uso o 1080px para a largura e a altura depende do que faço. Nem sempre fica em 500px.

    Após clicar em Ok, o documento será aberto no Photoshop. Seguindo o layout que criei, vocês vão usar a ferramenta Paint bucket tool (atalho: G) e escolher a cor e6eae1 para pintar o fundo. Assim:

    Com a ferramenta (item 3) selecionada, pinte o documento que nós criamos. Ele ficará assim:
    Segundo passo: “desenhando” a nuvem
    Agora nós vamos criar uma nova camada para adicionar a nuvem. Para isso, há duas maneiras:
    1) No menu Layer/Camada > New/Novo > Layer/Camada
    2) Pelo atalho Shift + Ctrl + N
    Com a layer criada, vamos fazer a nuvem. Para isso, selecione a ferramenta de Shapes/Formas (atalho: U).
    Com a shape de círculo selecionada, vamos começar a montar a nuvem. Segurando a tecla Shift, vá desenhando vários círculos juntos até formar uma nuvem a seu gosto. Assim:

    Continue assim até sua nuvem ficar pronta. Ela ficará desse jeito:
    Terceiro passo: adicionando efeito na nuvem
    Antes de tudo, você deve abrir aquele background que pedi para salvar no começo do post. Para isso, vá em File/Arquivo > Open/Abrir e procure a pasta onde o salvou.
    Com o documento aberto, vamos transformá-lo em pattern/padrão no Photoshop. Vá em Edit/Editar > Define Pattern/Definir Padrão. Coloque um nome para ele e clique em Ok.
    Na camada da nuvem, clique com o lado direito do mouse e vá em Blending Options/Opções de Mesclagem. 
    Vai abrir uma janelinha. Ao lado esquerdo há várias opções. Procure por Pattern Overlay/Sobreposição de Padrão. Veja o print:
    Selecione o Pattern Overlay/Sobreposição de Padrão (item 1) e clique na setinha (item 2). Vai abrir uma pequena caixa com as opções de pattern/padrão. Procure o que acabamos de abrir (o background, lembra?). Se ele foi o último a ser adicionado, estará no final. Assim:
    Agora vamos adicionar a “sombra” abaixo da nuvem. Nessa mesma janela, clique no item Drop Shadow (o primeiro). Deixe assim:
    Cor usada: c6bfaf
    Agora é só clicar em Ok.
    Quarto passo: adicionando o espaço onde irá o nome do blog
    Vamos criar aquele “traço” atrás do nome do blog. Para isso, use a cor e6eae1 (ensinei lá em cima como trocar a cor) e selecione a ferramenta de shapes (atalho: U).
    Eu usei a largura (weight) em 50px. Mas você pode alterar o tamanho.
    Vou usar na diagonal, mas também é escolha sua. Basta clicar na página e arrastar. Ficará assim:
    Quinto passo: adicionando o nome do blog
    Vamos escrever o nome/título do blog nessa caixinha que acabamos de criar. Para isso, selecione a ferramenta de texto (atalho: T). A cor é opcional, porém vou usar a b2abb3, ok?
    Com a ferramenta Texto selecionada, clique e arraste para formar uma “caixa” perto da caixinha que criamos e escreva o nome/título do seu blog. Ficará assim:
    Quem fez a caixinha reta, basta posicionar o texto em cima. Quem criou na diagonal, como eu, basta virar o texto. Para isso, posicione o cursor perto de uma ponta da caixinha, segure com o mouse e arraste. Assim:
    Sexto passo: adicionando efeito ao texto
    Na camada do texto, clique com o botão direito e vá em Blending Options/Opções de Mesclagem. Nós vamos fazer o mesmo processo da sombra na nuvem. Porém, a cor que vamos usar é a 867289, ok? Ficará assim:
    Sétimo passo: adicionando o desenho ao layout
    Abra a o desenho que vocês salvaram, seja o que disponibilizei aqui no post ou o que vão querer usar. O método é o mesmo: File/Arquivo > Open/Abrir.
    Com o desenho aberto, vamos recortá-lo antes de colocar no layout. Desta vez, como o fundo é todo branco, vamos usar a ferramenta varinha mágica (atalho: W).
    Clique no fundo branco da imagem para selecioná-lo. Assim:
    Agora vá em Select/Selecionar > Inverse/Inverso. Aperte ctrl+c para copiar. Vá até o documento do layout que estamos criando e, adivinhem? Ctrl+v haha.
    Para mover o desenho, vamos usar a ferramenta Move Tool (atalho: V). No painel de ferramentas, ela é a primeira do lado direito. 
    Vou posicionar o desenho assim:
    Oitavo passo: criando os espaços para perfil, posts e menu
    Agora vamos criar a sidebar e a coluna dos posts. Para isso, vamos criar uma nova camada (Layer/Camada > New/Novo > Layer/Camada).
    Com a cor branca (código: ffffff), selecione a ferramenta de shapes. Iremos usar o retângulo:
    Clique e arraste para criar a parte do post. Ela deve terminar no fim do documento, assim:
    Agora crie outra camada (Layer/Camada > New/Novo > Layer/Camada) para a área do perfil. Vou usar a cor d6ddcc, mas fiquem a vontade para trocar. Ficará assim:
    Com as colunas do post e da sidebar prontas, agora é hora de criar o espaço onde ficará o menu. Essa parte é opcional, pois nem todo mundo quer ou tem páginas no blog para colocar aí. Só para explicar: essa é a área onde vamos colocar os links para início, perfil, blogroll, contato e etc. 
    Ainda com a ferramenta de shapes selecionada e com a mesma cor que usamos na sidebar, nós vamos usar o retângulo que tem as pontas arredondadas. O ícone dele está ao lado do que usamos anteriormente.
    Clique e arraste no local desejado para colocar o menu. Ficará assim:
    Nono passo: finalizando com os brushes/pincéis
    Para não ficar um espaço muito vago entre o desenho e a sidebar, vou colocar pincéis de corações ali. Fiquem a vontade: vale adicionar uma frase que você goste, ou colocar créditos do layout ou até usar outros pincéis. E claro: se curtiu assim, também pode deixar do jeito que está e parar por aqui!
    Vamos selecionar a ferramenta Brush Tool (atalho: B). Para o post não ficar muito grande, vou aproveitar que já ensinei a importar pincéis pro Photoshop neste post. Deem uma lida lá.
    Depois de carregar os brushes que baixou, escolha o seu favorito e a cor desejada (vou usar a c1a99a). Clique no espaço e pronto! A figura já estará lá.
    Décimo passo: salvando a imagem
    Nosso layout está pronto (pelo menos a parte gráfica). Agora vamos salvar a imagem de duas formas: uma em formato .PSD (do Photoshop, caso precise alterar algo mais tarde) e em .JPG (a que vai para o blog depois).
    Para salvar, vá em File/Arquivo > Save As/Salvar como. Uma janela irá abrir e lá você vai colocar o nome do seu arquivo. Certifique-se que abaixo, em format/formato, esteja Photoshop (.PSD;* .PDD). Clique em save/salvar. Agora faça o mesmo processo, porém, no format/formato, procure por JPEG (*.JPG;* .JPEG;* .JPE). Salve e pronto.
    Ufa! Após mais de três horas criando o post, finalmente chegamos ao fim. A parte gráfica está pronta! Guarde os dois documentos (o .PSD e o .JPG) que, na próxima aula, vamos começar com os códigos. E continue com o Photoshop (ou o programa de edição que você usou) instalado aí, pois ainda temos outras imagens para criar, viu?
    Espero que vocês tenham gostado da aula. Já disse isso, mas não custa repetir: somente o tempo e a prática vão te fazer melhorar. Criei um layout simples com vocês para não ficar muito chato, longo e difícil. Porém, vale usar as técnicas para criar coisas diferentes e mais elaboradas. Tudo depende de vocês, viu? E uma dica: fuxiquem MUITO o Photoshop. Foi assim que aprendi tudo o que sei.
    E vocês? Curtiram a aula? Estão ansiosos para começar com o HTML? Conta pra gente! Qualquer dúvida, deixem por comentário que respondo (aqui mesmo).

  • Layout grátis: Fix a heart

    Com a rotina pesada da faculdade, fiquei sem tempo para fazer muitas coisas para o blog e para vocês. Porém, minhas férias chegaram e prometi que, assim que tivesse um dia livre, iria me comprometer a criar um novo layout free para disponibilizar no blog. Bom… promessa é dívida, certo?

    Esse segundo tema que crio é bem simples, porém gostei bastante. Tentei me inspirar em blogs que só postam textos, pois o anterior era mais para blogs de fotografia, moda e etc. Apesar de não ser tão cheio de imagens e texturas, eu amei. Ah, e vale lembrar: me inspirei na música Fix a heart da Demi Lovato. A frase “never really can fix a heart” é da canção. 

    Instalando no Blogspot:
    Depois de fazer o download (na imagem abaixo do preview do layout), vá até a guia Design do Blogger, depois em Editar HTML. Logo acima, haverá a opção de upar o novo tema. Como na imagem:

    Clique em Escolher arquivo e, na pasta onde você baixou o lay, selecione-o. Depois, clique no botão Fazer upload e espere carregar.
    Pronto! Seu lay já está em seu blog. 
    Dica: Se o título do seu blog for muito grande e ultrapassar a área dele ou muito pequeno e ficar estranho, você pode modificar o tamanho da fonte. Basta ir até Design > Editar HTML e procurar por este trecho:

    #header h1 {
    color:#c3937e;
    display:block;
    font-family: ‘Cookie’, cursive;
    font-size:50px;
    font-style:normal;
    font-weight:normal;
    margin:0;
    padding-left:330px;
    padding-top:90px;
    text-align:center;
    width:550px;
    }

    Em font-size:50px; troque o 50 por um número menor (para diminuir) ou maior (para aumentar). Caso você ache que o título está descentralizado e queira ajustá-lo, troque o padding-top:90px; por um número maior (deixa o título mais para baixo) ou menor (deixa o título mais para cima).
    Adicionando suas páginas ao menu do layout:
    Dessa vez, criei uma área especial para vocês adicionarem suas páginas ao lay. Para arrumar os links, faça o seguinte:
    1- Procure pelo código abaixo (ele está bem no final do layout, depois de <div id=’menu’>):
    <li><a class=’link’ href=’http://LINKDOSEUBLOGAQUI’>Início</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINADEPERFILAQUI’>Perfil</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINADEESQUIPEAQUI’>Equipe</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINASOBREOBLOGAQUI’>O blog</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINADEBLOGSAMIGOSAQUI’>Blogroll</a></li>
    <li><a class=’link’ href=’http://LINKDASUAPAGINADECONTATOAQUI’>Contato</a></li>
    Agora é só ir adicionando os links que se pede. Nada impede de trocar algum por outro de sua preferência.

    Vale lembrar que quem usar o layout não deve tirar os créditos. Ah, e se puder, comenta aqui avisando que colocou o lay no blog. Vou adorar vê-lo “funcionando” hihi.

    E vocês? Curtiram o segundo lay free do blog? Conta pra gente!

  • Vocês conhecem o Pixlr Express?

    Já faz algum tempo que ando usando o Photoshop somente para montagens e edições mais complexas. Depois que descobri o Pixlr Express, de um tempo para cá venho fazendo tudo nele. Principalmente as edições dos posts para o blog.
    O Adobe Photoshop é um software bem pesado, que acaba demorando para abrir. Assim, acabo perdendo mais tempo esperando o programa carregar do que fazendo as edições. Com um editor de imagens online como o Pixlr Express, acabo fazendo tudo por lá com rapidez e a mesma qualidade. Usei o aplicativo esses dias para um post no Garotas Dizem (vocês viram?) e ficou ótimo.
    Cheguei a falar sobre o Pixlr Express aqui no #JDB em um post sobre aplicativos para o Google Chrome (vale a pena conferir). Porém, nada melhor que fazer um especial, explicando um pouco do que ele faz. Quem curte agilidade e qualidade, vai amar o editor. Principalmente porque ele está cheio de efeitos vintage e molduras a la Instagram.
    1- Browse: procurar uma foto no seu computador.
    2- Open URL: abrir uma foto que já está hospedada na Internet.
    3- Webcam: tirar uma foto pela sua webcam
    4- Collage: fazer uma colagem de fotos (do seu computador).
    Após carregar a foto, os 3 primeiros itens vão abrir nessa página:
    1- Adjustment: permite você editar o básico, como cortar a imagem, ajustar o tamanho e mexer no brilho e contraste da foto.
    2- Effect: conta com vários efeitos prontos para você aplicar em suas fotos.
    3- Overlay: são “texturas” de luz que você pode usar para dar um ar mais vintage à imagem.
    4- Border: bordas e molduras.
    5- Sticker: desenhos para “colar” na foto.
    6- Text: escrever algum texto.
    O item collage vai ser direcionado para essa janela:
    1- Layout: escolher o layout da sua colagem.
    2- Spacing: aumentar ou diminuir a largura das linhas.
    3- Roudness: arredondar as bordas.
    4- Proportions: mudar o tamanho/proporção da base da colagem.
    5- Color: escolher a cor das linhas.
    6- Finished para finalizar (e ir para a página que mostrei anteriormente) ou Close para parar de editar.
    Após escolher a foto, ficará assim:
    1- Trocar a foto
    2- Editar a foto
    3- Excluir a foto

    O modo collage é super útil para quem trabalha com montagens para posts de moda. Basta selecionar o layout que contém o número de quadros que você quer e arrumar o tamanho no proportions. 
    Você pode usar o item 2 para editar as fotos separadamente. Caso queira dar o mesmo efeito às quatro, cole todas na moldura e clique em finished. Então, é só escolher o efeito e/ou moldura. Só pra vocês terem uma ideia, fiz dos dois modos:
    A primeira, com um efeito em cada:
    A segunda com o mesmo efeito em todas (aplicado após a montagem):
    Uma dica: ao aplicar os efeitos, texturas ou bordas, há uma opção chamada amount (item de número 3 na foto abaixo) que permite diminuir a opacidade. O legal é misturar vários efeitos. Ou seja: aplicar um com um número baixo no amount e outro por cima, também com um número menor. Assim você personaliza seus efeitos e dá uma cara diferente às fotos.
    Para salvar, basta clicar no ícone save (1) no canto superior esquerdo da tela. Caso queira parar a edição ou voltar à tela inicial, clique em closed  (2).
    E vocês? Curtiram a dica? Gostaram do post? Conta pra gente!

  • DIY: Layout para blog (parte 1)

    Recebo muitos comentários no blog, Twitter (@juduartt) e e-mail perguntando como faço meus layous, se faço encomendas e quanto cobro… Como a rotina da faculdade é bem pesada, fica impossível atender todos os pedidos, então não faço para não deixar ninguém de fora. Foi pensando nisso que criei a tag design no blog, assim disponibilizo alguns de meus trabalhos (gratuitamente) para vocês.
    Porém, sei que muitos curtem ter o blog com sua cara, mais personalizado. Então, aqui vou eu (tentar) ajudá-los novamente: a partir desse post, vou fazer um tutorial passo-a-passo de como eu crio meus layouts. Além de guiar vocês, ainda vai ajudar (ou assim espero) quem está louco para aprender. Vamos começar?
    Antes de tudo, desenho numa folha de sulfite o “esqueleto” do blog. Geralmente, fica assim:
    A partir daí, começo a criar a paleta de cores. No meu caso, eu crio sozinha porque já estou acostumada a combinar tons. Porém, quem precisa de uma inspiração ou está com medo de errar, indico o site Colour Lovers. Lá vocês vão encontrar muitas paletas prontas e super fofas.
    Agora é hora de abrir o Photoshop ou o programa de edição que você usa. No meu caso, tenho o Adobe Photoshop CS2. Eu ganhei o CD com ele, então não sei onde baixar. Porém, uma solução é procurar o download da versão portable. Além de mais leve, ela não precisa de instalação e o programa funciona normalmente. Tenho alguns assim (o Adobe Illustrator e o Adobe Flash) e garanto que são tão bons quanto a versão normal.
    Antes de continuar: vou criar um layout com vocês. Porém, nada impede que vocês usem imagens, cores e tamanhos diferentes. O que vou fazer aqui é apenas para guiá-los, ok? Será simples, só para mostrar o básico e não confundir ninguém. O tempo e a prática é que vão melhorar seu desenvolvimento, por isso, a cada layout novo que criar, vale ir procurando outras ferramentas do programa ou tutoriais no Google de como fazer alguma coisa (por exemplo: como cortar uma imagem, como mudar a cor de fundo, etc).
    Como sei que muitos não tem programas de edição, vou parar o post por aqui. Essa primeira parte é só um aquecimento… Enquanto o próximo post não vem, vocês podem ir baixando o Photoshop (ou outro software, depende da sua preferência/espaço livre no computador) e escolhendo a paleta de cores. Deixem tudo preparado para nossa próxima “aula”, viu?
    E vocês? Curtiram a ideia do DIY? Estão ansiosos para os próximos posts? Conta pra gente!

  • Actions para Photoshop!

    Entre as coisas que mais gosto de fazer, passar horas no Photoshop é uma das minhas favoritas. Adoro inventar efeitos, descobrir ferramentas e aprender a aplicá-las em imagens. Sempre que tiro fotos novas, fico um tempão no programa decidindo cores, iluminação e itens básicos de edição. Daí que nascem as minhas actions, ou seja, efeitos prontos.
    A maioria dos efeitos que uso em minhas fotos são feitos por mim. Geralmente, crio na hora e gravo como action para usar depois. Por isso, vou compartilhar com vocês minhas sete actions favoritas. Todas elas estão reunidas em um único documento, que vem com esses efeitos:

    Como usar?

    Após fazer o download, clique na setinha (print) e selecione Load actions/carregar ações (print) na lista que abrir. Procure a pasta onde salvou (se estiver em rar/zip, deve ser descompactada antes), selecione a escolhida e clique em Load/carregar (print). Após isso, a action fará parte de sua lista da janelinha! 
    Então, clique na setinha ao lado do nome (print) e veja as actions que estão dentro da “pasta”. Abra a foto, selecione a que deseja usar e clique no play (print). Espere o efeito estar na foto e pronto! Fácil, não?
    E vocês? Curtiram os efeitos? Conta pra gente!

  • 7 aplicativos de fotografia para seu Google Chrome!

    Se você é do clube sem-Instagram, como eu, sabe como é ficar babando pelos efeitos lindos que o aplicativo (somente para iPhone) possui. Apesar de ter várias maneiras de fazê-los manualmente, parece que nunca fica do mesmo jeito. Mas, se eu te disser que encontrei meios de mudar um pouco isso, vocês acreditam?
    Esses dias, enquanto tentava fazer um efeito legal no Photoshop, me deu a ideia de procurar algum aplicativo que fizesse tudo por mim, principalmente porque eu estava cheia de fotos para editar. Então, veio a ideia: procurar no Chrome Web Store, a página de apps do navegador. Fiquei horas procurando, testando, editando fotos… E, boa notícia: encontrei sete aplicativos de fotografia muito amor, para você instalar aí e se apaixonar!
    Vale lembrar que os aplicativos são apenas os ícones que ficam no navegador. Ou seja: quem não usa o Google Chrome, também tem acesso aos efeitos! Os exemplos que usei são três fotos minhas e, para vocês compararem, trouxe as originais: foto 1, foto 2 e foto 3.
    Pixlr-o-matic 
    Nosso velho amigo Pixlr-o-matic (que a Andressa falou aqui, lembram?) foi o primeiro que encontrei. Fiquei super contente, pois adoro o aplicativo. Ele é bem fácil de usar e possui efeitos maravilhosos.
    Para baixar o app no Google Chrome, basta ir neste link e fazer o download. Após isso, o ícone fica na sua página de aplicativos. Se você usa um navegador diferente, utilize os efeitos pelo site do Pixlr-o-matic.
    Prós: o site possui vários efeitos, texturas e bordas lindos, além de ser bem simples de mexer. Vale lembrar que agora o aplicativo está com mais opções e, para vê-las, basta ir até a última e clicar em more.
    Contras: não dá para colocar textos (o que seria ótimo para as bordas inspiradas na polaroid) e, quando for salvar no computador, precisa digitar a terminação .jpg. Caso contrário, a foto não abre no computador.
    Exemplos:

    Pixlr Express

    A versão mais completa do Pixlr-o-matic chegou há um tempo e, se com o anterior já era bom, esse ficou mil vezes melhor. O aplicativo é uma mistura entre as funções do pixlr (cortar, editar, contraste, brilho, etc) com os efeitos retrô do Pixlr-o-matic.
    Para baixar o app no Google Chrome, basta ir neste link e fazer o download. Após isso, o ícone fica na sua página de aplicativos. Se você usa um navegador diferente, utilize os efeitos pelo site do Pixlr express.
    Prós: o aplicativo permite fazer diversas alterações nas fotos, principalmente inserir textos. O número de efeitos aumentou, assim como as bordas e texturas. 
    Contras: não encontrei.
    Exemplos: 

    Picplz

    De todos que eu encontrei, esse é o mais incompleto. Porém, o coloquei na lista por um único motivo: ele é como uma rede social, parecida até com o Instagram. Claro que os efeitos são simples e poucos, mas funciona do mesmo jeito. Vale até aplicar o efeito em outro site e fazer o upload no Picplz.
    Para baixar o app no Google Chrome, basta ir neste link e fazer o download. Após isso, o ícone fica na sua página de aplicativos. Se você usa um navegador diferente, utilize os efeitos pelo site do Picplz.
    Prós: o site funciona como uma rede social e permite guardar suas fotos com ou sem efeitos. Dá até para enviar o link para os amigos (ah, olha o meu lá!), seguir e ser seguido.
    Contras: não há muitos efeitos e isso acaba com o aplicativo. Porém, como eu disse, vale editar a foto antes e depois fazer o upload lá.
    Exemplos:

    Lomo+

    É ideal para quem curte efeitos lomo. O aplicativo não possui site, mas isso não é um ponto negativo! O Lomo+ se destaca por ser rápido e fácil de usar. Basta dar um clique com o direito e selecionar a opção Modify in Lomo+. 
    Para baixar o app no Google Chrome, basta ir neste link e fazer o download. Após isso, o ícone fica na sua página de aplicativos. 
    Prós: é um aplicativo leve e fácil de usar, com efeitos bem interessantes.
    Contras: quando testei aqui, eu só estava conseguindo editar uma foto por vez. Para ter que abrir outra, era preciso reiniciar o navegador. Vale lembrar, também, que o app só funciona no Google Chrome e que não dá para fazer mais nada além de aplicar os efeitos.
    Exemplos:

    Instant Retro

    O aplicativo é viciante! Os efeitos são lindos e super combinam com fotos de paisagens. Para quem curte efeitos retrô, vai amar!
    Para baixar o app no Google Chrome, basta ir neste link e fazer o download. Após isso, o ícone fica na sua página de aplicativos. Se você usa um navegador diferente, utilize os efeitos pelo site do Instant Retro.
    Prós: apesar de não ter muitos efeitos, os que estão no app são ideais. Dá até para escolher outros efeitos e configurar a opacidade do que você escolheu.
    Contras: o site é um pouco lento e isso dificulta muito na hora de editar. Além disso, ele não possui opção de cadastro.
    Exemplos:

    Cheapstamatic

    De todos, esse foi o que mais me identifiquei. O aplicativo possui uma onda bem retrô, super especial e viciante. Os efeitos são o máximo e dá vontade de usá-los sempre!
    Para baixar o app no Google Chrome, basta ir neste link e fazer o download. Após isso, o ícone fica na sua página de aplicativos. Se você usa um navegador diferente, utilize os efeitos pelo site do Cheapstamatic.
    Prós: os efeitos são realmente retrô e ficam lindos nas fotos. O legal do app é que ele é todo baseado na fotografia antiga. Um máximo!
    Contras: as fotos não são salvas em seu tamanho real, o próprio aplicativo diminui todas.
    Exemplos:

    BeFunky

    Dos aplicativos, este é o que possui mais opções! O site está cheio de efeitos legais e, ainda por cima, permite configurar contraste, brilho, recortar, entre outras funções que estamos acostumados.
    Para baixar o app no Google Chrome, basta ir neste link e fazer o download. Após isso, o ícone fica na sua página de aplicativos. Se você usa um navegador diferente, utilize os efeitos pelo site do BeFunky.
    Prós: o número de efeitos é enorme e há cada um mais lindo que o outro. Também é bem fácil e simples e mexer.
    Contras: quando for salvar, precisa colocar a terminação do arquivo (.jpg ou .png). Caso contrário, o computador não vai abrir. E, após ser salvo, a foto diminui o tamanho (dependendo da borda usada).
    Exemplos:

    E vocês? Curtiram as dicas? Já conheciam os aplicativos? Conta pra gente!

  • Criei meu blog. E agora?

    Lá no comecinho do #JDB, eu fiz um hiper post com dicas para criar um blog, vocês se lembram? Depois de um enorme período sem falar sobre nada disso aqui, trouxe um especial para quem já criou um e anda desanimado com os resultados que vem recebendo. Tenho certeza que isso vai ajudar, viu?
    Antes de tudo, vale ter em mente que o sucesso não virá da noite para o dia. Isso não acontece. Todos os blogueiros que são nossos ícones atualmente, começaram por baixo, assim como nós. E hoje, com muita determinação e persistência, trabalham com seus blogs, conquistando cada vez mais leitores e até ganhando dinheiro com isso.
    É importante lembrar que, no mínimo, você tem que ter um nome criativo, um conteúdo exclusivo e um bom design. Se um dos três itens falhar, com certeza vai implicar no número de visitantes. Como já dei dicas de nomes e como escolher um no post anterior (ainda não viu?), vou dar mais ênfase aos outros dois. Que tal?
    Escolhendo o conteúdo e o público alvo
    Se você está criando um blog para copiar o post de outro, esqueça. Ter matérias exclusivas é o que conta em um bom blog. Não adianta ir no Depois dos Quinze, por exemplo, dar um control+c no conteúdo e um control+v no seu novo post. Além de espantar os leitores que vão no seu blog e encontram algo que já leram, você ainda vai ficar com fama de copycat, E ninguém quer isso, certo?
    Então, tenha em mente o que vai aparecer no seu blog. Separe uma folha e escreva nela tudo o que gosta de falar e quer abordar em sua página. Dê uma conferida, veja se não falta nada e comece a preparar suas “matérias”. 
    Uma dica é não ter muitas categorias nada haver no blog. Traga posts que sejam de interesse do seu público alvo, por mais amplo que seja. Vejam o Julie de Batom: falo aqui sobre o universo feminino adolescente, e é para garotas da nossa idade que penso quando vou criar algo novo. Imaginem se um dia vocês chegam aqui e encontram um post sobre o que o Barack Obama anda fazendo nos EUA? Ia ser estranho e nada haver, certo? É aí mesmo que quero chegar!
    Decidir o público alvo e o conteúdo do blog é super importante, pois vai marcar toda a sua passagem pela blogosfera. Além disso, fica mais fácil saber onde divulgar. 
    Escolhendo o design
    Aí está outro erro que muitos blogueiros cometem: o design da sua página. Quanto mais limpa e fácil de navegar for, melhor. Não adianta ter um cabeçalho lindo, super produzido no Photoshop, se não for simples para o leitor interagir com os menus e laterais. 
    Além de escolher a parte gráfica, a codificação é outro problema. Não sei se é porque estou familiarizada com códigos e etc, mas sempre que entro em um site/blog que tem problema de programação, me dá uma vergonha alheia. E olhem que já vi de tudo: links que não funcionam, mapeamento em lugar errado, comentários que não abrem, fotos maiores que a divisória, fontes que acentos não funcionam… 
    Então, lembre-se de sempre conferir todo o blog antes de publicar o novo layout. Não é porque você achou um template lindo no site do seu web designer favorito  que significa que está perfeito. Muitas vezes, está cheio de erros que são perceptíveis, viu? 
    Para quem sabe criar seus próprios lays ou se atreve a aprender, fica a dica: revise seu design e seu código. Sei que é chato, mas é preciso. Eu gosto de ter um blog só de testes, assim aplico meu novo layout lá e vou navegando. Se acho que algo está errado ou complexo demais, arrumo. Dá trabalho, mas vale a pena.
    Além disso, esqueça aquelas coisinhas “extras” que a gente encontra por aí. Nada de glitter descendo do topo, nada de chuva de corações, nada de janelas de boas vindas, nada de trezentos gifs na sidebar… Deixe de lado tudo o que possa deixar a página 5x mais pesada. Sua lateral está lá para ter o básico: seu perfil, as categorias do blog, seguidores, contador… Só. E outra coisa: seu blog não precisa de relógio nem calendário. Esses itens já vêm no computador, ficam presentes ali embaixo. São acessórios inúteis que só vão deixar seu blog mais lento.
    Para terminar (ufa!), deixe 5 posts por página, no máximo. Quanto menos conteúdo para carregar tiver em seu blog, melhor. Ninguém curte esperar muito tempo para uma página abrir. E, quando isso acontece, o leitor acaba fechando antes mesmo de carregar.
    Tudo pronto… E agora?
    Agora é hora de divulgar seu blog por aí. Use sua conta esquecida do Orkut e divulgue seu cantinho lá nas comunidades. Também vale usar o Facebook, o Twitter e o Bloglovin. Há alguns grupos no Face que são próprios para blogueiros, assim como existem, também, as comunidades no Orkut. E claro que eu trouxe as minhas favoritas, né?
    No Orkut:
    Comunidades de blogs:

    Comunidade só para divulgação:
    Oh My Blog!
    Blorkutando
    Blogspace
    Bloínquês
    Blogs |Blogspot & WordPress|
    Parcerias Entre Blogs
    Fashion Blogs / Blogs de Moda
    Tudo para blogs
    Perfis de Divulgação de Blogs
    Para seu blog
    Clube das Blogueiras

    No Facebook:

    Ah, e lembre-se: vale tudo para divulgar seu blog, desde apresentá-los para seus amigos (e não forçar!) até colocar o link no perfil do Twitter. A única coisa que você não deve fazer mesmo é sair comentando em outros blogs pedindo que visitem e sigam o seu. Isso é horrível, ninguém gosta! Comente, sim, deixe o link do seu blog… Mas fale sobre o post. O blogueiro vai visitar a sua página para retribuir sua visita e comentário. 
    Seja agradável
    A pior coisa do mundo é você conversar com um blogueiro e não ter atenção que precisa. Por isso, seja educado com seus leitores, responda todas as dúvidas por inteiro e não ignore o que eles falam ou pedem. É importante ter conta nas redes sociais principalmente por isso: quanto mais perto dos seus leitores você ficar, melhor. Nós criamos amizades aqui, e isso é super importante. E não estou falando em interesse, viu? Mas de amizade real.

    Seja humilde
    Se criou um blog só para dizer que tem um, ganhar dinheiro e mimos e ser popular, então desista enquanto é tempo. Se não houver amor e dedicação, nada vai para a frente. Dinheiro e popularidade vem com o tempo e, quando consegui-los, continue sendo o que sempre foi. Quanto mais transparente você for, melhor. Deixe os leitores conhecerem o que você é e faz. Nada de máscaras, viu? Ninguém merece blogueiro falso, que finge ser o que não é.
    Os frutos
    Com o tempo virão os resultados bons do seu trabalho. Isso só vai acontecer se você se dedicar, amar o que faz e não ficar com interesses. Tenho certeza que, com persistência, você consegue. As dicas estão aí para ajudar e não para enfeitarem os blogs. Se elas existem, é porque dão certo e ajudam aqueles que estão começando, assim como ajudaram os mais experientes hoje em dia.
    Espero que esse mega post sirva de ajuda para quem ainda está pensando em criar um blog ou até continuar com o que tem. Qualquer dúvida, comentem! Vou responder todos.

  • Layout grátis: Green&blue

    Passei a tarde toda sem ânimo para escrever e com uma vontade louca de fazer algo produtivo no Photoshop. Estava com tanta imaginação, criatividade e disposição que tive que criar algo!

    E dessa mistura toda nasceu o primeiro layout free do blog. É, isso mesmo: grátis! Passei a tarde e a noite  toda montando esse presentinho para vocês, que sempre elogiam o design aqui do blog. Se gostarem, vou tentar criar mais, viu? Quem sabe consigo manter uma cota de 1 ou 2 por mês?

    Tentei criar uma paisagem clean, bonita e bem gostosa de se ver. Misturei algumas tendências (como os pássaros e as corujas) com flores e objetos delicados. Bom, eu amei o resultado!

    Instalando no Blogspot:
    Depois de fazer o download (na imagem abaixo do preview do layout), vá até a guia Design do Blogger, depois em Editar HTML. Logo acima, haverá a opção de upar o novo tema. Como na imagem:

    Clique em Escolher arquivo e, na pasta onde você baixou o lay, selecione-o. Depois, clique no botão Fazer upload e espere carregar.
    Pronto! Seu lay já está em seu blog. 
    Dica: Se o título do seu blog for muito grande e ultrapassar a área dele, você pode diminuir a fonte. Basta ir até Design > Editar HTML e procurar por este trecho:

    #header h1 {
    color:#507152;
    display:block;
    font-family: ‘Parisienne’, cursive;
    font-size:50px;font-style:normal;
    font-weight:normal;
    margin:0;
    padding-left:450px;
    padding-top:140px;
    text-align:center;
    width:430px;
    }

    Onde está em negrito, troque o 50 por um número menor. Escolha um que fique ao seu gosto.
    Vale lembrar que quem usar o layout não deve tirar os créditos. Ah, e se puder, comenta aqui avisando que colocou o lay no blog. Vou adorar vê-lo “funcionando” hihi.
    E vocês? Curtiram o primeiro lay free do blog? Conta pra gente!

    ATT: A imagem do fundo estava com problemas, então já arrumei. Quem já usa o layout, é só reinstalar novamente, viu? Beijos, Julie.

  • Freebies: os melhores brushes para Photoshop!

    Como instalar brushes para Photoshop
    Não tem jeito: se há uma coisa que eu amo fazer é brincar no Photoshop! Mexer aqui e ali, descobrir novos efeitos, criar blends, montagens e coisinhas que nunca vou usar… Acho que toda essa paixão acaba refletindo no blog – e explicando o fato de adorar tanto mexer no design.
    E não dá para pensar em blog sem relacionar com layouts bonitos, certo? Infelizmente ou não, um bom blog é aquele que, além do conteúdo, também tem um design bonito, que chama atenção e faz o leitor ter vontade de ler mais e mais. Deixar seu cantinho com a sua cara é mostrar pra todo mundo o que vão encontrar navegando nos posts e, claro, o perfil da blogueira.
    Por isso, faz um tempo que resolvi postar algumas dicas sobre design e códigos aqui. Depois de ensinar como fazer um menu igual ao meu, hoje trouxe conteúdos voltados ao design, principalmente quem curte criar layouts. No Twitter (@juliedebatom) recebi pedidos de brushes para Photoshop, que particularmente, eu adoro! Então, separei os que mais uso e gosto para vocês. Confere aí:

    Os melhores brushes para Photoshop

    Brushes para Photoshop
    Brushes para Photoshop de flores
    Brushes para Photoshop de desenhos divertidos
    Brushes para Photoshop de flores
    Brushes para Photoshop do livro Dulce Amargo
    Brushes para Photoshop variados
    Brushes para Photoshop variados
    Comofaz?
    Há duas maneiras de fazer o Photoshop reconhecer os pincéis que você baixou:
    Primeira: Depois de baixado, copie o arquivo (se estiver zipado, descompacte primeiro) e vá até Meu computador > Disco local (C:) > Arquivos de Programas > Adobe > Adobe Photoshop (no meu caso é o CS3, mas depende a sua versão). Você vai ver que há várias pastas dentro desta, então abra a Presets (Predefinições em português) e depois a Brushes (pincéis). Cole seu de brushes para Photoshop arquivo lá. Essa é a maneira que acho mais fácil, até porque todos os seus brushes ficam no próprio PS, sem precisar ficar “buscando” sempre que precisar usar.
    Onde encontrar:
    1. No Photoshop, vá na ferramenta de brushes/pincéis ou aperte B. Na barra superior, você vai encontrar isso aqui:
    Como instalar brushes para Photoshop
    2. Ao lado do pincél (que no caso da imagem é o contorno do Mickey), há uma setinha. Clique nela. Após aparecer a caixinha, clique na seta que aponta para sua direita.
    Como instalar brushes para Photoshop
    Como instalar brushes para Photoshop
    Prontos, seus pincéis já estão nessa lista! Lembrando que, se usar esse método, o Photoshop precisa estar fechado, pois as alterações só serão feitas quando reabri-lo.
    Segunda: Depois de baixar e descompactar seu arquivo, com o Photoshop já aberto, clique no ícone dos brushes ou aperte B. Clique nas setinhas que pedi anteriormente e vá até Load brushes / Carregar brushes.
    Como instalar brushes para Photoshop
    Vai abrir uma janela onde você vai procurar o brushe que deseja usar. Selecione, clique em Load / Carregar e pronto, seus brushes já estão na pasta que está aberta.
    Além de fofos, esses brushes são super úteis em qualquer trabalho no Photoshop. Esses são meus favoritos, mas há muito mais no deviantART, que é onde encontro tudo que preciso para meus layouts (e não estou falando só dos brushes, hein?).

    E vocês? Curtiram o post? Tem algum pacote preferido? Conta pra gente!


    Post originado do meu outro blog, Pronta para Crescer.