Best of the web for Design and Web Development August 2017

• August 28th, 2017
• News

Its our favourite time of month where by we round up the very best Photoshop and Illustrator tutorials published from through out online community in August. We have also included some great web development articles on making most of your development road map, some some great articles on getting some really insightful tips on google analytics.

I hope you enjoy the roundup. I would love to hear your thoughts in the comments section below.

Illustrator

Create a Fancy Cartoon Building in Adobe Illustrator

Learn how to make a cartoon-style building, using basic geometric shapes and various tools and functions of Adobe Illustrator, making our illustration look playful and fancy

How to Create a Retro Chrome Text Effect in Adobe Illustrator

In the following steps you will learn how to create a retro chrome text effect in Adobe Illustrator.

How to Draw a Flat Designer Character in Adobe Illustrator

In this tutorial we’ll be creating a designer character at work, sitting at his desk and drawing on a tablet. In order to maintain a trendy flat style, we’ll be using a lot of basic geometric shapes, combining and transforming them with the help of Warp Effects, Pathfinder panel, Shape Builder Tool and other useful instruments that actually help us to create an illustration without using the graphic tablet and don’t require any outstanding drawing skills.

How To Create a Chrome Text Effect in Adobe Illustrator

Chrome text effects might now be seen as gaudy and tasteless, but they once formed an extremely popular art style in the 80s and 90s. Those retro styles have made a comeback over recent years, so it’s useful to know how to produce shiny and metallic effects in your digital design software. I’ve previously shown how to produce an 80s style chrome text effect in Photoshop, follow today’s tutorial to create a similar retro style metallic text effect in Adobe Illustrator.

Photoshop

How to Create a 90s Graphical Photo Effect in Adobe Photoshop

The nineties were packed with incredible, bold colors and abstract shapes! And you can create an awesome nineties-inspired photo effect using custom shapes and more in Adobe Photoshop.

How to Create a 3D Chanel-Inspired Event Sign Text Effect in Adobe Photoshop

Special events have all sorts of fancy decor elements everywhere, one of which is always a big, bright welcome sign. This tutorial will show you how to use Photoshop’s 3D tools and settings, with a couple of textures and images, as well as adjustment layers and filters, to create a bright Chanel-inspired event sign.

Video Tutorial: VHS Style Glitch Effect in Adobe Photoshop

In today’s Adobe Photoshop video tutorial you’re going to apply a range of adjustments to a photograph to create a distorted glitch effect that mimics the kind of warping you see on old VHS tapes played on VCRs and analogue TVs. We’ll cover a range of tools and techniques that will help us destructively edit the original image and replicate bad tracking, TV scan lines and colour fringing, which are all aesthetics associated with old video footage.

Create a deep-sea feel using Photoshop blending modes

Alongside techniques for Photoshop, Jono also reveals how he has trained himself to notice useful areas in photos that may otherwise not have grabbed the attention – and how to use these to add dynamism to an artwork.

Web an design articles

Make the most of your roadmap

This post is based on GOV  how they are using roadmaps in government.

Tracking Internal Marketing Campaigns With Google Analytics

Many websites use internal advertising in the form of banners or personalized product recommendations to bring additional products and services to the attention of visitors and to increase conversions and leads.

10 hidden gems of Google Analytics

I was once told by a client that they wanted to know how to “track everything” with Google Analytics. They were very excited about adding event tracking to every possible click and interaction with the website. While that is possible, it’s good to take a look at what data is available without having to add extra code to your website or another tag within Google Tag Manager (or tag management system of choice).

10 mistakes in landing page design

Your landing page design is your project’s highlight. It can give the user more information than any other words on the page.

How to do a basic accessibility audit

So you’ve been learning a lot about accessibility lately, but now you want to check your site yourself and see where you need to improve. How do you go about doing that? It’s time for an accessibility audit! In this tutorial, I’ll show you the ropes on a basic accessibility audit that will get you on the road to having a more accessible site.

8 Tips on How to Reduce DNS Lookups and Speed Them Up

There are a lot of different optimizations you can make when it comes to WordPress, and some are more important than others. A factor that is often overlooked is the lookup times associated with DNS, and just how much of an impact it has on your site. Just like with TTFB and network latency, it’s an important piece of the puzzle when it comes to calculating your total page load times. So today we’ll dive into a few recommendations on how to reduce DNS lookups and speed them up, why you should, and how it plays a part in the performance of your WordPress site.