Recentemente, eu tive alguns problemas com o photoshop que usava e comecei a usar o Pixlr editor online, depois de descobri-lo e descobrir que ele possui algumas das funções do photoshop. Levei algum tempo para me adaptar a ele e confesso que senti falta de muitas funções até básicas do photoshop. Porém, não deixei de aprová-lo como um bom editor. Tem algumas coisas que deveriam ser melhoradas, mas mesmo assim é um editor bem útil para quem, como eu, não tem o photoshop. Por essa razão, eu decidi fazer um post explicativo comparando os dois e mostrando as principais funções básicas e os prós e contras do meu mais novo amiguinho. Usei meu antigo CS3 para a comparação mas na verdade do cs3 para os mais novos há pouca diferença nas funções BÁSICAS.
• Interface
veja maior
veja maior
Sobre a interface (ou layout), nós temos quase as mesmas coisas do photoshop e até os mesmos nomes das abas e menus. A diferença no entanto é que o pixlr possui um enorme anúncio no lado direito da tela e para removê-lo (caso você queira, já que não atrapalha de certa forma, apenas fica estranho), você deve adicionar uma extensão ao seu navegador.
• Prós:
- Você não precisa instalar nada para já começar a usar o pixlr, um vez que ele é um site. Enquanto o photoshop, se você não tiver dinheiro de sobra para comprar a versão original, você deve recorrer à versões crackeaads ou piratas que muitas vezes vêm cheias de vírus ou más funções.
- Mesmas funções básicas. edições de ajustes, ferramentas de remoção de fundos, curvas, abre os arquivos de psd do photoshop e salva-os em seu próprio formato.
-Você pode usar imagens da internet sem ter que salvá-las para abri-las no programa. O pixlr ainda possui uma livraria/galeria (eu ainda não estudei o serviço) para provavelmente você ser capaz de salvar suas imagens online.
- Inicialização rápida. Não sei o de vocês, mas o meu photoshop demorava séculos para abrir.
- Possui quase as mesmas opções de mesclagens de camadas. Para quem gosta de trabalhar com texturas e criar efeitos.
veja maior
veja maior
• Contras:
- Você não consegue acessar sem internet (obviamente). Porém, uma vez aberto, se sua rede de internet cair, ele não para de funcionar, apenas não abre images pela url.
- Ferramentas de pincéis super pesada. Para que usa do serviço para desenhar, você vai ter que tentar se adaptar à lerdeza da ferramenta.
- Não edita/abre/cria gifs.
veja maior
Mas não se preocupe, há maneiras de se criar e editar um gif online com sucesso (planejo trazer em breve alguns tutoriais com dicas sobre isso).
- As vezes, por ser online, o site pode ficar fora do ar. Já passei um domingo choramingando porque não abria.
- Não possui opção de actions.
- Não possui opções de edição de cor seletiva, o que foi realmente uma grande pena para mim. É uma ferramenta bem útil para quem gosta de fazer edições pasteis. Sem contar que era uma ferramenta bem útil pra remover os amarelados das imagens, coisa que eu detesto.
veja maior
-Posicionamento de camadas meio difícil de se lidar. Uma vez que o photoshop possui a ferramenta de centralizar ou posicionar camadas com apenas um click, o pixlr editor não possui nenhuma função que ajude nessa parte. No entanto, se você selecionar (ctrl+a) e colar de novo (ctrl+v) a camada ficará centralizada.
- Imagens png mais pesadas que o normal.
É isso, listei algumas dass coisas que eu realmente achei relevante. É extremamente errado as pessoas falarem que o pixlr é o photoshop online, porém ele é bem próximo a um.
E como estou apenas fazendo uso desse site, eu quero em breve reformular o blog para trazer tutoriais e dicas sobre como utilizá-los. E você, conhecia o pixlr? Já o usava ou começou a usar? Não deixe de nos contar sua experiência e se tiver algo a mais para mostrar sobre ele, como mais funções parecidas ou não com o photoshop, não hesite em nos mandar uma ask.
Olá! Primeiramente, quero desejar a todos um feliz ano novo, um 2015 muito feliz <3
Bom, hoje eu venho com uma dica boa para quem alguma vez tentou postar em um Post Text uma imagem pequena e esta ficou no canto do post. Assim:
As vezes a única solução é não usar o post text (já que o post photo tem a opção de centralizar no código) ou até optar por um theme aonde a área das postagens seja pequena. Agora, para quem posta icons e avatares essa é uma dica valiosa.
Depois de carregar as imagens normalmente, cliquem em html e adicione antes de < p >:
<div align="center">
Depois, ao final adicione </ div> para fechar o código. (tome a imagem como exemplo.)
Na dash pode ser que ela não aparente ficar centralizada, mas não se preocupe, no theme estará:
É isso. Espero que seja útil. Por favor não reposte, pode reblogar a vontade.
Tutorial Gif #3- Deixando os gifs em preto e branco
Olá!!
Acabei de descobrir que o tumblr aceita videos com até 1,95 mb. Eu não testei maiores, mas já é uma grande notícia :3
Aqui vamos nós para nosso terceiro e último tutorial de como fazer gifs. No post 1 ensinei como fazer gifs do modo básico usando o Free video to gif Converter, e no post 2, ensinei como usar o Topaz Clean para editá-lo. No nosso terceiro post, irei ensinar como deixá-los em preto e branco, o que não deixa o gif ruim pois sem cores, ele não fica cheio de pontinhos. Vamos lá.
Se você quiser, pode editá-lo como ensinei antes, aplicando camadas de brilho e contraste. Para deixá-lo em preto e branco, cliquem em camadas/camadas de preenchimento/mapa de degradê.
Na janela que aparecer, coloque as cores desejadas. No meu eu coloquei #161616 na primeira e #eae8e8 na segunda, mas fica a critério. Depois clique em ok.
Depois de editar e redimensionar, aperte as teclas ctrl+alt+shift+s e salve o gif normalmente. Meu resultado:
Note que o gif fica quase sem nenhum pontinho. Por isso sempre vemos gifs em preto em branco, principalmente no tumblr.
Espero que tenham gostado dos tutoriais e por favor dê like e não reblog.
Olá! Em breve eu quero trazer um tutorial de como transformar a base que fizemos em um theme feito com psd. Como é um tutorial extenso, irei organizá-lo e assim que der eu postarei. Hoje, eu trouxe um tutorial simples de uma paginação numerada. Eu acho elas mais bonitas e mais legal que uma de setinhas.
}
.pager a{
color:#COR DA PAGINAÇÃO;
background: #FUNDO;
padding: 2px 4px;
text-decoration: none;
-moz-transition: all 2.0s ease-in-out!important;
-o-transition: all 1.0s ease-in-out!important;
transition: all 2.0s ease-in-out!important;
-webkit-transition: all 1.0s ease-in-out!important;
}
.pager a:hover{
color:#COR DA PAGINAÇÃO AO PASSAR O MOUSE;
background: #COR DO FUNDO AO PASSAR O MOUSE;
padding: 2px 4px;
text-decoration: none;
}
.pager span.pagina_atual {
background: #FUNDO DA PÁGINA ATUAL;
padding: 2px 4px;
color: #COR DA PÁGINA ATUAL;
text-decoration: none;
}
Mude o que se pede. Procure por sua tag de paginação. Caso seja um theme feio com nossas aulas, procure por {block:NextPage} e apague todo o código de {block:IndexPage} a {/block:IndexPage} colando no lugar:
Olá, realmente faz algum tempinho que não atualizo aqui, por isso resolvi trazer algo simples para pelo menos postar aqui. Eu estava editando a descrição do meu tumblr (aquela que aparece quando passa o mouse no nome ou avatar do blog) e vi que dá para colocar links lá! Vejam:
Se você estiver vendo esse post pela dash, veja ao vivo passando o mouse aqui: fernandasummers
O link funciona e ainda dá para quebrar a linha usando a tag br. Agora vamos aprender como se faz!
Primeiro, na sua dash, passe o mouse no seu avatar e ao abrir a caixinha clique em editar aparência. Na página aberta, clique em editar aparência e depois escreva sua pequena descrição e vá digitando:
<br> <a href="LINK" target"_blank">NOME/a>
Como estou postando pelo mozilla, não deu para copiar o trecho acima e colar lá, e não sei se no google chrome dá para copiar e colar, então apenas digite o código.
Bom dia, eu estava fazendo umas edições para meu novo tumblr e acabei tendo ideias de um menu assim.
Preview.
Antes de ]]></b:skin> cole:
/**Menu por Queen Designs, não remova os créditos***/
.menuqdpink{
background:#facada;display:inline-block;padding:6px;box-shadow:inset 0 -15px 0 #f69ebb,0 0 0 transparent;-webkit-transition-duration:1s;}
.menuqdpink:hover{box-shadow:inset 0 18px 0 #f69ebb,2px 2px 2px rgba(0,0,0,0.3);-webkit-transition-duration:1s;}
.menuqdpink a{font-family:Cherry Swash;font-size:20xp;color:#fff;text-decoration:none;text-shadow:-1px 0 0 rgba(0,0,0,0.3);}
/**Menu por Queen Designs, dê like se usar e não repasse***/
Agora, adicione um gadget e cole:
<div class="menuqdpink"><a href="LINK" title="nome ao passar o mouse">NOME DO MENU</a></div>
repetindo quantas vezes quiser. Substitua as aspas caso não funcione.
Espero que tenham gostado! Não repasse e dê like se usar.
Os mais conhecidos como psds de efeito,na verdade são chamados de grupos de efeito,porque você adiciona os mais variados efeitos e aplica-os em uma foto.Como eu pretendo trazer sempre alguns exclusivos resolvi antes de tudo ensinar a usar e disponibilizar um efeito.O tutorial é bem simples então levará alguns minutos.Vamos lá!
Primeira coisa,após baixar o psd, abra a imagem e ele no ps.
Restaure o tamanho da imagem para que as mesmas fiquem posicionadas uma ao lado da outra.(como na imagem acima),clique na janela do psd,que será uma imagem com o efeito.Na parte aonde ficam as camadas está a imagem do psd e um desenho de uma pasta.Se os efeitos da pastinha estiver à mostra,clique na setinha ao lado para que tudo se agrupe.Aí é só arrastar a pastinha para a imagem a ser aplicada o efeito.
Automaticamente o efeito será aplicado.Caso você queira aplicar apenas um dos efeitos compactados é só expandir a setinha e arrastar um a um o efeito que quiser,simples não?
Olá!!! Hoje eu trouxe um tutorial simples mas bem útil para quem gosta de editar o perfil do twitter o deixando com sua cara. Para quem não sabe ou para quem acompanha o twitter, o microblog mudou a aparência do perfil dos usuários para algo similar ao facebook. Com isso, as antigas capas que faziamos e postávamos não é mais útil para a nova opção que já é quase padrão. Por isso, resolvi ensinar aqui a maneira mais fácil de fazer sua capa. Claro que é necessário imagens de boa qualidade, de preferência grandes e o famoso editor Photoshop. Vejam o meu como ficou:
Visite aqui. E sigam se puderem *--*
A primeira coisa a se fazer é escolher a imagem para fazer a capa. Tem que ser bem grande e totalmente boa. Pode pesquisar por wallpaper, e pegar as maiores possiveis. Depois, vá no photoshop e dê ctrl+n e crie um documento 1500px X 400px. Adicione as imagens e decore-as como quiser.
Uma dica, caso não ache uma imagem muito boa, é adicionar texturas e psds, como eu fiz. Agora, dê ctrl+n novamente e crie um novo documento agora 1500px X 1500px. Selecione a ferramenta lata de tinta(g), escolha uma cor e pinte todo o quadrado transparente do documento.
Agora, volte ao primeiro documento que criamos e aperte ctrl+a e ctrl+c para copiar a imagem. Volte para o segundo documento e aperte ctrl+v para colar. Ela ficará no meio, mas para certificar, clique com o alt pressionado no quadrado da camada do segundo documento, ele estará da cor que você escolheu. Note que a imagem será selecionada. Agora clique na camada da imagem que você inseriu, selecione a ferramenta mover(v) e no painel de cima selecione o segundo ícone, alinhar centros verticais. Agora dê ctrl+shift+s e salve sua capa. Então é só carregá-la no site.
Espero que tenha ajudado e qualquer dúvida é só enviar uma ask.
