Best of the Web And Design In October 2015

• October 29th, 2015
• News

Every month we come across a lot of interesting tutorials and articles across the web each month we put together this post to highlight must read content from all around the web. This month we have rounded up some superb illustrator tutorials for brushing up on your illustration skills, alongside some great web articles on how to kick start your creative career, and a look into some of the new features of the ever so popular framework Bootstrap 4.

Illustrator tutorials

Create a Detailed Glass of Milk and Cookies in Adobe Illustrator

A glass of cold, fresh milk and a crispy cookie with chocolate chip—many of us have loved this yummy snack since childhood! Let’s refresh these sweet memories and create a realistic glass of milk and a textured oatmeal cookie with chocolate chips, using Adobe Illustrator’s basic shapes, Distort and Transform effects, and gradients to achieve a glossy and three-dimensional look.

Spookify Your Halloween Designs with this Bat Pattern Vector!

In the following tutorial you will learn how to create a pretty detailed Bat Pattern Vector in Adobe Illustrator. For starters you will learn how to setup a simple grid and how to create the main shape using pixel perfect shapes, basic vector shape building techniques and the Live Corners feature. Moving on you will learn how to add subtle shading and highlights for your bat shape using basic blending techniques along with the brush tool. Finally, you will learn how to prepare, save and easily edit your pattern.

Create a comic portrait

You can turn any photo into a comic-style illustration using just a Wacom tablet and Adobe Illustrator.

Create a Double-Decker Bus Illustration in Adobe Illustrator

In the following steps you will learn how to create a detailed illustration of a double-decker bus in Adobe Illustrator.

Photoshop tutorials

Create a Zippo Lighter in Adobe Photoshop

In this tutorial it will show you how to create a Zippo lighter in Adobe Photoshop.

Create an old-school Photoshop artwork

For this tutorial, you’re going to be using some of Photoshop’s oldest controls to create an old-school layered artwork.

How to Colourise an Old Photograph in Adobe Photoshop

One of the most iconic themes in the Wizard of Oz is the transition from sepia to colour. In this tutorial, I’ll show you how to colourise a sepia photo to create a coloured image.

Playing with shades

Back to my image a week after a short vacation, much needed. I have also been spending my time with the new Abduzeedo which is looking much sleeker and soon will be going live. This week I decided to recreate an effect I saw a couple of weeks ago and I saved the screenshot because I thought it would be awesome to know how to do it. After a few tries I think I got a good result, at least worth sharing with you guys.

Web and design articles

11 Things Every Web Designer Should Know

When you’re starting out as a web designer, it’s a challenge to get clients. And when you do, it’s cause for celebration! It’s easy to get lost in the mad scramble to find work, complete it, and find new work, making it even more likely that you’ll miss something along the way.

Why designers should never skip prototyping

When you’re starting out as a web designer, it’s a challenge to get clients. And when you do, it’s cause for celebration! It’s easy to get lost in the mad scramble to find work, complete it, and find new work, making it even more likely that you’ll miss something along the way.

Ludicrously Fast Page Loads – A Guide for Full-Stack Devs

Server response times, while easy to track and instrument, are ultimately a meaningless performance metric from an end-user perspective.

Easy Project Scaffolding with Gulp and Slush

As developers we always find ourselves getting bored of doing one thing every now and then just to kick-start a new project.

Kickstarting Your Creative Career

If you’ve just started your creative career or you’re considering starting one, then this article may help you on your journey. In this post, I will give you some tips to kickstart your creative career.

Circular Images with CSS

In this tutorial, we’ll go over some CSS techniques for rendering circular <img> elements. The main CSS property responsible for the effect is border-radius.

Bootstrap 4: New & Cool Features You’ll Love

In this tutorial, we’ll go over some CSS techniques for rendering circular <img> elements. The main CSS property responsible for the effect is border-radius.