Sunteți pe pagina 1din 19

Text transparent în Photoshop

Deschidem un nou document, eu am ales 400 x 400 pixeli, îi


punem un background şi scriem textul pe care vrem să-l
facem transparent
După ce am scris textul, adăugăm un Fill = 0 Layer-ului cu
textul.

Acum începe modificarea propriu-zisă. Începem să adăugăm


efectele care ne vor duce spre textul dorit.
Duceţi-vă la Blending Options, pe layerul cu textul şi
adăugaţi-i următoarele efecte:
Acum dăm Duplicate Layer şi aplicăm efectele:
În cele din urmă, copiem layer-ul tocmai modificat şi îi
aplicăm noului layer următoarele efecte:

Acum avem textul transparent. Îi putem adăuga orice


background, iar el se va mula perfect.

MASCA DE TAIERE CU PHOTOSHOP


Efectul prezentat in acest articol este pe cat de facil de
realizat pe atat de interesant. Masca de Taiere este o functie
clasica in Photoshop ce creeaza un efect de vizibilitate doar
in zona de suprapunere cu textul sau forma utilizata pentru
crearea efectului.

Masca de Taiere se diferentiaza de Masca de Nivel prin faptul ca nu este nevoie


de folosirea pensulelor (pe culoarea neagra pentru ascundere, alb pentru
descoperire iar gri pentru semi-transparenta) pentru varii portiuni din
imagine. Mai multe despre utilizarea Mastilor de nivel in acest Montaj Foto.

1. SCRIEREA SI AJUSTAREA TEXTULUI


Incepem prin crearea unui nou document in Photoshop de la optiunea File –
New.

Selectam instrumentul Text, avand deschis si panoul pentru gestionarea Font-


ului (pe care il putem deschide de la Window – Character).

Pentru realizarea efectului am folosit font-ul Bauhaus93. Dimensiunea textului


se va alege in baza dimensiunilor documentului dar si in functie de imaginea
selectata pentru realizarea efectului. Pentru un render bun se recomanda
utilizarea de font-uri pline si setate pe Bold.
Am intervenit asupra spatiului dintre litere tinand apasata tasta ALT si apasand
sagetile de la tastatura stanga sau dreapta. Pentru aceasta operatiune avem
selectat instrumentul Text iar cursorul va fi pozitionat intre literele pe care
dorim sa le apropiem sau sa le departam.

2. REALIZAREA MASTII DE TAIERE


Vom aduce in document

imaginea selectata pentru realizarea efectului. Vom plasa imaginea pe nivelul


superior textului, lucru care ne va permite sa aplicam masca de taiere.

Prin realizarea mastii de taiere vom face ca imaginea sa fie vizibila doar in
portiunea ce se suprapune textului.

Pentru aplicarea mastii de taiere asupra textului vom avea selectat nivelul
imaginii iar din lista de optiuni vizualizata la un click-dreapta pe nivel vom
alege Create Clipping Mask.

Vom ajusta dimensiunile si pozitionarea textului si imaginii pana cand suntem


multumiti de efectul creat.

Efectul Clipping Mask este gata!


Pentru realizarea unui montaj foto complet pentru acest efect am efectuat
urmatorii pasi:
– am duplicat nivelul imaginii si l-am pozitionat dedesubtul nivelului de text,
aplicandu-i o opacitate de circa 50%;
– am aplicat asupra nivelului textului o umbra externa si un contur alb;

– am realizat un nivel de ajustare de tipul Solid Color pentru care am ales o


culoare ce se regaseste in imaginea noastra.

Pentru selectarea unei culori din imagine vom utiliza instrumentul Eyedropper;
– in fine am aplicat un gradient (alb-transparent) deasupra imaginii pentru a
scoate in evidenta cel de-al doilea text pozitionat dedesubt.

MASCA DE TAIERE UTILIZAND O


FORMA
Plecand de la imaginea initiala integrala (care se poate descarca aici ) se poate
obtine o imagine cu fundal transparent (format .png) in care sa fie vizibila doar
o parte din imaginea initiala intr-un semicerc.

