Best of the web for Design and Web Development July 2020

• July 29th, 2020
• News

July is another month, which has flown by where we are slowly getting back to normality. There has been some great Photoshop and Illustrator tutorials published through out the month of July from how to create a retro radio illustration to how to create a logo using Photoshop. There’s some great web articles for front end developer a stand article on tips for optimising your Javascript code, as well as great read on the rise and fall of Flash. There’s some great articles and tutorials included in this months round we really hope you’ll enjoy reading through.

Design tutorials

Draw a Realistic Retro Radio using Photoshop and Illustrator from Scratch

In this tutorial, we will draw a retro radio from scratch in Photoshop and Illustrator. We will start by drawing its wireframe in Illustrator and then export the path to Photoshop where we will continue to polish it. This is extra long tutorial with a total of 131 steps! If you think you’re up to the challenge, dig in now!

How to Create a Fantasy Map of Your Own Fictional World

Follow along with today’s Photoshop tutorial to create your own fantasy world, just like the fictional story settings of Neverland, Middle-Earth or Westeros. We’ll use Photoshop’s built-in tools to establish the landmass and sea, then construct hills, mountains and deserts with some simple filter combinations, before finishing off the artwork with a vintage paper texture and place names to simulate an old world map.

How to Design a Logo with Adobe Photoshop

Bright colors, curved lines, and a well-chosen font can let your customers know you’ve got a fun product. Combine these elements to create a playful logo in Adobe Photoshop.

Create A Water Texture Vector!

It is starting to warm up oustide, so it is only fitting we create a wading water texture vector, like in a pool. It is a relatively quick and easy technique using Illustrator’s Effects, Simplify, Offset Path and some bright colors.

How To Create Seamless Turing Patterns

A clever 3-step process in Photoshop can be used to create the effect, then I’ll explain how you can convert the patterns into seamlessly repeating patterns for use in Photoshop and Illustrator.

How to Create a Palette Knife Photoshop Action

Create a palette knife Photoshop action to transform any photo into a palette knife painting. I will explain everything in so much detail that everyone can follow it, even those who have just opened Photoshop for the first time.

Create “Black Widow” Movie Inspired Text Effect in Photoshop

In this tutorial, you will learn to create this awesome text effect inspired by Marvel movie: “Black Widow” in Photoshop.

 

Web and Design articles

How to Switch Logo in Dark Mode

I designed my website with two versions of the logo – one for light mode and another for dark mode. In this article, I’ll share how I switched the color of the logo in light/dark mode.     

How To Create A GitHub Profile README

GitHub recently released a feature that allows users to create a profile-level README to display prominently on their GitHub profile. This article walksthrough how to access this new feature. I’ll also be sharing some fun GitHub profiles I’ve seen so far. I’d love it if you shared yours with me on Twitter @waterproofheart.

The rise and fall of Adobe Flash

Before Flash Player sunsets this December, we talk its legacy with those who built it.

It’s Good To Talk: Thoughts And Feelings On Creative Wellness

With so much pressure to be our best selves and use every waking moment to develop skills, it’s easy to lose track of our own wellbeing. Self-improvement and commitment to your craft are great — but only if you find the right balance.