Avatar

Grunge Brushes

Agora sim brushes :D Acho que aquele não tava como brushes porque ja era usado... Anyway...

Bom download e até domingo tem template pra vocês -3-


Avatar

Autor, comentários embaixo do título

Mostrar o nome do autor, comentários que a postagem tem e etc, é tarefa bastante simples.

Por padrão, o Mínima (Template que a maioria dos templates é feito em cima), deixa os marcadores da postagem embaixo de tudo(post-footer).

Para adicionar marcadores, expanda os modelos de widgets do blogger e procure por post-header-line-1, logo abaixo adicione o marcador que desejar.

Código dos COMENTÁRIOS:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if></b:if>
</span>


Código do NOME DO AUTOR:
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>


Código dos MARCADORES
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>


Código da DATA

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
 
 


O único um pouco diferente é a data, o resto é facil. Aconselho antes de colocar cada um, criar uma div para cada coisa, com classe para não dar erro.
Enfim, é isso ^^ 
 
Avatar

Renderizando - Pen Tool

Bem, depois de um tutorial rídiculo que vi sobre como renderizar imagem resolvi postar esse aqui

Pra quem não sabe, renderizar é a arte de tirar um fundo de imagem, claro, possuem vários métodos de se fazer isso e aqui estarei mostrando um para imagens, como posso dizer, definidas (Formas definidas, bem definidas).

OBS: Isso não é um tutorial ensinando a usar pen tool.

Vamos lá? Antes de tudo, estarei usando ESSA imagem:

Com o photoshop aberto, selecione a ferramenta caneta (Pen tool) ou aperta a tecla de atalho P.
Nunca usou caneta? Então pratique um pouco, ela é a melhor ferramenta de seleção e tambem serve para outros trabalhos, mas exige um pouco de prática.

Com a ferramenta selecionada, comece a circular a imagem, "cortando" sempre na metade a linha que divide oque você quer cortar e do que você quer cortar, pois assim, você não vai ter no resultado final não vai ficar parecendo uma imagem com borda.


Como as vezes é uma imagem grande e você não quer vai ter tempo pra renderizar separar, você pode sair da área que está renderizando, apagar e salvar o arquivo, continuando de onde parou.


Com a área que deseja apagar(Ou se fizer direto, a personagem selecionada), aperte a tecla de atalho CTRL+ENTER, para fazer daquelas linhas, uma seleção de verdade.
Obs: Caso tenha selecionado a personagem por completo, aperte CRL+SHIFT+I para inverter a seleção.

Depois disso, é só apertar DEL e você terá a área apagada.

Beneficios disso? No final, você vai ter uma imagem muito mais "limpa" com muito menas dor de cabeça, pois só usara uma ferramenta, uma imagem abaixo, um lado selecionado perfeitamente com a pen tool e o outro com outras ferramentas de seleção, eai, qual acham que ficou melhor? Qual usariam pra fazer um template? Da um pouco mais de trabalho, mas PERFEIÇÃO é oque vocês designers tem que buscar. Comentem e até a próxima.