Share via:

Best of the web for Design and Web Development April 2018

  • April 30th, 2018
  • News

This months roundup contains as usual the very best Photoshop and illustrator tutorials produced in April. Its a great collection of tutorials from how to create comic book themed effects to creating a unique cup cake illustration.There’s also some great articles included in the roundup, such as controversial topic on why all web developers should be using Firefox. A good article on CSS grid layouts, and plenty more great web articles worth reading through.

Premium design assets for
your next project

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

Join today

Photoshop

Create A Retro Comic Book Effect In Photoshop

Learn how to create a retro comics effect in Photoshop in just a few easy steps. For the comic book effect I will use a Photoshop comic book template, textures and filters. The Photocopy filter is great for creating comics. You can use it to create cartoon photo effects also.

comicbook-illustration

How to Create an Ornate Gold Text Effect in Adobe Photoshop

In this tutorial it will show you how to create an ornate gold text effect in Adobe Photoshop CC. And as a bonus, you will learn how to create seamless textures.

mula

How to Create a 3D Floral Collage in Adobe Photoshop & Lightroom

In this tutorial I’ll show you how to use Adobe Photoshop to create a colorful 3D floral collage featuring a beautiful woman.

floral

Dark Photo Manipulation – The Making of “Flower Dancer” in Photoshop

This will be a great tutorial for those who wish to learn and improve custom brush painting techniques in Photoshop.

collage

Illustrator

How to Create a Tasty Cupcake in Adobe Illustrator

In this Illustrator tutorial, you will learn how to create a tasty cupcake icon.

cupcake-illustration

How to Create a Furry Cheshire Cat Inspired Text Effect in Adobe Illustrator

Follow this tutorial and learn how to create a Cheshire Cat inspired text effect in Adobe Illustrator. You will learn a new way to create the appearance of fur and also use a Pattern brush to add extra fur for a more detailed look. And this tutorial would not be complete without a cheesy cat grin.

meow

How to Create a Flat Astronaut in Adobe Illustrator

In this tutorial, you’ll learn to create a stylized astronaut on a space background, using simple shapes and applying lots of gradients to add depth and volume to our illustration.

spaceman-illustration

How to Create a Frying Pan in Adobe Illustrator

For starters, you will learn how to create the main shape using several ellipses, basic vector shape building techniques and a bunch of gradients. Moving on, you will learn how to add subtle shading and highlights using basic tools and some simple effects.

frying-pan

Web and Design articles

Creating a Panning Effect for SVG

Earlier this month on the Animation at Work Slack, we had a discussion about finding a way to let users pan inside an SVG.

panning-effect-svg

Firefox emerged as an open source competitor to Internet Explorer 6. It was awesome because it had options: for instance, users could add features with various extensions and change visual themes. Everyone loved it.

A client comes to you and asks for a site for their business: “Build me something where I can show off my services and sell my products,” they might say. They don’t think further than that. How will they bring users to the site? Will their business show up in Google when people search for it? How will users engage with the brand online? They don’t ask themselves these questions.blog

How to create a card layout using CSS Grid Layout

CSS Grid Layouts are changing the way web designers are working, allowing for a more efficient way of laying out website content. It has been long awaited, but finally this approach has really taken off and in many cases, it is in production. It’s revolutionized the way websites are designed and once designers get the hang of it, it will give more flexibility to web layouts.cssgrid

There’s that famous saying: “Rome wasn’t built in a day, but they were laying bricks every hour.

perfection

What You Need To Know To Increase Mobile Checkout Conversions

Google’s mobile-first indexingis here. Well, for some websites anyway. For the rest of us, it will be here soon enough, and our websites need to be in tip-top shape if we don’t want search rankings to be adversely affected by the change.

touch-screem

Post tags

RELATED POSTS

Unlock High-Quality Resources to
Unleash Your Creativity