Tutorial: como eu edito minhas fotos - actions

Tenho recebido muitas perguntas de leitores que querem saber como eu editos minhas fotos: cores, faixinhas, ribbons, escritas... Então eu achei melhor explicar aqui para todos e pra não ficar muito longo vou dividir em duas ou três partes.

O programa que eu uso é o Photoshop CS5 e sei que muitas pessoas não o utilizam por terem dificuldade em fazer o download e instalar, então vou deixar aqui o link para download do CS3 versão Lite (uma versão um pouco mais antiga, mas que quebra bastante o galho). Basta fazer o download do arquivo, descompactar e instalar. Não é trial e já está em português.

A edição das minhas fotos varia muito do tipo de fotografia e até mesmo do meu humor. Geralmente antes mesmo de fotografar, eu já penso se vou querer edição ou não, pra assim eu poder ajustar a câmera de acordo com minhas necessidades.

Eu costumo editar minhas fotografias usando actions, acho ótimo para o blog, pra não ficar cada foto em um tom diferente na mesma postagem e principalmente pela facilidade e agilidade que ela proporciona. Então vamos lá!

Actions? O que são?

Actions são funções/comandos que você pode gravar para usar no photoshop e aplicar em suas fotos.

Um exemplo pra quem usa blog: você precisar editar fotos de um passeio onde todas precisam de mais claridade, então você grava suas ações de edição e salva como uma action, assim você poderá aplicar o mesmo efeito em todas suas fotos.

Você pode criar suas próprias actions ou baixar.

Onde baixar?

Existem vários blogs/sites que disponibilizam algumas actions para download (uso pessoal e comercial). O site mais completo sem dúvidas é o DeviantArt, basta você pesquisar por actions e fazer o download da que mais te agradou. Mas  você também pode dar uma boa pesquisada no google :)

Como usar?

Agora vem a parte mais legal, o tutorial de como usar essas tais actions que vocês não aguentam mais ouvir falar haha

Vou tentar ser o mais objetiva possível, preferi fazer o tutorial em fotos e espero que entendam e compreendam.

Usando actions baixadas:

Primeiro passo: Para facilitar sua vida, crie uma pasta no computador apenas para as actions. Após ter feito o download de algumas actions, caso elas estejam compactadas é só descompactar na pasta de destino. Note que todos os arquivos devem estar ATN.

Agora abra o photoshop e a foto que você vai trabalhar, para isso vá no menu superior > arquivo > abrir novo ou direto pelo ctrl + O.

Agora vamos instalar a action no photoshop.

Vá no menu superior > window > actions ou pelo comando lateral que parece um botãozinho "play", assim como mostra  a imagem acima.

Com a sua pasta de actions aberta, escolha uma ou mais actions que deseja instalar e arraste para o quadro aberto (pode arrastar mesmo, ela aparecerá no finalzinho do quadro). Pronto, sua action já está instalada para o todo sempre ou até que você se canse e exclua ela. Agora é hora de aprender a aplicar os efeitos em sua foto.

Como já estamos com a nossa foto a ser trabalhada aberta, basta seguir alguns passos.
Clique na seta do lado da pasta adicionada, note que irá abrir algumas actions (ou apenas uma, depende do arquivo que você baixou), selecione a que você deseja usar e clique no botãozinho play, logo em baixo do quadro.Vários comandos irão abrir, espere terminar e pronto, sua foto estará editada em alguns segundos. Para salvar o arquivo é só ir em menu superior > arquivo > salvar ou salvar como.

Action usada: Orange tones action

Gravando sua própria action:

Agora se você já está cansado das actions que baixou, você pode criar suas próprias edições em apenas alguns passos.

Com o quadro de actions aberto, clique na pastinha que fica bem no final do quadro, uma pequena janela irá se abrir : você deverá nomear a nova pasta.

Após nomear a nova pasta, clique no quadradinho que fica ao lado (criar nova action), uma outra janela aparecerá, agora você deverá nomear o nome da sua nova action, por fim, é só clicar em gravar e começar a edição. Quando você terminar sua edição, não esqueça de clicar no botão stop que fica bem do lado dos outros botões (play, rec...)
Sua foto estará editada e você terá uma nova action para editar quantas fotos quiser.

Foto editada com a action que eu fiz pro tutorial

Não sei se consegui explicar do jeito mais fácil, mas usar actions não tem segredos e é assim que eu edito a maioria das minhas fotos.

Depois posso criar uma pasta no 4shared e compartilhar com vocês as que eu mais uso. Se ficou alguma dúvida ou pedido, é só comentar aqui no post que eu tentarei ajudar.

Na próxima semana irei mostrar como eu uso as faixinhas (ribbons) e como eu escrevo nas fotos, usando o photoshop.

Espero que tenham gostado

xoxo

Tutorial: Posts relacionados personalizados

