Best of the web for Design and Web Development August 2018
- August 30th, 2018
This is one of our favourite blog posts we look forward to compiling each month. If your reading the monthly roundup for the very first time. This is a news post, which consist of fresh new photoshop and illustrator tutorials, as well the latest web and design articles published throughout the month.
The August edition contains some great design tutorials from how to design a retro text effect to producing a windmill illustration. The roundup includes also some web articles on CSS for creating the perfect system as well as help switching from HEX to RGB.
I hope you enjoy the post please do share and comment below.
This tutorial will show you how to use Photoshop’s layer styles, filters, and actions, with a couple of adjustment layers and texture overlays, to create a bright, colourful, retro, halftone text effect.
In this Photoshop tutorial, Tigz Rice shows you how to use the new Curvature Pen tool from Photoshop CC 2018 – and how to get the most from it.
Just like the Retrowave music genre, the aesthetics of the 1980s have inspired the popular art style that incorporates visual elements from 80s arcades, action movies, fashion and pop culture. Wireframe computer graphics, reflective chrome text, electric blues and hot pinks are just some of the themes associated with this nostalgic style. Follow along with this Adobe Photoshop tutorial to create your own retro artwork, featuring a surreal sci-fi scene with vivid colours.
In this tutorial you will learn how to create realistic hair and fur in Photoshop using some simple yet effective techniques. This can be used as animal hair or as human hair so it is a versatile effect. With the right color tones it can even be used as grass.
Cursive type, whether a script font or hand-lettered, often features elegant swashes and overlapping strokes. One way artists emphasise the curvature of their type is to apply shading, which adds an illusion of depth to the lettering piece. In today’s tutorial I’ll show you how to produce a shaded type effect in Adobe Illustrator. We’ll use a script font as the basis of our typography, then apply a series of gradients to give the impression that the letter strokes interweave and overlap.
In this tutorial you will learn how to create delicious gingerbread cookies in Adobe Illustrator.
In this tutorial, we’ll create a simple windmill vector in a trendy, flat style—all in just 10 steps! Learn about basic geometric shapes, strokes, the Free Transform Tool (E), and handy shortcuts in Adobe Illustrator.
You’ll learn how to create a complex gold text effect which includes a reflection, dropping shadows, and highlights. These all can be created with the help of the most powerful tool available in Adobe Illustrator–the Appearance panel.
Web and Design articles
A high level guide for designers and developers who write CSS, but want to be more strategic about building moderate to large scale CSS systems
A couple of weeks ago I tweeted about a feature that I didn’t know existed in VS Code: the visual color editor that pops up when you hover over color values in a style sheet.
Do you test your forms on real users and real devices? If not, you should. Let’s take a look at some of the techniques that can help you take your forms to the next level and help users fill them in.
CSS Optimization Tools for Boosting PWA Performance
When styling websites or PWAs with CSS, you should analyze how CSS resources will affect performance. In this tutorial, we’ll use various tools and related techniques to help build a better PWA by focusing on CSS optimization. Specifically, we’ll remove the unused CSS, inline the critical path CSS, and minify the resulting code.