Best of the web for Design and Web Development November 2016

• December 1st, 2016
• News

Rounding up the month in our usual fashion where taking a look back the best Photoshop and illustrator tutorials, which have been published through the month of November across the online web community. We have include too some really good web articles such as easy ways how to use vectors and top eCommerce web design trends.

Illustrator

Create a Water Gun in Adobe Illustrator

The entire design is made from Illustrator’s basic tools and effects and some gradients.

Create a Semi-Realistic MacBook Pro Illustration in Adobe Illustrator

In the following tutorial you will learn how to create a semi-realistic MacBook Pro illustration in Adobe Illustrator.

Get Gilded with this Gold Ribbon Banner Vector Tutorial

Add a touch of luxury to your designs with these shiny golden ribbon banner vectors. Easily create banner vector shapes with warped rectangles and apply a series of gradients to the shapes to get a gilded perfection.

Turn it On! Neon Light Vector Text Treatment

Brighten up your day with this fantastic neon light vector text treatment! We’ll use custom brushes and the Appearance panel in order to turn any text into bright, neon light text!

Photoshop

Photo Manipulation Using Ice Texture, Moon And Human Face In Photoshop

In this tutorial, I will show you the steps I used to create this interesting photo manipulation using Ice Texture, Planet and Human Face in Photoshop. Plus we will be using a number fractal stock and apply some custom brush painting effect.

How To Create a Diamond Embellished Text Effect using AI & PS

The video tutorial you’re going to combine the powers of Adobe Photoshop and Adobe Illustrator to create a diamond embellished text effect. Illustrator will be used to produce the initial layout, with the help of a couple of third party scripts, then we’ll transfer the artwork over to Photoshop to add some finishing touches and really bring the effect to life.

Interweaving Text Effect in Photoshop

In the video tutorial It will take you through the process of creating a fun design that combines the wording “Just another day in New York City”. The words ‘Just another day in‘ are set in a cool mono weight script, which are overlaid against ‘New York City‘ in a tall bold sans serif. We’ll then use a Layer Mask to erase certain bits of the text to give the impression that the script weaves in and out of the other letters. To finish off the artwork, we’ll also use a similar technique to place the typography within a scene of New York City, masking out the text so it seems to sit behind the skyscrapers.

How to mix watercolours and photos in Photoshop with stunning results

In this tutorial, Murilo reveals how he composes these pieces. You’ll learn not only how to mix watercolour with photos, and use blending modes effectively, but also how to marry them together, harmoniously.

Web and design articles

WordPress hacked? – 7 essential steps to fully restore your website

Sucuri releases a website hacked trend report for each quarter. In their latest report, they have revealed that WordPress powered 78% of the sites hacked in the second quarter of 2016. WordPress hacked sites remain a real problem.

Bye raster, hello vector: 3 ways to use SVG easier

Yet from a front end developer’s perspective, we prefer SVG graphics, which have become widely supported on all modern browsers and are in vector graphics format, which make them easily scalable on different screen resolutions. Moreover, developers have the ability to change SVG graphic properties through code, because SVG is an image and a XML document. This creates myriad options on how to use them. Following are three different approaches.

Top 7 eCommerce UX Design Trends to Look out for in 2017

Shopping was the last thing on your mind amid the US presidential election, which was keeping the world on its heels. But now the elections are over and we know IT’S A BOY. Moreover, Thanksgiving is around the corner with Black Friday in tow, so the shopping craze is about to start. This season, more people are planning to avoid the long queues at shopping malls and shop right from their cozy La-Z-Boy recliners.

Best of Visual Studio Code: Features, Plugins, Acting Like Atom and Sublime

Visual Studio Code is a free, open source, cross platform text editor made by Microsoft. They essentially took their online editor Visual Studio Online (codenamed “Monaco”) and used Electron by GitHub to deliver a cross platform editor. They have taken great strides to create a fast and highly efficient work environment for programmers.

Not An Imposter: Fighting Front-End Fatigue

I recently spoke with a back-end developer friend about how many hours I spend coding or learning about code outside of work. He showed me a passage from an Uncle Bob book, “Clean Code”, which compares the hours musicians spend with their instruments in preparation for a concert to developers rehearsing code to perform at work.