Desde o começo da semana passada, quando eu dei uma mudada em alguns detalhes do blog como os posts relacionados e a paginação, algumas pessoas me pediram ajuda pra fazer igual, e como é super facinho, resolvi fazer um tutorial.

 O código eu encontrei no blog Jackie Dream, e como ele está com algumas falhas, resolvi fazer algumas alterações, então o código que eu irei postar já está pronto pra ser usado no seu blog, só precisará trocar as cores.

Antes de começar, faça um backup do seu theme e salve.

O primeiro passo é adicionar o widget do Linkwithin, vou fazer um passo a passo, mas acredito que a maioria de vocês já o utilizam.

Acesse o site do Linkwithin clicando aqui e preencha as opções:

Você será redimensionado para esta página, onde você encontra um tutorial de como instalar o widget.

Escolha seu blog, não altere o título e clique em adicionar wigdet. Depois em layout posicione o widget em baixo da área do post e salve.
Feito isso é hora da parte mais legal, colocar o código HTML :)

Agora em vá em modelo e depois editar html, para facilitar a busca aperte ctrl+f e procure por esse trecho ]]></b:skin>
Agora que você encontrou o código, ANTES ou ACIMA dele, cole esse código:

/* LINKWITHIN PERSONALIZADO editado por

Jess Vieira - www.omundodejess.com

----------------------------------------------- */

.linkwithin_div {

background: #F6F1D4; /* COR DE FUNDO */

padding: 0 10px;

}

.linkwithin_text {

font-size:14px; /* TAMANHO DO TITULO DO GADET */

color:#CDA59B; /* COR DO TITULO DO GADET */

font-family: 'Arial', cursive; !important;

}

a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {

display:none; /* CCOM ISTO ELIMINAMOS O LINK */

}

.linkwithin_posts {

width: 560px !important; /* TAMANHO DO GADET */

}

.linkwithin_posts a {

border: 0 !important;

padding-right:10px !important;

}

.linkwithin_posts a:hover {

background: #D8C1B9 !important; /* COR DO FUNDO AO PASSAR O MOUSE */

-webkit-border-radius: 10px !important; /*BORDAS REDONDAS*/

-moz-border-radius: 10px;

border-radius: 10px;

}

.linkwithin_img_0 div, div.linkwithin_img_0,

.linkwithin_img_1 div, div.linkwithin_img_1,

.linkwithin_img_2 div, div.linkwithin_img_2,

.linkwithin_img_3 div, div.linkwithin_img_3,

.linkwithin_img_4 div, div.linkwithin_img_4,

.linkwithin_img_5 div, div.linkwithin_img_5,

.linkwithin_img_6 div, div.linkwithin_img_6,

.linkwithin_img_7 div, div.linkwithin_img_7,

.linkwithin_img_8 div, div.linkwithin_img_8,

.linkwithin_img_9 div, div.linkwithin_img_9,

.linkwithin_img_10 div, div.linkwithin_img_10,

.linkwithin_img_11 div, div.linkwithin_img_11,

.linkwithin_img_12 div, div.linkwithin_img_12,

.linkwithin_img_13 div, div.linkwithin_img_13,

.linkwithin_img_14 div, div.linkwithin_img_14,

.linkwithin_img_15 div, div.linkwithin_img_15,

.linkwithin_img_16 div, div.linkwithin_img_16,

.linkwithin_img_17 div, div.linkwithin_img_17,

.linkwithin_img_18 div, div.linkwithin_img_18,

.linkwithin_img_19 div, div.linkwithin_img_19,

.linkwithin_img_20 div, div.linkwithin_img_20 { /* BORDAS REDONDAS */

-webkit-border-radius: 10px !important;

-moz-border-radius: 10px;

border-radius: 10px;

border-style: dashed !important;

}

.linkwithin_title {

color: #494347 !important; /* COR DOS TITULOS DAS POSTAGENS */

font-family: 'Arial', cursive; !important; /* TIPO DE FONTE DOS TITULOS DAS POSTAGENS */

font-size: 12px !important; /* TAMANHO DOS TITULOS DAS POSTAGENS */

line-height: 15px !important;

text-align:center;

text-decoration: none;

}

.linkwithin_title:hover {

color: #F6F1D4 !important; /* COR DOS TITULOS AO PASSAR O MOUSE */

font-weight: bold !important;

}

Altere apenas a área que estiver com a escrita indicando, que são cores, fontes e tamanho. Para as cores, eu uso esse site aqui.

Com esse código seus posts relacionados ficarão assim:

Agora se você quer que eles fiquem redondinhos iguais ao do meu blog, é só mudar a área marcada como /* BORDAS REDONDAS */ de 20px para 50px. Visualize, se estiver tudo ok, salve e voilá.

*Atualização: Pessoal, visitando alguns blogs de quem utilizou a personalização, eu encontrei um errinho de margem, mas acabei de editar a postagem e agora o código está corrigido.

Bem facinho né pessoal? Espero que tenham compreendido e que eu tenha tirado as dúvidas de vocês.
Quem usar o código, comenta aqui pra eu ver como ficou, que tal?
xoxo