Neste tutorial do leitor, Nikola Lazarevic, também conhecido como Colaja, de Nis - Serbia, vai nos mostrar como criar um diário de viagem estiloso vintage no Photoshop. Vamos misturar brushes com stock photos e blend modes para obter o efeito.

Essa se'ra a nossa imagem final!

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Passo 1:

Vamos começar criando um novo documento no photoshop. O meu tem 1680x1050 pixels. Chame o arquivo de diary.psd. Preencha o background com #e5dfd3.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Faça o download de uma textura soft grunge aqui do Bittbox. Eu escolhi a segunda (free_high_res_texture_102), e a coloque acima da background layer. Pressione Command + T para redimensionar para o tamanho que quiser, e diminua a opacity para 70%. Vamos chamar essa layer de "background texture".

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Agora faça o download dos brushes Waterlogged Map by ~Arbenting. Crie uma nova layer acima da "background texture" e a chame de "map". Ajuste foreground color para #463003. Agora com a brush tool (B), carregue Waterlogged Map Brushes by ~Arbenting, escolha o map3, ajuste master diameter para aproximadamente 1557 e coloque o mapa no centro da layer "map". Diminua a opacity de "map" para 75%.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Selecione as três layers (background, background texture e map) pressionando a tecla command (ou control no PC) e dê um clique com o botão esquerdo do mouse em cada layer, pressione então command + G (ctrl + G no PC), e agrupe as layers em um grupo e o chame de "BACKGROUND".

Passo 2:

Encontrei uma boa imagem de um diário antigo. Faça o download da imagem e abra no photoshop. Agora vamos cortar o notebook (diário). Use a Magic Wand Tool (W) para selecionar o background branco, pressione command + shift + I para inverter a seleção, assim teremos selecionado o notebook. Pressione Command + C para copiar a seleção e a cole no nosso diary.psd file. Chame essa layer de "notebook", redimensione a imagem, gire um pouco (Command + T) e a coloque perto do centro, um pouco para a esquerda.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Agora nós queremos ter as mesmas imagens entre as páginas. Para obter esse efeito precisamos seguir os seguintes passos:

  • Duplicar a "notebook" layer (Command + J);
  • Nomear essa layer "notebook top";
  • Agora pegue a Polygonal Lasso Tool (L) e comece a selecionar ao redor das páginas do diário.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Inverta a seleção pressionando Command + Shift + I e delete a parte que não precisaremos.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Agora vamos dar um pouco de vida para as páginas. Ajuste a foreground color para #463003, crie uma nova layer acima da "notebook top", selecione a brush tool (B) e escolha um mapa que gostar, eu escolhi o map2. Ajuste o diâmetro para aproximadamente 330px e pinte com esse brush na página da direita, na parte de baixo do diário. Gire essa layer para combinar com a orientação do papel do diário, diminua a opacity para 50% e chame essa layer de "right page 1".

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Crie uma nova layer, chame de "right page 2", use a brush tool (B), escolha outro mapa, eu escolhi o map3. Ajuste o diâmetro para aproximadamente 450px e pinte na parte de cima da página direita do diário. Gire essa layer para combinar com a orientação do papel do diário. Diminua a opacity para 50%.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Crie outra nova layer, chame de "left page", pegue a brush tool (B), escolha outro mapa, escolhi o map4, ajuste o diameter para aproximadamente 600px e pinte na página esquerda do diário. Gire (rotate) e mova essa layer para que tenha algo assim:

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reduza a opacity para 50% e teremos algo assim:

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Aplique o seguinte layer style na layer "notebook":

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Passo 3:

