LadyStudio | your photoshop resource

Vamos de para

Passo 1:
Abre a tua imagem e vai a FILTER > SHARPEN > SHARPEN



Passo 2:
Duplicata a imagem e muda para Screen a 58% de Opacity



Passo 3:
Layer > New Adjustment Layer > Hue/Saturation] e põe a saturação em +30



Passo 4:
Layer > New Adjustment Layer > Selective Coloring

Reds:
Cyan > -70
Magenta > 0
Yellow > -21
Black > -5

Yellows:
Cyan > +100
Magenta > +10
Yellow > +100
Black > 0

Neutrals:
Cyan > +58
Magenta > 0
Yellow > 0
Black > 0




Passo 5:
Layer > New Adjustment Layer > Color Balance

Shadows: 0 | 0 | +20
Midtones: +20 | 0 | +20



Passo 6:
Duplica a tua imagem original e puxa-a para cima de todos os layers e tratamentos, muda para Luminosity com 50% de Opacity



Passo 7:
Layer > New Adjustment Layer > Selective Coloring

Reds:
Cyan > -100
Magenta > 0
Yellow > +100
Black > 0

Yellows:
Cyan > +100
Magenta > 0
Yellow > -100
Black > 0

Whites:
Cyan > 0
Magenta > 0
Yellow > -100
Black > 0

Neutrals:
Cyan >+30
Magenta > +10
Yellow > -10
Black > 0 

Outros Icons com o mesmo tratamento:

Download do PSD aqui

De para

1 - Abre a imagem

2 - LAYER > NEW ADJUSTMENT LAYER > CURVES

Mexe no pontinho até te aparecer em baixo INPUT e OUTPUT no valor de

INPUT 195

OUTPUT 228

3 - LAYER > NEW ADJUSTMENT LAYER > COLOR BALANCE

-50, 0, 26

4 - LAYER > NEW ADJUSTMENT LAYER > HUE/SATURATION

No menu MASTER põe a SATURATION com 39

No menu YELLOW põe a SATURATION com -70 (número negativo)

Mais exemplos:

Download do .PSD

De Para

01. Abre a tua imagem
02. Duplica-a a põe em Soft Light a 100%
03. Duplica a tua base novamente e puxa-a para cima da imagem duplicada no passo 2. Muda para Screen para 35%
04. Faz um novo layer com a cor #334379. Deixa em Normal a 6%
05. Faz um novo layer com a cor #796d33. Muda para Multiply a 30%
06. Fazer um layer Selective Color e muda para Soft Light a 30% no final

REDS: -100 +42 +100 +4
YELLOWS: -100 +47 +100 +0
CYANS: +100 +32 -100 +21
WHITES: +100 +100 +100 -64
NEUTRALS: +10 +3 +2 -4

07. Faz um layer Color Balance e muda para Pin Light a 100% no final -

Midtones: -22 -13 -17
Shadows: -16 +7 +11
Highlights: -9 -13 -1

08. Faz um layer de Levels

RGB: +4 +1.19 +236

09. Usa esta textura e muda-a para Screen a 10%

Download do .PSD

De   para

1º Abre a imagem base

2º Abre esta textura e muda para Multiply 40%

3º Abre esta textura e muda para Overlay 100%

4º Abre esta textura e muda para Screen 100%

Fácil e simples!

Layout:

Background:

Muita gente sabe que está na moda utilizar fundos repetitivos em sites/blogs. normalmente usa-se a repetição horizontal como podem ver no exemplo acima.

1º Faz o teu fundo.

2º Faz a tua montagem etc.

3º Terás de gravar primeiramente a montagem e depois guardas apenas o fundo, ou seja, apagas os layers que puses-te em cima do fundo.

4º Vai ao CSS do teu blog/site e muda ou valores para repetir o fundo apenas horizontalmente e repetir apenas uma vez. NOTA: Este blog apenas ensina design e não explico codificação , por isos não vale a pena perguntarem como isso se faz, essas perguntas serão ignoradas.

De para

1. Abre a foto.

2. New adjustment layer > Color balance
Midtones: +20, 0, -13
Shadows: 0, 0, -9
Highlights: +7, 0, -3
Preserve Lumi is checked

3. New adjustment layer > Brightness/contrast
B: +10
C: -7

4. New adjustment layer > Selective color
Reds: C -83, M 0, Y +23, B +48
Yellows: C -45, M 0, Y +55, B +32
Cyans: C +100, M 0, Y +100, B +100
Blues: C +100, M 0, Y -100, B +100
Whites: C 0, M 0, Y +20, B +24
Neutrals: C +24, M 0, Y -21, B +8
Blacks: C -20, M 0, Y -17, B +21

5. New adjustment layer > Selective color
Reds: C -100, M 0, Y +48, B +22
Yellows: C -100, M 0, Y -100, B +46
Cyans: C +28, M -100, Y +100, B -47
Whites: C +24, M 0, Y +9, B -17
Neutrals: C -10, M 0, Y 0, B +3
Blacks: C +27, M 0, Y -14, B 0

6. New adjustment layer > Curves
RGB
Point one: I 68, O 62
Point two: I 152, O 164

7. Usa esta textura e muda para screen 100%

8. Usa esta textura e muda para multiply 75%

9. Usa esta textura e muda para screen 100%

Outros exemplos:

Download do .PSD