Spoon Graphics
Spoon Graphics
  • 221
  • 38 304 887
10 Font Styles Every Graphic Designer Should Know
Typography is a core component of Graphic Design so it's an important subject for every designer to learn. Typefaces are divided into classifications based on the era or characteristics of their design. Being able to identify a typeface style can help you make educated design decisions and choose the best font for your work depending on its use. In today's video I'll give a brief overview of the main typeface classifications of serif and sans serif fonts that have emerged throughout the history of movable type.
📺 WATCH THIS NEXT: 30 Fonts with the Sexiest Ampersands - ua-cam.com/video/DqVITsa9jZA/v-deo.html
Fonts mentioned:
BLACKLETTER
► Gutenberg - spoon.graphics/3V1Vy6I
► Fraktur - spoon.graphics/3WrsJ4w
HUMANIST
► Centaur - spoon.graphics/44Md3uY
► Jenson - spoon.graphics/3UNAr6E
OLD STYLE
► Garamond - spoon.graphics/44OHmkU
► Goudy Old Style - spoon.graphics/44OomCL
TRANSITIONAL
► Baskerville - spoon.graphics/44IRxHz
DIDONE
► Didot - spoon.graphics/4bGLG7J
► Bodoni - spoon.graphics/4dpwpdi
SLAB
► Clarendon - spoon.graphics/4a8MaCx
► Rockwell - spoon.graphics/3KchYvz
GROTESQUE
► Franklin Gothic - spoon.graphics/3QNEqix
NEO-GROTESQUE
► Helvetica - spoon.graphics/3V4qLWV
► Univers - spoon.graphics/3WJuD0A
HUMANIST (SANS)
► Gill Sans - spoon.graphics/3WKsoKH
► Optima - spoon.graphics/3ww7fcu
GEOMETRIC
► Futura - spoon.graphics/4dHe0Zz
► Avant Garde - spoon.graphics/4bZM95p
📦 Join my mailing list and get a FREE design resources bundle! - spoon.graphics/freebundle
🙏 I don’t have a Patreon, but if you want to support my work, consider becoming an Access All Areas member on Spoon Graphics - spoon.graphics/membership
Deals & Discounts:
⭐ Get 20% off ANYTHING in my Spoon Graphics Shop with the code: 20OFF - spoon.graphics/shop
⭐️ Get 10 FREE Images from Adobe Stock - spoon.graphics/10freeimages
⭐ Save 70% off the Heritage Type Vintage Fonts Bundle - spoon.graphics/vintagefontsbundle
⭐️ Download this Month's FREE Files from Envato - spoon.graphics/free-files
Tools & Resources I Use:
⭐️ Get Photoshop and other Adobe CC programs here: spoon.graphics/getadobe
🛠️ Where I download the creative assets I need - spoon.graphics/envato
✍️ The graphics tablet I use: amzn.to/2GYNYEc
🎙️ The microphone I use: amzn.to/3AdkJsp
📢 The email newsletter service I use: spoon.graphics/aweber
📈 The tool I use to help grow my channel: spoon.graphics/tubebuddy
Watch more of my content:
📺 See all my Photoshop tutorials - spoon.graphics/photoshoptutorials
📺 See all my Illustrator tutorials - spoon.graphics/illustratortutorials
📺 Watch my most popular videos - spoon.graphics/popular
#graphicdesign #typography #fonts
Adobe Photoshop & Adobe Illustrator design tutorials from Chris Spooner of Spoon Graphics. Subscribe to learn how to create stunning artwork as I share my tips and tricks in video format.
Join my mailing list: blog.spoongraphics.co.uk/subscribe
Visit my design blog: blog.spoongraphics.co.uk
Follow me on Twitter: chrisspooner
Join me on Facebook: spoongraphics
Переглядів: 4 992

Відео