Faça o download de uma foto polaroid e abra no photoshop. Dê um duplo clique na background layer e clique OK para que essa layer possa ser editada. Salve esse arquivo como ploaroid.psd pois vamos usá-lo para criar nossas fotos polaroid.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Para criar as fotos polaroid eu usei algumas fotos que tirei nesse verão na Grécia. Você pode encontrar algumas delas noflickr. Escolha a foto que quiser. abra no photoshop, copie e cole no polaroid.psd. Pressione Command + T (Ctrl + T) para girar (rotate) um pouco e ficar na mesma orientação da polaroid. Chame essa layer de "photo".

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Agora esconda (hide) a photo layer, clique em layer0, use a magic wand tool (W) para selecionar o quadrado preto na polaroid.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Volte a mostrar (unhide) a photo layer, selecione a layer, inverta a seleção com Command + Shift + I e pressione backspace para deletar as partes da foto que não queremos. Agora 'deselect' (Command + D). Você deverá ter algo assim:

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Nós queremos que a nossa foto pareça antiga, então faça o download de Heavy Scratch brushes, abra a brush tool (B), carregue Scratch brushes, selecione o Scratch Heavy brush, ajuste o diameter para max 2500px, crie uma nova layer acima da "photo" layer, e pinte com a brush tool. Chame essa layer de "scratch". Redimensione para que fique maior que a polaroid.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Agora esconda (hide) a "scratch" layer, selecione "layer0", use magic wand tool (W) para selecionar o background branco, pressione Command + Shift + I para inverter a seleção, agora unhide "scratch" layer, a selecione, inverta a seleção mais uma vez e pressione backspace para deletar as partes da "scratch" layer que não queremos. Diminua o fill para 30%.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

A foto agora parece 'scratchy' mas não antiga o suficiente. Para dar um look mais vintage faça o seguinte: Escolha Create new fill or adjusment layer, escolha photo filter, warming filter (85) para filter, ajuste Density para 77% e clique OK.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Agora sim temos uma foto legal e antiga o suficiente.

Passo 4:

Selecione todas as layers, escolha Layer>Merge Layers. Agora pegue a magic wand tool (W), selecione o background branco, inverta a seleção.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Copie e cole no diary.psd entre a "notebook" e a "notebook top" layer, e chame essa layer de "photo 01 bp". Redimensione, gire e coloque a imagem na esquerda entre as páginas conforme a imagem abaixo.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Aplique drop shadow layer style na "photo 01 bp".

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Agora crie outra foto polaroid e a coloque também entre as páginas, usando o método acima. Chame essa layer de "photo 02 bp" e aplique Drop Shadow layer style nessa layer, como antes. Nós devemos ter algo assim:

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Crie outra foto polaroid usando o mesmo método explicado acima. Essa vamos colocar nas páginas abertas. Chame essa layer de "photo03".

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Crie um clip para segurar essa foto. Ajuste a foreground color para #583f0d, abra a custom shape tool, encontre uma forma de clip e desenhe o clip. Pressione Shift para restringir as proporções. Redimensione e gire. Chame essa layer de "paperclip". Garanta que essa layer está acima da layer "photo03" . Rasterize essa layer e aplique o seguinte estilo para ela "Bevel And Emboss".

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Nós precisamos deletar algumas partes do clip. Escolha a eraser tool (E), selecione Hard Round 5px, e comece a apagar.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Ok, vamos continuar. Crie outra foto polaroid, coloque-a em diary.psd, chame essa layer de "photo04" e a coloque abaixo da "photo03" layer.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Agora vamos adicionar mais detalhes. Faça o download dos brushes Sticky Tape, carregue no photoshop, ajuste a foreground color para #dab05d, pegue a brush tool (B), e selecione o brush SpoonGraphics Tape2, ajuste o diameter para 116px, crie uma nova layer acima da "photo04" e pinte com o brush. Chame essa layer de "sticky tape 1" e aplique drop shadow effect.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Duplique a layer "sticky tape 1" e limpe o layer style. Nós devemos ter algo assim:

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Com isso, a página esquerda está pronta.

