Best of the web for Design and Web Development March 2016

March 31st, 2016
News

Welcome readers back to our monthly round-up of the latest new design tutorials for Photoshop and Illustrator. We have also include some awsome web and development articles certainly worth reading about browser sync, CSS pyramid and much more.

Photoshop Tutorials

How To Create a Metal Text Effect in Photoshop

Illustrator and Photoshop video tutorial is based on the metal text effect from the title artwork for the movie Fantastic Beasts. It’s a really nice shiny metal, almost chrome like effect with a mix of water droplets, lens flares and some really cool custom type that adds sharp scales to depict the scary fantasy beasts the movie is based around. I’ll show you how I made my concept artwork for Saint George and The Dragon in a similar style, from the type customization in Illustrator through to the creation of the metal effect using Photoshop layer styles.

How to Create a Grass-Covered Spring Text Effect in Adobe Photoshop

Spring is in the air! And in celebration of that, we’re going to create a spring-inspired text effect, similar to the text effects that can be purchased on Envato Market, using some textures, brushes, layer styles, and filters

Create Castle Under Siege From Dark Force Scene In Photoshop

In this tutorial, It will show you the process used to create this castle under siege from dark force scene in Photoshop. This is an intermediate level difficulty tutorial and some steps can be tricky. Have a try!

Abstract Album Cover Art in Photoshop

It makes use of Photoshop’s Liquify tool, along with a few additional edits to create the kind of trendy artwork that’s popular on album covers or as abstract backgrounds that could form part of a brand. One of the fun things about this process is you can achieve a different result every time, either by using an alternative base image, or even by just using the Liquify brushes randomly.

Illustrator

How to Create Cartoon Style Vector Burger

Watching the trends on the market, I have noticed that cartoon style vector images are becoming more and more popular. This is a slight modification on a classic, with a moderate use of gradient fills. In this tutorial, which was created in collaboration with a professional illustrator, Alexander Onica, we will share the secrets of creating modern cartoon style vectors. Many effective techniques described here will allow you to achieve excellent results.

How to create an easter egg

In this tutorial, which was created in collaboration with a professional illustrator, Alexander Onica, we will share the secrets of creating modern cartoon style vectors.

How to Create a Cute Spring Rabbit in Adobe Illustrator

In this tutorial, you will learn how to create an adorable rabbit delivering a bouquet of tulips just using basic shapes. You’ll also learn to recolor the flowers in one easy step. Once you finish, you will have a lovely spring illustration on your art board.

Create A Four Leaf Clover Vector for St. Patrick’s Day – Adobe Illustrator Tutorial

clove n celebration of St. Patricks Day, I wanted to do a four leaf clover vector tutorial. Some of you might not celebrate St. Patricks Day or have no use for a four-leaf clover, but still take a look at this tutorial. This tutorial combines some good techniques. You will Divide, Transform, and add Warping Effects. These techniques will help you quickly and easily create with Illustrator!

Web and design articles

The 5 Types of Personal Projects (And How You Can Justify Pursuing Them)

We all have intriguing side projects that we want to pursue—and a zillion reasons stopping us. The big one? They’re a flat out waste of time that don’t pay anything upfront and do little to immediately advance our careers.

How to create a pyramid layout with CSS

We all have intriguing side projects that we want to pursue—and a zillion reasons stopping us. The big one? They’re a flat out waste of time that don’t pay anything upfront and do

How to build your portfolio with freelance projects

When I first learned to code, and started looking for freelance web design projects, I felt like I was in a Catch-22. My portfolio was totally empty; but I couldn’t fill it with impressive projects without any clients. It’s a tough spot to be in in an industry where your work is much more important than your skillset. You don’t land big clients by listing your coding chops on a resume. You get those high-paying jobs by showing them what you can do. In other words, clients want to see proof of what you can create for them before they give you a check.

How to Use BrowserSync for Faster Development

How To Create A Show Password Button

InIn this tutorial we’re going to have a quick look at how you can create a show password button on your register or login forms

How to Conduct SEO Due Diligence

This post will be most interesting to investors, or marketers working for investors. You might not often think of VCs and SEOs working together – but we’ve crossed paths many times. For example, high-profile investor and industry expert Mark Susterpresented at our conference in San Diego, we’ve worked with many well-funded high growth startups and – less visibly – we’ve been involved in SEO due diligence.