Best of the web for Design and Web Development November 2020

• November 30th, 2020
• News

Its that time of month where we look back at some of highlights for design tutorials and web/design articles published in the month of November. There round includes a range of tutorials from how to use photoshop to create a 3D text effect to using illustrator for learning how to create a postage stamp illustration. There’s also some great articles to read through such as branding 101 to what web designers can do with unused designs.

A great web roundup we hope enjoy reading through.

Design

Design a Big Ben Postage Stamp in Adobe Illustrator

Have you ever been to London? In this tutorial we are going to create a lovely stylised postage stamp with one of the most prominent symbols of the UK, the clock tower known as Big Ben. We’ll be using basic geometric shapes to create a recognizable silhouette with flat-style simplified details.

How to Create 3D Text Effects in Photoshop with the “Transform Again” Technique

The “Transform Again” command in Photoshop that repeats the previous adjustment with every press of the shortcut has many uses, but one of my favourites is to create faux 3D text effects. By layering up several copies of a text element with a basic Bevel and Emboss layer style, you can simulate a simple three-dimensional appearance complete with shading effects. Apply some additional layer styles and you can soon transform a basic piece of text into colourful artwork that leaps from the screen.

The Classics: Gingham Pattern Vector

In the following tutorial you will learn how to create your own gingham pattern vector in Adobe Illustrator, and you’ll get some tips for using it. For starters you will learn how to set up a simple grid for your gingham pattern vector. Using this gingham pattern, a single rectangle and taking full advantage of the Appearance panel you will learn how to create a menu cover that you could edit and take in any direction.

Video Tutorial: Easily Create Retro Landscapes with an 80s Aesthetic

How to create your own retro landscape scenes with the help of a huge 80s inspired toolbox named NeonWave. Sci-fi landscape scenes featuring Tron-style grids, mountain scenes, and a vibrant sunrise is a popular aesthetic that is associated with art and design from the 80s. The artwork I will be creating in this tutorial has been made using just a handful of items from NeonWave. I’ll show you how to compose the elements, produce complementary elements from scratch, and apply the all-important lighting effects directly in Photoshop.

How to Create a Sparkle Overlay Effect in Photoshop

Do you know how to create particle effects in Photoshop? You can use this technique for many magical photo effects, in many different ways. In this tutorial, I’ll show you how to create a sparkle overlay effect—a special texture that you can use to add a sparkle effect to any photo!

How to Make an 80s Book Cover Template in Photoshop

In this book cover template Photoshop tutorial, we’ll create an 80s book cover design. You can use this book cover design template to explore a whole host of book cover ideas—whether you love a retro vibe or another aesthetic is your jam. 

Create “Rage Planet” Photo Manipulation in Photoshop

In this tutorial, you will learn how to create “Rage Planet” photo manipulation in Photoshop. This tutorial is suitable for intermediate skill Photoshop users.

Web and Design articles

Branding 101: Creating the Visual Identity for Your Business

There are so many things to think about when first starting a business. What will your business offer? How will this differ from existing solutions? Who will benefit most from your offering? And why are you so passionate about this?

What Is the Average Web Designer’s Salary in 2020? Deep Dive into the Data

Web design offers passionate creators a modern, unique way to express their creativity and skills in visual design. It’s an exciting career, especially at this time of growth for the field of web design and development.

What Can Web Designers Do With Their Unused Designs?

Do you have a hard time throwing away mockups, logos and other content you’ve created for clients? The good news is that you don’t have to see rejected or unused designs as a sign of failure or waste. You can actually repurpose them and give them new life on other projects, for other customers, and even within your own business. I’ll explain four ways to do this in this post.

What’s the difference between Event Handlers & addEventListener in JS?

The difference is subtle but essential to know.

Tailwind CSS v2.0

Almost exactly 18 months ago we released Tailwind CSS v1.0, which signalled a commitment to stability while continuing to push the boundaries with exciting new features in every minor release.