Best of the web for Design and Web Development February 2020

February 28th, 2020
News

The second month of the year has concluded, which we are rounding up in our usual fashion by look back at month of February by round up the very Photoshop and Illustrator tutorials from how to create a distressed halftone effect using Photoshop to create a leather texture using illustrator. A great selection of design tutorials. We have included a web and design section, which also includes great articles from a complete guide to buttons and links to everything you need to know about CSS gradient. This is a great web round up, which we hope you enjoy.

Premium design assets for
your next project

Acess to a huge libary of design resources from Photoshop brushes to vector resources.

Join today

Turn Drab Text Into an Amazing Design Using This Simple USB Vector Text Effect

In the following tutorial, you will learn how to create a wire pattern brush and how to use it to create a nice USB vector text effect in Adobe Illustrator. For starters, you will learn how to set up a simple grid and how to create a bunch of pixel perfect shapes using basic tools and effects. Using basic blending and vector shape building techniques along with some simple Transform effects, you will learn how to create the usb connector. Finally, you will learn how to turn all these shapes into a simple pattern brush and how to create the USB vector text effect.

Yum! Draw Delicious Breakfast Icons in Adobe Illustrator

We’ll be using the most handy tools of Adobe Illustrator while working with simple geometric shapes and doing a bit of a freehand drawing with the Pencil Tool. You don’t even need a drawing tablet for this one.

How to Create a Vintage Brush to Add Texture in Illustrator

Are you always interested in creating new Adobe Illustrator brushes that you can use in your designs to give them a special twist?

Create Your Own Realistic Leather Texture!

In today’s tutorial we’ll learn how to create a seamless leather texture by using the Pencil Tool and Pattern Editing mode. Leather textures and patterns are often used in design, and that’s why creating your own leather texture will be super useful for you in future. I also want to let you know that the technique used in this tutorial would be perfect for creating other types of textures as well.

Photoshop

Video Tutorial: Distressed Halftone & Engraved Photo Effect

In today’s Photoshop video tutorial I’m going to show you a combination of filters that produce distressed halftone effects, which gives an image a high-contrast, newsprint-style appearance. The main effect is made of halftone dots, but I’ll also show you some additional tweaks you can apply to produce other pattern effects too, like the kind of engraved illustration style you find on bank notes.

Create Colourful Fiery Portrait in Photoshop

In this tutorial, I will show you the steps I took to create this awesome fiery portrait in Photoshop.This is a beginner-intermediate level tutorial aiming to give some practices on layer blending, selection and coloring techniques in Photoshop.

Create 3D Text Surrounded by Flame in Photoshop

In this tutorial, It will show you the steps I took to create 3D text surrounded by flame in Photoshop. We will render a 3D text in Photoshop and combine flame and crack textures with our text. We will use a number of Photoshop techniques such as image adjustments, layer blending modes, various tools and filters.

Photoshop tutorial: How to draw eyes

This tutorial is a step-by-step guide on how to digitally draw an eye, as taken from new book Make Great Art on Your iPad by the British, Texas-based artist Alison Jardine.

Web and design articles

The Complete Guide to WordPress Widgets: How to Use, Add, and Implement Them to Customize Your Site

WordPress widgets are incredibly useful. They let you add all kinds of extra content to your website outside the body of the post or page itself, encouraging users to get information, follow links, or take action.

How to Get Your Web Developer on Board with SEO

You’ve figured out what’s wrong, and you’ve delivered a laundry list of demands to your web dev team: re-index these pages, fix this duplicate content, redirect these URLs… but how often are those fixes prioritized, and how much time do you invest in pushing to get them there?

While You Weren’t Looking, CSS Gradients Got Better

One thing that caught my eye on the list of features for Lea Verou’s conic-gradient() polyfill was the last item:

Exploring the New GitHub CLI

It allows us to do GitHub work directly from the command line. This is more than just push or pull and is not tied directly to the Git command line tools. It is also not the same as GitHub’s hub CLI tool.

Is My Site Hacked?

It’s a day every website owner fears. You open the website you’ve poured your time, energy, and money into, only to find your home page looking very different.