Best of the web for Design and Web Development July 2016

• August 1st, 2016
• News

In this edition of our monthly roundup, we’ve included Photoshop, Illustrator and web and design articles. As always this is the perfect one stop shop for catching up on the latest new design techniques, as well some really good web design/development based blog post from the month of July. Our particular favourites being tips on design consistency and reducing cart abandonment rates on eCommerce sites. Some really good blog posts in the roundup we recommend reading through.

Photoshop

How to Create a Double Exposure Inspired Text Effect in Adobe Photoshop

This tutorial will show you how to use some images, blend modes, and adjustment layers, to create an easy double exposure inspired text effect.

Create a Crazy Disco Effect with Adobe Photoshop

In this Photoshop tutorial you will create a crazy disco effect using some textures, blending modes and a touch of creativity.

How to Create a Nature-Inspired Peter Pan Text Effect in Adobe Photoshop

All the world is made of faith, and trust, and pixie dust.” In this tutorial, we’re taking our text to Neverland, using some textures and images, along with layer styles and adjustment layers, to create a fantasy themed, Peter Pan inspired text effect.

How to Create VHS Glitch Art in Adobe Photoshop

This tutorial will show you how to convert your image to a VHS frame in simple steps using only standard Photoshop tools.

Photoshop

How To Create a Cute Dinosaur Character in Adobe Illustrator

Creating cartoon characters in Adobe Illustrator is always lots of fun! You don’t even need great drawing skills. Making illustrations out of basic shapes not only simplifies the process, it also produces a stylised appearance that adds to the cute factor. In today’s tutorial I’ll take you through the step by step process of creating a vector dinosaur. It’s only made from rectangles and circles, but the clever tools within Illustrator make it easy to construct a recognisable character design.

How to Create Gingerbread and Candy Inspired Graphic Styles in Adobe Illustrator

Follow the trail of breadcrumbs to creating some delicious and fun Graphic Styles inspired by the classic Brothers Grimm fairy tale “Hansel and Gretel”. In this tutorial we’ll create a peppermint, chocolate, gingerbread, and bread graphic style fantastic for text effects and transforming objects. Check outEnvato Market for a plethora of fantastic Graphic Styles to play with in your own work or to inspire you!

Create Your Own Folded Prize Tag Vectors!

In this tag vectors tutorial you’ll skew objects with the Shear Tool, create custom brushes, use radial gradients in the place of drop shadows, and alter an object’s Blending Mode to render objects and strokes within the image.

How to Create Fantasy Weapons for Games in Adobe Illustrator

In this tutorial you’ll follow an exciting process of creating flat medieval weapons for games! We’ll be working with basic geometric shapes and using various functions and tools of Adobe Illustrator to transform and modify the shapes.

Web and design articles

What techniques make your email campaign relevant?

Relevant emails drive 18x more revenue than broadcast emails. However, what is relevant to one of your readers could be inconsequential to another. That’s because individual’s needs and wants differ from one person to the other, so how do you create email that’s relevant to your whole audience, not just a niche group within it?

How to Reduce Cart Abandonment Rates on your e-Commerce Site

Cart abandonment is a standard problem each e-commerce site encounters sooner or later. According to the Baymard Research Institute, the average shopping cart abandonment rate is as much as 68.63%, a value that’s calculated based on 33 different studies.

5 quick wins to speed up wordpress

Cart abandonment is a standard problem each e-commerce site encounters sooner or later. According to the Baymard Research Institute, the average shopping cart abandonment rate is as much as 68.63%, a value that’s calculated based on 33 different studies.

7 Tips for Designing Consistency

Designing for consistency is a no-brainer in some cases and a little trickier to understand in others. Quite simply, consistency is the thread that ties together elements in a single design. It also ties together designs across a single campaign or brand, creating a product that is distinguishable, usable and effective. Take special note of all the examples below, each brand is a leader when it comes to consistent and usable design.

40 CSS Libraries, Frameworks and Tools from 2016

With all of the changes and rapid advancements CSS has gone through the last few years, we should not be surprised at the huge volume of free resources and tools that are currently being released. These time-saving CSS libraries, frameworks, and tools have been built to make our lives that little bit easier and also offer a clear learning window into those CSS properties we may not fully understand.