Bem, vou tentar explicar de um jeito simples, que é como seu. Normalmente, quando vamos trabalhar com cores no CSS, utilizamos as cores em hexadecimal. O que seria? As cores que envolvem combinações de letras e números, iniciadas por um #. Você sempre vai ver algo como: color: #888; ou background-color: #ffff; certo? Certo! O RGBA, nada mais é do que as cores trabalhadas num formato diferente, permitindo que você aplique transparência a elas. Então é muito legal e permite que você faça coisas bem diferentes. 

RGBA: Red, Green, Blue e Alpha. As três primeiras abreviações referem-se a cores, já o alpha, refere-se a transparência aplicada. 1 para tornar visível e 0 para sumir completamente. Pode utilizar também variações, ou seja, colocar 0.8 e deixar no nível de transparência que preferir. 

Exemplo: background: rgba(cor, cor, cor, transparência);

E como denominamos a cor nesses casos? Bem, algumas pessoas escolhem suas cores através do colourlovers e outras através do Ps. Ou qualquer outro editor. Mas normalmente, todos eles nos dão as cores em hexadecimal e no formato rgba. Quando abrimos a janelinha de cor do Ps, temos isso:

Claro, é bem simples. Em primeiro lugar, você precisa entender o porque da lupa. Ela serve para lhe mostrar o tamanho original de uma imagem em High Resolution. Ou seja, uma imagem que tenha o tamanho superior a 500px ou 600px e com qualidade. Aí temos os seguintes códigos para que a “lupa” apareça:

{block:HighRes} e {/block:HighRes}

Abrem e fecham o block da lupa. Eles é que definem se a imagem em questão, possui um tamanho superior e por este motivo, tem um link para a imagem em alta resolução.

{PhotoURL-HighRes}

Aqui temos a tag que redireciona para a URL da imagem em HighRes. Então, para abrí-la, usaremos um link, certo?

Então, logo após o {block:Photo}, ou seja, o block que abre sua foto, você pode por o código referente a lupa, ou no lugar que você usa para colocar o reblogue e seus notes. Então:

{block:HighRes}
<a href="{PhotoURL-HighRes}" target="_blank"> 
Imagem ou nome para o link da lupa
</a>
{/block:HighRes}

Bem, daí temos o código “cru”. Você pode criar um css legal pra posicionar o código, acrescentar uma imagem de lupa (que tu pode fazer fofa no Ps) e fazer um hover, para que apareça ao passar o mouse na postagem. Já vi pessoas usando um pop-up também para abrir a imagem. Vou ensinar da maneira que fiz no theme em grade pretinho que postei. O CSS:

.lupa{margin-left: 55px; position: absolute; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; margin-top: 5px;}

Este primeiro código é referente a posição da minha lupa em seu estado normal (fora do hover). Coloquei um margin-left, que é a distância do canto esquerdo da minha caixa. Um position: absolute, que deixa a lupa acima da imagem e a opacidade em 0, ou seja, ela não vai aparecer. Também adicionei uma transition pra ficar fofo.

.caixap:hover .lupa{opacity: 1; margin-left: 5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}

Bem, aí está definido o hover. Deixei a opacidade em 1, ou seja, ao passar o mouse a lupa vai aparecer. Também alterei o valor do margin, para que faça um efeito de que a lupa está se aproximando do canto com transição. Você deve mudar o .caixap pelo nome da class da sua caixa. Ou seja, se a caixa da sua postagem tiver o nome de box, deve mudar o .caixap para .box 

Agora é só colocar o block da lupa, já com as divs de personalização. Ou seja, ficaria:

{block:HighRes}
<div class="lupa">
<a href="{PhotoURL-HighRes}" target="_blank">
<img src="http://static.tumblr.com/8yo5xxv/Hnjm5q2kf/lupa.png">
</a>
</div>
{/block:HighRes}

Gosto sempre de colocar o código de notes, reblogue e outros dentro de um IndexPage, para que eles não apareçam no permalink (por ser desnecessário e muitas vezes atrapalhar). Então colocaria:

{block:IndexPage}
Código acima
{/block:IndexPage}

Se você usa em theme em grade, recomendo que coloque logo após o {block:Photo} e em seguida o código da imagem. Pode colocar seu note, reblogue e outros junto também, usando do mesmo CSS da lupa pra ficar legal.

