Share via:

Best of the web for Design and Web Development June 2017

  • July 3rd, 2017
  • News

Wrapping up the end of June in the best way we know how to by reflecting back on some of our personal favourites in terms of design tutorials, and web articles. There’s some tremendous Photoshop and Illustrator typography based  tutorials featured in this months roundup, certainly recommend trying out. Alongside tutorials some great articles on creating a faster better wordpress site and tips on how to create a portfolio, as a web developer.

Premium design assets for
your next project

Acess to a huge libary of design resources from Photoshop brushes to vector resources.

Join today

Illustrator

BAM! Your Own 3D Vector Text In Under Two Hours

3D vector text can be a daunting undertaking when not using a program like Maya or SketchUp. Using a simple bevel and extrude effect, gradients, and offset paths you’ll find creating chrome, dimensional 3D vector text is an easy job.

bam

 

The secrets of cute character art design revealed

Here he reveals the rules of cuteness – plus how to stay the right side of the line between cutely hip and childishly schmaltzy. Step by step, Sascha will take you through the development of a character from the first sketch to the final colouring.

character

How to Create a Logo in Adobe Illustrator

In this tutorial, you will learn how to create a logo in Adobe Illustrator.

logo

6 Quick Steps to Creating a Fantastic Weather App Icon

Let’s have some fun with simple shapes and gradients to create a beautiful weather app icon!weather-app

Photoshop

Video Tutorial: Vintage Marquee Bulb Sign in Photoshop

In today’s video tutorial I’m going to show you how to create a vintage style marquee bulb letter sign in Adobe Photoshop. We’ll use Photoshop’s 3D feature to quickly build each letter with realistic depth and shading, then also add realistic surface materials and illuminated bulbs using photographs of real world objects. The result is a great looking effect you can use to add broadway style type to your designs.

love

How to Create a Quick & Easy Duotone Text Effect in Adobe Photoshop

Use a texture image and a gradient map, with some adjustment layers and filters, to create a super quick and easy duotone text effect.duo-tone

Photoshop Gold Style Shiny Text Tutorial

Learn how to create a shiny gold Photoshop text using layer styles. You can use this gold Photoshop style to make different text effects that look like gold and diamonds jewellery.gold

 

Web and design articles

Creating Better, Faster And More Optimized WordPress Websites

Consumers typically have their own experiences when it comes to web hosting and their own opinions. If you search Google for reviews for any web hosting provider you’ll find dozens of results. Usually, there are a lot more negative reviews than there are positive ones. I thought I would flip that around and share some WordPress hosting challenges from the perspective of the WordPress host and how I frequently solve them.

wordpress

Build a Style Guide Straight from Sass

Last fall, our dev team wanted to get started with style guides. We had added a new member to the team, and as he was getting up to speed, we realized how lacking our project documentation was. If you’ve ever been a new developer on a team with weak documentation, you know how confusing it can be to try to familiarize yourself with a dozen projects without documentation.build-straight-css

10 Tips for Building a Beautiful Web Developer Portfolio

When you submit an application — whether it’s for a job or a client project — you probably know that there are hundreds, maybe even thousands of applicants who want the job as much as you do.  portfolio

What delayed my portfolio redesign for 3 years and how I finally launched it

After trying to redesign my portfolio website for 3 years I finally did it last February. It was received well in the design community but those 3 years were filled with failures and frustrations.3years

Color Accessibility Workflows

The Web Content Accessibility Guidelines (WCAG) 2.0 contain recommendations from the World Wide Web Consortium (W3C) for making the web more accessible to users with disabilities, including color blindness and other vision deficiencies.

color-acessbilty

How to Write Your Resume Work Experience Section Right

If the professional summary is the appetizer, your work experience is the main course of your resume.resume-work

 

 

Post tags

RELATED POSTS

Unlock High-Quality Resources to
Unleash Your Creativity