10 brand-new fonts for breath-taking typography designs

Share

Fresh and Free Fonts is a weekly series of posts in Hangaroundtheweb which helps to find the perfect choice of fresh and freely available fonts in the internet for your next work of typography be it either for digital, web or print.

Probert

Source: DaFont
Download

NFS

Source: DaFont
Download

Geddes

Source: DaFont
Download

Schnaubelt

Source: DaFont
Download

Fontana

Source: DaFont
Download

Wildcard

Source: DaFont
Download

CleanWork

Source: DaFont
Download

Marilou

Source: DaFont
Download

Lost Winner

Source: DaFont
Download

Rachel

Source: DaFont
Download

15 fresh and free fonts for first-class typography projects

Share

Typography is a beautiful thing, and plays a huge role in designing. Most of the time its hard to get inspired when you’re working on a project. Not every font fits in perfectly with every project. Why not take a little time off, and check out these font resources for inspiration.

Bebas Neue

Source: DaFont
Download

Very Damaged

Source: DaFont
Download

Roddenberry

Source: DaFont
Download

Gutcruncher

Source: DaFont
Download

Pandora Limiter

Source: 1001fonts
Download

Web Serveroff

Source: abstractfonts
Download

Artifika

Source: FontSquirrel
Download

Rokkitt

Source: FontSquirrel
Download

Maiden Orange

Source: FontSquirrel
Download

Banda

Source: TypeDepot
Download

Ultra

Source: FontSquirrel
Download

PowerChord

Source: FontStock
Download

Zil Semi Slab

Source: FontStock
Download

Tevegraphy

Source: FontStock
Download

Faltura

Source: FontStock
Download

17 stunning, fresh and free fonts to spice up your typography

Share

FFF(Fresh and Free Fonts) is a weekly series of posts in Hangaroundtheweb which helps to find the perfect choice of fresh and freely available fonts in the internet for your next work of typography be it either for digital, web or print.

Opificio

Source: ActionFonts
Download

Nothing You Could Do

Source: DaFont
Download

Neuton

Source: DaFont
Download

Namaskar

Source: DaFont
Download

Happy Phantom

Source: DaFont
Download

LT Oksana

Source: DaFont
Download

UK Number Plate

Source: DaFont
Download

Adventure

Source: DaFont
Download

HP Personal Again 3 set

Source: Fontsy
Download

Azoft

Source: Fontsy
Download

Long BeachUSN

Source: Fontsy
Download

MD Military Stencil

Source: Fontsy
Download

AmarilloUSAFPro

Source: Fontsy
Download

Presa

Source: Fontsy
Download

Chapenettoer 8 Thin

Source: ActionFonts
Download

Doctor Soos Bold

Source: ActionFonts
Download

sliders Regular

Source: Fonts2u
Download

How to make a stunning typography poster

Share

In today’s tutorial, we are going to create a stylish and minimal design typography poster for the letter B using some simple texture overlays and photoshop filters to create some stunning looks…

Final Image Preview

Before you start take a look at the final image you will be creating.

Materials Needed:

Step 1: Create a new document

New document

Open a new document in photoshop of size 800 by 1200 px using the default settings.
Generally i assume that we use an A3 document size with a resolution 300 ppi for creating a poster, since this tutorial is only for learning purpose, you can use your own resolution and size aspects.

Step 2: Background

Background

Fill the background layer with black color using Edit->Fill and select Foreground color (Shift + F5). Before that please ensure that the default colors are used by pressing D, this will set the default foreground and background colors to black and white respectively.

Step 3: Add Noise to the background

Add Noise to the background

Add some noise to the background layer using Filter->Noise->Add Noise. Set the amount to 2, choose Gaussian for the distribution and select the Monochromatic option.

Step 4: Render Fiber

Render Fiber

Now we are going to create the letter B. For that create a new layer , we name the layer something like vertical bar for future reference and fill it with black and render some fibers using Filter -> Render ->Fibers using the variance as 16.0 and strength as 4.0

Step 5: Resize the vertical bar

Resize the vertical bar

Then resize the layer using Ctrl/Cmd + T to preferably the size shown above. This will form as the left side of the letter B.

Step 6: Making the bend part

Making the bend part

Duplicate the vertical bar layer and name it as “bend part”. Now rotate the layer to change the bar from the vertical orientation to horizontal, use the Edit->Transform->Warp or by pressing Ctrl/Cmd + T and switch to warp mode.

Making the bend part

Give 100% for the Bend settings and choose “Arc” as the Warp mode.

Step 7: Placing the arc structure

Placing the arc structure

Now resize, rotate and place the arc like structure by the side of the vertical bar to get the upper part of the letter b as shown in the image below. Note that this layer will go below the vertical bar layer. Please ensure that you drag it down in the layers panel below the vertical bar layer.

Step 8: Duplicate the arc structure

Duplicate the arc structure

Duplicate the arc like structure layer using Ctrl/Cmd + J or Layer->Duplicate Layer and place below the upper one so as to give the look of the letter B.

Step 9: Drop shadow

Drop shadow

Now apply some drop shadow settings for the layers comprising the letter ,the vertical bar and the two arc structures using the settings, Distance=10, Spread=30 and Size=10.

Step 10: Add a gradient light

Add a gradient light

Create a new layer called “gradient light” and select the Gradient tool by pressing G, select the default Foreground to Background option and choose Radial for the gradient and make sure you check the Reverse option since we want white as the centre for the gradient. Now drag a small gradient from the centre of the document like the one above.Now change the blending mode of the gradient light layer to Soft Light.

Step 11: Add shadows

Add shadows

Create a new layer called shadows above the gradient light layer and use a soft brush of radius 200 px with 50% opacity and use black as the color. Now paint some spots with the brush here and there over the vertical bar and bend part layers of the letter more specifically over the edges of the letter and at the center. Change the blending mode the shadows layer to Darken.

Step 12: Making the border

Making the border

Create a new layer called border for the poster border. Select the canvas by pressing Ctrl/Cmd + A or Select->Select All. Now transform the selection using Selection->Transform Selection, decrease the width and height of the selection to 97% and 98% respectively.

Creating smooth borders

For creating smooth poster borders, first you have to select the whole canvas and then resize the selection approximately smaller than the original, then smooth the selection and finally inverse the selection and fill it with a border color in a new layer, you can create subtle border looks by adjusting the blending mode of the border layer.

Smooth the selection

Here comes the important part, normally we see posters having some smooth corners around their borders, we are also going to make ours like the same, for that you have to smooth the selection using Select->Modify->Smooth. Give 10 for the radius.

Inverse and fill the selection

Now inverse the selection using Ctrl/Cmd + Shift + I or using Select->Inverse. I think now we got the poster border. Please ensure that we are still working on the border layer, if not click on the border layer, and fill with a 50% grey color from the swatches or you can use any color of your choice, it doesn’t matter much, please see to that your border color blends well with the poster.

Step 13: Adding a texture

Adding a texture

Here comes the final part for adding texture to our poster. You can use any texture image of your choice. I am using a grey paper texture. You can download it from here.
Open the texture image and select all using Ctrl/Cmd + A and copy and paste it on our document. Stretch it so that it fills the canvas.
Now change the blending mode of this texture layer to Overlay.

Conclusion

Adding a texture

We’re finished! Hopefully you’ve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see! You can view the final image below or view a larger version here.

Download the PSD (or source files)