Access To 100's Of Premium Design Resources

Unlimited downloads
Share via:

Best of the web for Design and Web Development January 2021

  • February 1st, 2021
  • News

This is our first monthly roundup of the new year. This post where looking at fresh new photoshop and illustrator tutorials all created within 2021 from how to create a matrix photo effect to using illustrator to create a unique 3D text effect. The second half of the round up is design and web development articles, an essential front-end check list for developing a website to 16 micro CSS frameworks.

This is great jam packed round of tutorials and articles this post is a great way to keep update with online design and web development community all in one post.

Creative Nerds Premium

Photoshop tutorials

Video Tutorial: How to Create a Stained Glass Window Effect

Follow along with this tutorial to learn how to create a stylized illustration with the appearance of a stained glass window, where the artwork is segmented into several coloured shapes. I’ll first show you how to create the simplified illustration style by using Illustrator‘s shape tools to draw a rose graphic. This vector art alone is a nice, bright, flat illustration style, but I’ll then show you how you can transform your artwork into a realistic stained glass window with the help of a fantastic resource from The Artifex Forge.

Design an Interesting Cloud Text Effect in Photoshop

In this tutorial, I will show you the steps I took to Design an Interesting Cloud Text Effect in 3 Easy Steps in Photoshop. We will mainly use custom brushsets and utilise brush options to achieve this text effect. This is a beginner level tutorial, have a try :)

How to Make a Matrix Effect in Photoshop

In the tutorial, you will be looking at how to make a Matrix effect in Photoshop, inspired by the ever-inspiring and trans allegory Matrix franchise! We will be taking the classic Matrix effect to the next level by adding depth and light bokeh. You’ll also learn how to make a Matrix falling code effect using textures that do all of the heavy lifting. 

How to Create a Cyberpunk Photoshop Effect Action

In this tutorial, you’ll learn how to create a cyberpunk Photoshop effect action to add amazing vaporwave photo effects to your photos. I’ll explain everything in so much detail that everyone can create the effect, even those who have just opened Photoshop for the first time.

Illustrator tutorials

3D Style Retro Text Effect Tutorial

In this tutorial you’ll learn how to create dimensional text inspired by vintage packaging designs and logotypes. Pour a cup of coffee, sit back, and let’s create some text with the help of Illustrator effects, the Blend Tool, and textures fit for the branding of a coffee house.

How to Create a Colorful Retro-Style ‘Rainbow’ Text Effect in Adobe Illustrator

Follow along with today’s Adobe Illustrator tutorial to create a colourful text effect, which comprises of a stack of text elements that transition through the colour spectrum to produce a rainbow effect. This text style has somewhat of a retro vibe, with it being the kind of effect you might see on an old VHS tape box or brand identity for a 70-80s tech or media company. Illustrator’s Blend tool will form a core part of the procedure, but I will also share a useful tip that enables you to alter the wording of all the text instances at once.

How to Create Retro Polaroids on a Clothesline in Adobe Illustrator

In this tutorial, you will learn how to make Polaroids hanging on a clothesline using the Mesh Tool.

How to Create a pair of Ice Skates in Adobe Illustrator

Web and design news

Front-End Performance Checklist 2021

Let’s make 2021… fast! An annual front-end performance checklist (available as PDFApple PagesMS Word), with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016. Ah, you can also get useful front-end tips in our email newsletter.

How to Use Adminer to Manage Databases Easily with a Single PHP File

Managing MySQL databases is one of the fundamental requirements of being a professional WordPress developer. Adminer simplifies that task immensely.

Understanding Clip Path in CSS

When I first learned CSS  clip-path  back in the days, I took more time than I had expected, and I struggled to memorize it, too. I don’t know the exact reason, but maybe because I didn’t use it that much? Anyway, I will re-learn it with you.

21 Smart Google SEO Tips for 2021

Happy new year, readers! We’re back with a brand new season of Whiteboard Friday episodes for your viewing pleasure. 

An Early Look at Full Site Editing in WordPress

Here’s an existential question for web developers: How much separation should there be between a website’s content management system (CMS) and its design?

13 JavaScript One-Liners That’ll Make You Look Like a Pro

Check out these 13 JavaScript One-Liners That’ll Make You Look Like a Pro!

6 CSS micro frameworks compared

For developers looking for a small, flexible library to help us avoid designing a frontend project from scratch, there is a simple solution: CSS micro frameworks.

Post tags


Please leave a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Creative Nerds Premium

Access to a library of hundreds of design resources Photoshop brushes, textures, vectors, patterns and PSD files.

10 Smoke brushes
15 Light painting textures
15 Light painting textures
17 Authtic paint splatter brushes
17 paint splatters brushes
10 Fire flames brushes
10 Fire flames brushes

HELP SUPPORT US - Become a premium member

Regular updates

Regular updates

New content is continually added throughout each month, so frequently visit back to see new resources added.

1 year membership

1 year membership

Your membership lasts for 12 months, which cost less than a cup of coffee a month.

Unlimited access

Unlimited access

Download as many resources as you like throughout lifetime of your membership with over 100 resources.

Only $15.99 Per Year

Join today