Qualquer dúvida, grite :’) A.

Tipo essa imagem?

Bem, isso é apenas gradient. Você edita sua imagem normalmente com o efeito em P&B que desejas. Pra isso, basta ir em Layer > New Adjustment Layer > Black & White. Ajuste… Agora só criar o gradient. Vou em Layer > New Adjustment Layer > Gradient Map. Escolha a segunda opção de gradient, a com preto num canto, e transparente de outro. Onde está o preto, deve deixar como vermelho. Daí você ajusta o tamanho do gradient, mexendo nas setinhas, pra não ocupar a imagem toda. Provavelmente o vermelho vai ficar forte, cobrindo a imagem. Então vamos mudar o modo do gradient. Em Layers, onde fica “Normal”, deves mudar pra Screen. Vai suavizar bastante. Daí basta mexer na opacidade, se for necessário, até ficar do teu gosto, e terá o mesmo resultado que tive. Beijos =*

Gradient vermelho já pronto para quem quiser: Download

Agora o tumblr não faz mais o download direto, pois devia fazer. Mas vamos lá. Copie todo o conteúdo dessa página. Abra o bloco de notas e cole lá. Vá em Arquivo > Salvar como. Em nome, você coloca sharpen_all.jsx (é importante que salve dessa forma, com essa extensão pra que funcione). Em tipo, você muda para “Todos os Arquivos”. E salve. Agora você tem o arquivo, então é só seguir o restante do tutorial.

Nesses efeitos vintages, normalmente se mexe bastante com os Levels, Color Fill e Gradient. Sempre usando tons azulados e/ou amarelados, pra dar um efeito marronzinho e antigo. Não vai ficar como na imagem que tu mandou, até porque não sei como era a original. Mas vamos lá… 

Vou usar essa imagem aqui pra te dar um exemplo:

Vou dar Ctrl+J pra duplicar a imagem e em Mode, vou mudar de Normal pra Multiply. A imagem vai ficar bem escurinha, certo? Vou mudar a opacidade pra 50%. Aí tu ajusta da maneira que achar melhor, pra não ficar tão escura na sua imagem. Isso já dá um efeito legal. Agora vou Layer > New Adjustment Layer > Brightness/Contrast. Ajustei assim:

Vá em Layer > New Fill Layer > Solid Color. Deixei nessa cor: #020921. Mude o modo de Normal pra Exclusion.

Vá em Layer > New Adjustment Layer > Brightness/Contrast e ajuste assim: 

Você deve ir ajustando de acordo com a sua imagem. Se você tem a impressão de que está estranho, exagerado ou fraco demais, você muda os valores. Muita gente usa PSD e acaba achando ruim quando ele não se adapta a sua imagem, mas o legal é que você pode sempre ajustar, diminuir, aumentar e tal.

Agora vamos mexer apenas com os Gradients. Essa é a parte mais legal, na minha opinião. Vá em Layer > Neu Adjustment Layer > Gradient Map. Na janela que se abrir, você deve selecionar o primeiro gradient, aquele que tem cor em ambos os lados (normalmente está em preto e branco, ou nas cores que estão no foreground/background do Ps). Feito isso, deves mexer na caixinha de cor. Ou seja, aqui:

Vai clicar na primeira “setinha” ali de baixo e deixei nessa cor: #d1b58f. Depois clique na setinha de cá > e deixe nesta: #d1bf8f. Dê ok. Sua imagem vai ficar coberta, certo? Diminua a opacidade até que fique bom. Deixei a minha em 20%. Novamente, vamos criar outro gradiente. Desta vez, vamos outras cores. Na primeira setinha, coloque esta: #552e0f e na segunda deixe branco: #fff. Deixe a opacidade em 80% e mude o modo para Soft Light. Crie outro gradient. Dessa vez, vamos trabalhar com três cores. Nos gradients já pronto, temos um amarelo com laranja, certo? Vai selecionar essa opção. Ele vai ter três setinhas. A primeira, vamos deixar com a cor #58326a. A segunda com #aa4b6e e a terceira com #f69a7c. Dê ok. Deixe a opacidade em 15% e o modo em Lighteen. Último gradient agora. Use novamente o gradient de duas cores. Na primeira seta, ajuste na cor #7a433c e na segunda, #ffe7b9. 

