Best of the web for Design and Web Development August 2020

• August 31st, 2020
• News

This is our August edition of the best web where we roundup all the best design tutorials from Photoshop to Illustrator. There’s a broad range of tutorials from how to create a tattoo illustration to how to draw a coconut cocktail in illustrator. The second half post features web articles on CSS tips for making faster pages to what’s new in the latest version of wordpress. This a great roundup with some great tutorials and articles worth bookmarking and reading through.

Photoshop

How to Make a Sports Edit Effect in Photoshop

In this tutorial, you’ll learn how to make sports edits in Photoshop. I will explain everything in so much detail that everyone can follow it, even those who have just opened Photoshop for the first time.

Video Tutorial: Stipple Shading Tattoo Illustration in Photoshop

Follow along with today’s Photoshop video tutorial to create a bold and vibrant illustration of a snake. We’ll start with a loose, initial sketch, then I’ll show you some helpful brush settings for accurately outlining your illustration. The artwork is brought to life when colour is added, then it really starts to take shape when you apply the stipple shading. A bit of polish with some Photoshop layer styles adds some finishing touches, then an old paper texture helps achieve that old-school tattoo flash look.

Draw a Summer Coconut Cocktail in Adobe Illustrator

In this tutorial we’ll be creating a summer composition with tropical coconut cocktail in a trendy outlined flat style! Let’s learn how to work with the most useful tools of Adobe Illustrator to be able to modify basic geometric shapes and create vibrant illustrations for web-design, t-shirt prints, apparel design and many more! Are you ready? Let’s start!s

Create Your Own Folded Prize Tag Vectors!

Announce a contest or shop giveaway’s results in style with these folded, dimensional prize tag vectors. In this tag vectors tutorial you’ll skew objects with the Shear Tool, create custom brushes, use radial gradients in the place of drop shadows, and alter an object’s Blending Mode to render objects and strokes within the image.

Create Surreal Motorbike Racing Scene in Photoshop

In this tutorial I’ll show you how to create dynamic racing photo manipulation in abstract world. If you are interested in not only repeat this photo manipulation, but also learn how to create such an abstract rendering then you should read my tutorial “Create colorful abstract glossy render in Cinema 4D” on this site.

Web and Design articles

WordPress 5.5 “Eckstine”

Here it is! Named “Eckstine” in honor of Billy Eckstine, this latest and greatest version of WordPress is available for download or update in your dashboard.

Changing World, Changing Mozilla

This is a time of change for the internet and for Mozilla. From combatting a lethal virus and battling systemic racism to protecting individual privacy — one thing is clear: an open and accessible internet is essential to the fight.

Optimizing CSS for faster page loads

Not long ago I decided to improve the loading times of my website. It already loads pretty fast, but I knew there was still room for improvement and one of them was CSS loading. I will walk you through the process and show you how you can improve your load times as well.

Digging Into the Flex Property

In this article, It will go through the shorthand and the longhand properties in detail, and explain when and why to use them with practical and visual examples.

How to Do a Content Audit of Your Website – A Step-by-Step Guide

Let’s look at a hypothetical: you’ve had a website for a while and though it used to perform decently, it’s suddenly not yielding the traffic you’ve come to expect. Your first instinct might be to panic, but that’s not a productive response. Jumping into targeted action and doing a website content audit is a better option.

Gradient angles in CSS, Figma & Sketch

Do you know the feeling when a subject never lets you go? In the last years, I have worked with different graphics programs and have written many lines of CSS. Even though it is now easy to copy CSS code for gradients directly from e.g. Figma, I always had the feeling that gradients in graphics programs behave somewhat differently than gradients created with CSS. Especially the angle of a gradient sometimes seemed more like a random product to me. In the end, copying the CSS code often leads to subtle, but intolerable differences in the design.