Agora vamos passar para a página direita. Vamos adicionar uma Paragraph layer. Para adicionar uma Paragraph layer você deve criar uma caixa de limites primeiro. Você pode clicar e arrastar o cursor na diagonal até que tenha o tamanho desejado. Escreva algum texto naParagraph layer. Eu usei a fonte Journal. Ajuste a cor do texto para #463003, gire e redimensione o texto até que fique bom para a página do diário. Chame essa layer de "text".

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Deixe essa página um pouco mais suja e grunge. Faça o download da foto Coffee Stain 1, abra no photoshop, copie e cole em dairy.psd. Chame essa layer de "caffe strain page". Troque o Blend Mode para Multiply. Redimensione e coloque acima da "text" layer.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Agora faça o download da imagem Torn PostCard, abra no photoshop, selecione o background branco com a Magic Wand Tool (W), inverta a seleção.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Copie e cole no nosso aqruivo photoshop. Chame essa layer de "map background". Redimensione, gire e a coloque em cima da página direita. Adicione Drop Shadow Effect.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Selecione "map background" com Command + Click no thumbnail, crie uma nova layer, garanta que a foreground color seja #463003, pegue a Brush Tool (B), escolha qualquer um dos Waterlogged Map Brushes by ~Arbenting e pinte. Chame essa layer de "map1" e diminua a opacity para 60%.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Adicione sticky tape, usando o método acima para segurar o "map1" na página.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Vamos adicionar um pequeno detalhe nas páginas. Faça o download da Italian Flag, abra no photoshop, com a Rectangular Marquee Tool (M) faça uma seleção, copie e cole no diary.psd.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Chame essa layer de "italian flag", redimensione, gire e a coloque abaixo da "photo03". Agora vá até Image - Adjusments - Photo Filter.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Aplique Drop Shadow Effect.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Com isso terminamos o diário.

Passo 5:

Vamos adicionar mais detalhes! Crie algumas fotos polaroid, coloque no grupo BACKGROUND, em layers separadas, acima da layer "map". Dê a elas nomes começando por "photo 05 bg" e assim sucessivamente. Aplique Drop Shadow Effect em cada layer.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Agora adicione Cofee Stain na imagem do topo. Crie uma nova layer, chame de "caffe strain big", use Coffee Stain 1 photo, troque o Blend Mode para Multiply, redimensione e coloque na foto.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Passo 6:

Agora vamos adicionar uma xícara de café. Faça o download de Isolated Cup of Strong Coffee, abra no photoshop, open Paths, pressione Command e clique no Path thumbnail para selecionar a xícara de café.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Copie e cole no dairy.psd, chame essa layer de "caffee" e a pocione no topo. Redimensione e aplique Drop Shadow Effect.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Deixe com um look mais antigo. Vá em Image - Adjusments - Photo Filter.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Isso é o que temos agora.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Passo 7:

Vamos adicionar uma bússola (compass). Você pode fazer o download de uma bússola no flickr. Extraia a bússola do background, copie e cole no diary.psd. Chame essa layer de "compass". Coloque essa layer abaixo da "caffee" layer. Vá até Image - Adjusments - Photo Filter.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Adicione Drop Shadow Effect.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Deixe a imagem um pouco mais 'scratchy'. Crie uma nova layer acima da "compass" layer, chame de "compass scratch", ajuste a foreground color para #000000, pegue a brush tool, escolha um Scratch Heavy brush, selecione a bússola pressionando Command e clique no layer thumbnail, selecione "compass scratch" layer, e pinte com a brush tool. Troque o Blend Mode para Soft Light.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

O visual agora está bem bonito.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Passo 8:

Agora é hora de finalizar. Vamos adicionar os detalhes finais. Escreva a palavra abduzeedo usando qualquer fonte. Usei a HumstSlab712 Blk e a ajustei para a cor #c5c6ba. Ajuste o tamanho da fonte para 120px. Troque o blending mode para Colour Burn e adicione um stroke de 1px.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Agora duplique essa layer, e reduza a opacity para 65%, blend mode ainda é Colour Burn.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

E isso é tudo.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop

Espero que tenham gostado!

Sobre o Autor

Oi! Meu nome é Nikola Lazarevic, também conhecido como Colaja, sou de Nis - Serbia. Sou um web designer e viciado em photoshop! Eu comecei o webexpedition18 a menos de um ano. Você também pod eme encontrar no Twitter!

About the author of this post

Would like to write a guest post for us?

If you would be interested in writing some guest articles or even become a regular contributor, send us an email to abduzeedo[at]abduzeedo.com requesting a contributor account.