Ctrl+Alt+E para juntar todas as camadas. Minha imagem ficou assim:

Bom, é mais ou menos assim. Só ir mexendo nos gradients e color fill, até achar que está bom. Não sei se ficou claro. :/

Bem, você vai abrir sua foto normalmente, ou pode editá-la e depois fazer a borda. Em seguida, em Layers, vai clicar em “Create a New Layer”, ou pode apenas pressionar Ctrl+Shift+Alt+N. Vai ficar assim:

No canto < temos dois quadradinhos com cores, certo? Deves clicar no primeiro, que é o Foreground, e deixar na cor branca (#fff). Assim:

Agora, com a ferramenta Paint Bucket Tool (Atalho G), você vai pintar sua imagem. Basta clicar sobre a foto e ela ficará toda branca. Certo? Certo! Em layers, vamos clicar com o botão direito sobre a camada que está branca e escolher a opção Blending Options. Vai abrir uma janelinha com as opções de Color, Gradient, Pattern, etc. Escolha a opção Stroke. A opção Stroke tem essas opções aqui:

Em Position, você deve mudar para Inside. Vai ver que irá aparecer uma borda preta, certo? Mude o size para 1, e embaixo de Fill Type, vai ter um retângulo de cor preta, certa? Clique nele e deixe na cor cinza. Usei este tom: #8c8c8c. A borda vai ficar quase imperceptível, certo? Dê ok na janelinha. Em layer, clique com o botão direito sobre a camada branca e vá em Rasterize Layer Style. Isso vai fazer com que a camada se junte ao style que você fez, e fique como se estivesse sem nada. 

Com a Rectangular Marquee Tool (Atalho M), você vai fazer uma seleção em volta dessa imagem branca que nós temos. Ela deve ser pequena, para ficar do formato daquela borda branca menor que sua imagem tem. Veja como fiz:

Poderia fazer uma seleção ainda menor se quisesse. Depois da seleção pronta, aperte Delete no teclado. A parte branca que cobria sua imagem vai sumir, certo? Deixando apenas uma parte branca e a borda cinza das pontas. Agora vamos repetir o que já fizemos. Em layers, vamos clicar sobre a camada branca com o botão direito, ir em Blending Options e escolher a opção Stroke. Note que agora, a borda apareceu por “dentro” da imagem. Vamos deixar a Postion em Outside. Deixe o size em 1 e mude a cor para a que usamos na primeira borda, ou seja: #8c8c8c. Dê ok. Clique sobre a camada branca novamente com o botão direito e vá em Rasterize Layer Style. Clique com o botão direito, vá em Blending Options > Stroke. Deixe a Position em Outside, escolha a cor branca e ajuste o size no tamanho que quiser. Eu coloquei 5px. Dê ok, e pronto :) 

Daí pode deixar as bordas menores, maiores, deixar a cor delas mais clarinhas… Mas está bem igual, eu acho. Espero que ajude. Beijinhos. x3 

Você vai abrir a imagem que você quer aplicar a textura, e sua textura. Na sua textura, você vai dar um ctrl+A pra selecionar a imagem, e em seguida um ctrl+C pra copiar. Agora na sua imagem, você vai apertar um ctrl+V pra colar sua textura sobre sua imagem. 

Em camadas, vai estar dessa forma:

Agora você precisa mexer no modo da textura. Sabe como está escrito “Normal”? Acima da textura e tal. Então, lá vão ter várias opções, e você deve ajustar da maneira que achar melhor. Pode mexer no opacity também. 

Deixei minha textura no modo Screen. Olha:

No final, minha imagem ficou assim:

Abra a janelinha de styles (window - style). No canto da janelinha vai ter uma setinha pra baixo, pelo menos aqui no cs6 é assim. Ao clicar naquela setinha, vai aparecer várias opções, você vai em: Preset Menager. Vai abrir uma janela, onde terá todos seus styles, dai você vai clicar no que você deseja salvar. Logo em seguida clique em: Save Set. E escolha a pasta em questão. Pronto, só vai salvar aquele style, a mesma coisa é para brushes. Logo acima, ainda na janela de preset, vai ter: Preset type. Dai só escolher!