Best of the web for Design and Web Development April 2018
- April 30th, 2018
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.
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.
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.
In this tutorial I’ll show you how to use Adobe Photoshop to create a colorful 3D floral collage featuring a beautiful woman.
This will be a great tutorial for those who wish to learn and improve custom brush painting techniques in Photoshop.
In this Illustrator tutorial, you will learn how to create a tasty cupcake icon.
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.
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.
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.
Web and Design articles
Earlier this month on the Animation at Work Slack, we had a discussion about finding a way to let users pan inside an 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.
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.
There’s that famous saying: “Rome wasn’t built in a day, but they were laying bricks every hour.
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.