Best of the web for Design and Web Development February 2021

• March 1st, 2021
• News

This is our monthly roundup where round up the best design tutorials, and web/ design articles published throughout month of February. Its a great way to keep your skills current and up to date. The post includes some great illustrator and photoshop tutorial for creating badges to Hand drawn pencil photo effects. There’s also some great web articles included in the round up from must watch YouTube channels for web designers to how to deal with designer in 10 easy steps.,

This a great post. We hope you enjoy each resources featured in the roundup, and we look forward to compiling the next edition at the end of the month.

Illustrator

Design a Flat Teacup Logotype in Adobe Illustrator

Follow this tutorial to create a trendy flat teacup logotype in Adobe Illustrator! We’ll be using and modifying basic geometric shapes, working with Align panel, Pathfinder functions and learning simple yet very useful tips and tricks. 

Retro Badge Logo Design Illustrator Tutorial

In the Adobe Illustrator video tutorial I’m going to show you how to create an outdoors themed badge design, featuring a simple mountains graphic and colourful sunset effect using a retro colour scheme.

Create a Stylized Ocean Design in Adobe Illustrator

In this tutorial we’ll be making a nautical scene with underwater elements. We’ll be using basic geometric shapes as well as creating our own brushes and doing some freehand drawing to create a unique ocean design. 

How to Create a Mountain Rescue Unit Badge in Adobe Illustrator

In the following steps, you’ll learn how to create a mountain rescue unit vector badge in Adobe Illustrator. For starters, you’ll learn how to set up a simple grid and how to create the main badge shape. Using basic vector shape-building techniques and some warp effects, you’ll learn how to create the rest of the shapes.

Photoshop

How to Create a Sketch Effect Action in Adobe Photoshop

In this tutorial, I’m going to teach you how to create a Photoshop sketch effect. You will learn how to turn your photos into amazing, advanced sketches. I will try to explain everything in so much detail that everyone can create it, even those who have just opened Photoshop for the first time.

How to Create Beautiful Alien Landscape in Photoshop

In this tutorial, you will learn the process of making a beautiful alien landscape in Photoshop (inspired by the movie “Avatar”). We will apply several interesting object blending techniques to combine the stock images, in order to form the final effect.

Video Tutorial: How to Make It Rain in Photoshop

In today’s video tutorial we’re going to use the power of Photoshop to change the weather by making it rain within a photograph. We’ll incorporate various tools and filters to not only create a downpour of raindrops, but also make adjustments to the image to give the appearance of a wet surface with reflections of the surrounding environment. This effect works best with street images set at night because the darker backdrop helps make the raindrops visible, and the hard asphalt roads and pavements can be adjusted to create realistic puddles.

How to Create a Photoshop Peeling Sticker Text Effect

This quick tip tutorial will teach you how to create a sticker peeling effect mockup, using simple steps to transform text into a realistic sticker effect using Adobe Photoshop. The effects used to achieve this Photoshop sticker are Smart Objects, Transform, Layer Styles, and Blending Options.

Web and design articles

Getting The Most Out Of Git

In this article, Tobias explores some of the less known but very useful features in Git. You’ll learn how to recover deleted commits, clean up your commit history, use submodules to manage third-party code and compose commits with precision — along with a friendly Git cheat sheet.

Improving Your Team’s Communication In The Age Of Remote Work

Remote work is taking over the world, and the biggest obstacle remote teams face is emulating the natural communication that happens at the office. In this article, Obed Parlapiano shares his advice and tips on how to improve your team’s communication and productivity by creating habits and processes focused on improving collaboration.

Ruby on Rails Creator Takes on JavaScript Frameworks with Hotwire

Hansson, who has been at the forefront of web development for the past 15 years, talked about the state of JavaScript frameworks today, frontend development trends he’s tracking, and a new framework he helped create, called Hotwire.

How to deal with designers in 10 easy steps

Did you just hire a couple of designers, thinking they would sit quietly and create some visuals? I have bad news for you. They are already thinking about changing things, while blabbing about people, ethics, experiences, and a guy named Norman. Soon enough, they will audit your product, basically saying it sucks in 10 different ways.

Streams—The definitive guide

The Streams API allows you to programmatically access streams of data received over the network or created by whatever means locally and process them with JavaScript. Streaming involves breaking down a resource that you want to receive, send, or transform into small chunks, and then processing these chunks bit by bit. While streaming is something browsers do anyway when receiving assets like HTML or videos to be shown on webpages, this capability has never been available to JavaScript before fetch with streams was introduced in 2015.

10 Must-watch YouTube channels for web designers

YouTube isn’t just for videos of cats snowboarding; it’s also a treasure trove of design tips, freebies, how-tos, career advice, and all-around creative inspiration.