30 Fonts with the Sexiest Ampersands
Переглядів 3 тис.Місяць тому
What's your dream character? Small and curvy? Tall and strong? Whatever your type, you'll see the most attractive glyphs in this typographic beauty contest. The ampersand is every typography addict's favourite ligature, but which font has the best? I searched the world's font foundries to create a showcase of the most beautiful ampersands, find the one that takes your fancy. 📺 WATCH THIS NEXT: ...
Easily Create Fire in Photoshop With This Incredible Flames Action
Переглядів 3,1 тис.Місяць тому
This Flames Photoshop Action is loaded with hundreds of steps that can be applied in seconds to produce an intense fiery explosion around your original image. In this resource review I'll show you how to install the assets, apply the effect and customise the final result. ► Download the Flames Photoshop Action from Envato Elements - spoon.graphics/3JxYnFR ► Buy the Flames Photoshop Action for $...
Discover The Hottest New Fonts of April 2024 and Score Big Discounts!
Переглядів 2,1 тис.2 місяці тому
Check out the best new font releases for April 2024! Often new fonts are released with some nice discounts, so it can be the perfect time to pick them up when they're fresh out of the font foundry. Some of these typefaces have up to 60% off, I'll also share some of the latest variable font additions to the Adobe Fonts library, which you can activate for free as part of your Creative Cloud subsc...
How to Create Watercolour Painting Effects with AI Using Photoshop’s Generative Fill
Переглядів 7 тис.3 місяці тому
One of my most-watched videos every day on the Spoon Graphics UA-cam channel is my tutorial showing how to create a watercolor effect in Photoshop. That tutorial uses a combination of Photoshop filters to transform an image with a painterly appearance. Since the addition of the Generative Fill tool to Photoshop, there's a whole new way of creating a realistic painting effect with the help of AI...
Best New Fonts MARCH 2024 (5 FREE, others up to 60% off!)
Переглядів 3,2 тис.3 місяці тому
Check out the best new font releases for March 2024! Often new fonts are released with some nice discounts, so it can be the perfect time to pick them up when they're fresh out of the font foundry. Some of these typefaces have up to 60% off, and certain fonts can even be downloaded free! ⭐️ Get access to fonts and other creative asset downloads from Envato Elements - spoon.graphics/envato Font ...
Text Portrait Effect in Photoshop
Переглядів 12 тис.4 місяці тому
This text portrait effect is known as a Calligram. It's where a passage of text bends and warps around the contours of the subject's face. This effect is particularly powerful when used to present famous speeches by depicting the orator through their words. The process uses just a small selection of Photoshop's tools, with the Displace filter and a clipping mask being the key ingredients to mak...
Add Textures in Photoshop with the Hidden “KNOCKOUT” Method
Переглядів 7 тис.5 місяців тому
There are several ways to add texturing to your logo artwork in Photoshop, you could apply textures using brushes, add a texture image to a layer mask, apply a texture with a clipping mask, or even using a pattern overlay. All methods have their benefits, but my favourite technique is what I call the ‘knockout’ method. Using this technique to apply textures to your logos means you can easily la...
The BEST Spoon Graphics Tutorials from 2023
Переглядів 3,4 тис.6 місяців тому
2023 is coming to an end, so let’s take a look back at my tutorial videos from the past year and see which topics proved to be the most popular. 📺 WATCH THIS NEXT: My Top 10 Most Popular Tutorials from 2022 - ua-cam.com/video/Z27BPnWSO2M/v-deo.html 📦 Join my mailing list and get a FREE design resources bundle! - spoon.graphics/freebundle 🙏 I don’t have a Patreon, but if you want to support my w...
How I Use Photoshop’s AI Generative Fill to Change Photo Backgrounds
Переглядів 26 тис.6 місяців тому
The new AI powered Generative Fill has quickly become my most used tool in Adobe Photoshop to quickly change the background of my photos. 📺 WATCH THIS NEXT: Photoshop AI Generative Fill - How To Get & Example Uses - ua-cam.com/video/beWcqx1Akt0/v-deo.html 📦 Join my mailing list and get a FREE design resources bundle! - spoon.graphics/freebundle 🙏 I don’t have a Patreon, but if you want to suppo...
Illustrator Typography: How to Create Custom Script Type
Переглядів 53 тис.9 місяців тому
Usually custom typography pieces would be drawn by hand, but today I'll share the secret of how you can still create trendy lettering by customising ready-made fonts in Adobe Illustrator. ► Get up to 30% off the Fountain Typeface - spoon.graphics/fountain 📺 WATCH THIS NEXT: How To Create Custom Type Designs in Adobe Illustrator - ua-cam.com/video/Rt15_OclsyI/v-deo.html 📦 Join my mailing list an...
The GRADIENT BLUR Trick for Creating GLOWING Text Effects in Photoshop
Переглядів 37 тис.11 місяців тому
This Photoshop glow effect has a cool retro vibe with its colourful gradient halos and blurry outlines, especially when combined with grainy textures to enhance the low-fi look. In this tutorial, I'll show you how to make it in Photoshop and provide links to the free assets you need from my Spoon Graphics website. 📺 WATCH THIS NEXT: Melting Liquid RGB Text Effect Photoshop Tutorial - ua-cam.com...
Photoshop AI Generative Fill - How To Get & Example Uses
Переглядів 294 тис.Рік тому
Photoshop AI Generative Fill - How To Get & Example Uses
Grainy Photocopy Effect Photoshop Tutorial
Переглядів 14 тис.Рік тому
Grainy Photocopy Effect Photoshop Tutorial
Double Exposure in Midjourney, Is It Better Than Photoshop?
Переглядів 14 тис.Рік тому
Double Exposure in Midjourney, Is It Better Than Photoshop?
Kittl’s NEW AI Tool Shows How AI Can Be Used in Real Creative Projects
Переглядів 6 тис.Рік тому
Kittl’s NEW AI Tool Shows How AI Can Be Used in Real Creative Projects
Fun Midjourney AI Prompt Ideas for Car Lovers!
Переглядів 30 тис.Рік тому
Fun Midjourney AI Prompt Ideas for Car Lovers!
Midjourney AI Brings My Son’s TOY to LIFE!
Переглядів 9 тис.Рік тому
Midjourney AI Brings My Son’s TOY to LIFE!
Grainy Gradient Heatmap Photoshop Tutorial
Переглядів 59 тис.Рік тому
Grainy Gradient Heatmap Photoshop Tutorial
Midjourney Beginners Tutorial - Getting Started & Creating Your First AI Art
Переглядів 650 тис.Рік тому
Midjourney Beginners Tutorial - Getting Started & Creating Your First AI Art
How To Create Detailed VINTAGE Text Effects The EASY Way!
Переглядів 27 тис.Рік тому
How To Create Detailed VINTAGE Text Effects The EASY Way!
My Top 10 Most Popular Tutorials from 2022
Переглядів 4,8 тис.Рік тому
My Top 10 Most Popular Tutorials from 2022
How to Make Y2K LOGOS the EASY Way!
Переглядів 29 тис.Рік тому
How to Make Y2K LOGOS the EASY Way!
Turn Photos into a Cartoon Effect Photoshop Tutorial
Переглядів 38 тис.Рік тому
Turn Photos into a Cartoon Effect Photoshop Tutorial
RAINBOW Text Effect Illustrator Tutorial
Переглядів 19 тис.Рік тому
RAINBOW Text Effect Illustrator Tutorial
How to Edit Digital Photos to Look Like FILM
Переглядів 9 тис.Рік тому
How to Edit Digital Photos to Look Like FILM
Neon Sign Effect Photoshop Tutorial
Переглядів 90 тис.Рік тому
Neon Sign Effect Photoshop Tutorial
Photoshop Abstract Art: Mind Bending Polyscapes
Переглядів 12 тис.Рік тому
Photoshop Abstract Art: Mind Bending Polyscapes
Photoshop Gold Text Effect Tutorial
Переглядів 53 тис.Рік тому
Photoshop Gold Text Effect Tutorial
How to Create an Animal Fur Text Effect in Photoshop
Переглядів 37 тис.Рік тому
How to Create an Animal Fur Text Effect in Photoshop