Intr-un nou nivel se deseneaza un cerc si se pozitioneaza dedesubtul nivelului


imaginii integrale.
Pentru ca imaginea sa fie vizibila doar in partea ce se suprapune peste cerc se
creeaza o masca de taiere cu click-dreapta pe nivelul imaginii – Create Clipping
Mask.
CREATE TRANSPARENT TEXT VIA LAYER COPY
To begin, open an image to which you will want to apply the transparent text. Images that have a
large texture area work best – get creative – consider sky patterns, water, grass, or wall patterns.
Once the image is open select the text tool from the Photoshop tools panel and create a text
layer on top of the image that you are using.

Select the font you want, define the font size and set the properties of the font you want to make
transparent. In this case, the color of the font does not matter as it will be made transparent in a
few steps; select the color that makes it easy for you to see how the text fits within the image.
Adjust your text so that you are satisfied with its position. If you are using this method, once the
text is transparent you will not be able to move it.

Next, you will need to load only the text selection in your layer, in other words; only the pixels that
make up the text have to be outlined in the selection. The quickest way to do it is to use a
shortcut ‘Cmd + click’ (‘Ctrl+click’ for Windows) on the layer thumbnail. Once you apply this
shortcut only the text should be outlined. If not, make sure you have the text layer selected.
You can hide the text layer now by toggling the ‘eye icon’ next to the layer. Select the image layer
and use the ‘layer via copy’ shortcut ‘Cmd+J’ (Ctrl+J for Windows) to copy only the selected area
of the image.

At this point, you already have transparent text, but for the time being it is not visible. You will
need to use layer styles and image adjustment tools to make it stand out. As far as the layer
styles go, the most effective way to make your transparent text layer stand out is to use ‘Bevel
and Emboss’ effect. To add a layer style click the ‘Fx’ button in the layer panel and select ‘Bevel &
Emboss…’ effect from the menu. In the ‘Layer Style’ panel experiment with the different type of
bevel and emboss options and adjust the structure and the shading to make the text compliment
the image.
To make the text stand out further you can adjust the layer’s contrast, exposure or levels to make
the text brighter or darker – this you cannot do using the second method.

The final result emultates an engraving over the image, which, by masking the text properly, can
be enhanced if we add a subtle blur effect to make it look like if it was a handmade application
over the texture you happen to be working on. Also, keep a close eye in shadows – too dark
shadows will blow up your realism effect.

CREATING GLASS TEXT IN PHOTOSHOP,


AN EASY STEP BY STEP GUIDE
In this Photoshop tutorial, we are going to create a transparent
glassy effect that allows the background to show thorough.

STEP 1
Start with a background. 72dpi and RGB mode.

STEP 2
Add some text, here I used galant (www.1001freefonts.com)

STEP 3
Add a layer style by clicking the little “f” at the bottom of the
layers pallette.
Add a dropshadow and a bevel, copy the settings shown here.
Note 2 things here that really make the glass “pop”
1. Change the contour, this gives the reflected look.
2. uncheck the global light and change the altitude to 53.

A LISTING OF THE LAYER STYLE


CONTOURS IN PHOTOSHOP
The layer Style Contour options are in many places in the Layer
Styles panel in Photoshop. Here I am going to show you what
they are all named and what they look like. Go to the end of this
tutorial where I will show you how to create your own custom
contours!
This is the sample text we will be using, so you can see the
effect of only changing the contour, everything else is the same.
To let you see what each of the contours look like, I have created
this chart.

PHOTOSHOP LAYER STYLE CONTOUR CHART


Ok, back to the tutorial.

STEP 4
Here is the result, pretty uninspiring huh?

STEP 5
This step is where the magic happens!
In the styles palette, click on the Custom blending options. (you
can also do this from the layers panel)
Now pull the fill opacity all the way to 0 and the rabbit comes out
of the hat!

STEP 6

Here is our glass type.