КОМЕНТАРІ

  • @99for1ministries
    @99for1ministries 8 годин тому

    I clicked on the link but I was met with a "Unsafe Website Detected by Total Defense" screen??

  • @user-yq7yh3me8x
    @user-yq7yh3me8x День тому

    I can no longer find the photocopy filter in Photoshop anymore. Anybody know where it's gone?

  • @jibongraphicstudio
    @jibongraphicstudio 2 дні тому

    Nice video❤❤

  • @Bondarenco
    @Bondarenco 4 дні тому

    why my "Oil paint" is inactive ??? how to fix it?

  • @MikePulcinellaVideo
    @MikePulcinellaVideo 4 дні тому

    Thanks for this

  • @peternanden5776
    @peternanden5776 4 дні тому

    Too much gold knowledge ;))

  • @JuneStarling
    @JuneStarling 5 днів тому

    Great content as always! The feature set demonstrated here reminds me a bit of CGDream's offerings.

  • @7xenonian7
    @7xenonian7 5 днів тому

    Thanks, came in clutch for my class project :)

  • @ms7833
    @ms7833 6 днів тому

    You are very good at clicking everywhere brah!

  • @Jichhabraji
    @Jichhabraji 7 днів тому

    Is this tool free?

  • @JWMCMLXXX
    @JWMCMLXXX 7 днів тому

    Photoshop has AI but it cant make these shadows lol

  • @maikolverasson1735
    @maikolverasson1735 8 днів тому

    Okay that was amazing

  • @timothyj67
    @timothyj67 8 днів тому

    Im using Illustrator 28.?? and when I remove shading in the bevel and extrude it just makes a square around the text ..doesnt define the edges at all. Which version of Illustrator are you using?

  • @NwkPhotography
    @NwkPhotography 9 днів тому

    They scrape photos from social media accounts to feed the AI

  • @LukeWarm-sw3gc
    @LukeWarm-sw3gc 9 днів тому

    Phenomenal video

  • @donyjoseph47
    @donyjoseph47 9 днів тому

    very beautiful

  • @HorribleHomeVideo
    @HorribleHomeVideo 9 днів тому

    convulted tutorial, very bloated. next time trim it by half and get the same steps across, you made it harder than it is

  • @katt0906
    @katt0906 10 днів тому

    Amazing! Best by far. 100%

  • @TheCasius01
    @TheCasius01 11 днів тому

    Useless

  • @vincent-ck1rz
    @vincent-ck1rz 11 днів тому

    merci

  • @cyberwitchqueen
    @cyberwitchqueen 12 днів тому

    dude is such a hurry to finish the tutorial, he raced through some parts of the tutorial. HE DIDN'T EVEN BOTHER TO SLOW TF DOWN!!. I thought i was the only to notice this, but nope!

    • @cyberwitchqueen
      @cyberwitchqueen 12 днів тому

      plus his british accent is making it even more funnier. i couldnt stop laughing at it. (no hate on that but it reminded me of the GOT prequel cast saying 'stouhnin' for stunning 😂😂)

  • @MrCedricus
    @MrCedricus 12 днів тому

    ctrl + T on the triangle path only allow me to turn the path. not the white line it made

  • @keeperoflenneth
    @keeperoflenneth 12 днів тому

    11/10 this was a great tutorial.

  • @siyuezhang6756
    @siyuezhang6756 12 днів тому

    is there anyone know why my image became like "negative film" affect? I just followed the every step

  • @brent7670
    @brent7670 13 днів тому

    Dude. Slow the frik down.

  • @KTMGUY95
    @KTMGUY95 13 днів тому

    GO FASTER...FASTER!!!!!!

  • @midpackart
    @midpackart 13 днів тому

    Another awesome explosion of knowledge, nice one mate.. very useful for a new design I'm working on 🤘🏼

  • @lenkavomocil
    @lenkavomocil 14 днів тому

    Thank you this was great. Most people dont explain what they do. You take us through each step without too much talking. Just straight to the point. I am following you now. Thank you

  • @WorkwithOwi
    @WorkwithOwi 15 днів тому

    Wow Cool nice

  • @estherfagbemi4781
    @estherfagbemi4781 17 днів тому

    What a great video😊

  • @hollyherman9810
    @hollyherman9810 17 днів тому

    this tutorial is great!

  • @mikes8155
    @mikes8155 17 днів тому

    great tutorial. just a shame that all my masking tools are different slightly. I'm assuming the difference between windows and mac.

  • @fabulousflashbacks3139
    @fabulousflashbacks3139 18 днів тому

    what resolution are you using please?

  • @shakermaker6869
    @shakermaker6869 18 днів тому

    Thanks for sharing - this is great!!! ✌

  • @mylanph.5918
    @mylanph.5918 18 днів тому

    This was so helpful and clear! Thank you so so much!!!!

  • @riannaysabelcruz2787
    @riannaysabelcruz2787 19 днів тому

    Where do I find the download button

  • @meganhodgson2391
    @meganhodgson2391 19 днів тому

    Can I use this way to do a silver effect?

  • @BouncingDande
    @BouncingDande 20 днів тому

    brilliant sir. works with Affinity Photo as well <3

  • @Damnnickshotthat
    @Damnnickshotthat 21 день тому

    Thank For Your Help!

  • @VinoUdaBestOne
    @VinoUdaBestOne 22 дні тому

    Make sure caps lock isn't on and be sure to use the classic version of extrude and bevel

  • @RedWhiteNBlade
    @RedWhiteNBlade 22 дні тому

    Discord is gay. I wanna sequester my AI creations

  • @kimmossige263
    @kimmossige263 23 дні тому

    @2:55 what?

  • @coolvibesreloaded7946
    @coolvibesreloaded7946 23 дні тому

    really really enjoyed this tutorial

  • @--Avi--
    @--Avi-- 23 дні тому

    I'm really not sure how you add a stoke path? Every time I create a new layer and right-click, it just comes up with 'Isolate layer.' I also don't understand how creating a new layer would allow me to edit the layer with the circle I just created. If anyone is able to help, I'd truly appreciate it!

  • @MrBrettStar
    @MrBrettStar 24 дні тому

    Awesome tutorial! Do you have a guide on how to make it seamless but natural?

  • @andythooid
    @andythooid 24 дні тому

    i managed to spend 5 hours following a 13 minutes tutorial

  • @SenseiKreese
    @SenseiKreese 25 днів тому

    Great tutorial, I'd only say go just a little bit slower in parts.

  • @gwsheehan
    @gwsheehan 26 днів тому

    I've followed your steps exactly and I just get the same generated picture which is a large blue square whether I set the brightness to 0%,25%, or to 100%. I am using your picture which I download (1929 x 1280-72 DPI) and I have the latest version of Photoshop 2023 Beta. I just can't get it to work 1. Upload picture ( I used yours) 2. Select all 3. Turn on quick mask 4. Select the color picker 5. Set brightness to 25% then OK 6. Press Alt-Backspace to fill the mask 7. Ignore error msg for lack of pixels 8. Type in "watercolor painting" and hit generate 9. Result is the large blue square 10. I get the same result regardless of what level of brightness I set What am I doing wrong?

  • @floridastateuniversityperc5193
    @floridastateuniversityperc5193 27 днів тому

    Hey there! I have tried so many times since updating PS to do this, and every time I get to the stamping part it doesn't work--I have followed the instructions to the letter and have no idea why its not working?

  • @endorfiene7457
    @endorfiene7457 27 днів тому

    control F is search for me lmao