As designers who’d like to turn our creations into works of art, we want to design towards our heart’s content — letting our eyes be the final judge of our masterpieces. But as we all know, creating a web page is different from creating a painting — with a painting, we can freely express ourselves on the canvas. However, with a web page, we need to effectively pass on information, first and foremost.
Font choice, letter-spacing (tracking), line height, foreground/background colors, size, style — all of these oftentimes disparate attributes must work together cohesively in order to produce typographic compositions that are harmonious and viewed by its audiences with resilient assiduity. For your visual inspiration, here are websites that exhibit skillfully composed typography.
This vector illustration tutorial will explain how to make a glossy and stylized paint bucket with spilled paint in front of it, using Illustrator. We will take advantage of many excellent features in Illustrator, such as the 3D Extrude & Bevel command, Blend command, drawing shapes with the Pen Tool and Pencil Tool, using Pathfinder commands to combine and create shapes, and more. The resulting product is a scalable vector drawing.
In this Photoshop tutorial, you are going to learn how to create some 3D text using only Photoshop. The mood we will strive to incorporate in our piece is dark and grungy. We are going to use consistent lighting, layer styles to create shadows for our type, Photoshop filters, and more. We will finish off our scene by adding a dark textured background that seems to fade out as it approaches the edge of the canvas — a popular design technique.
This set includes 7 high-resolution images with a variety of different stone textures. They are excellent for easily giving your design a rough texture or for use as backgrounds. The large dimensions (3000px-4000px) make them very versatile. This texture pack is available exclusively to Design Instruct readers for commercial and personal projects. The images come in JPG format.
In this Photoshop and Illustrator tutorial, we will produce custom patterns, stylish vector shapes, and blend photos together to create a cohesive work of art that will leave you spaced out! I’ll also show you the power of the Gradient Tool for creating great light effects. As a side note, we will only be using Illustrator briefly to import some vector objects into Photoshop.
In this Adobe Illustrator tutorial, I will walk you through my process of creating an illustrated type artwork. The focus of this tutorial is to demonstrate how it is possible to draft, develop, and refine a whole piece all within a design program like Adobe Illustrator from start to finish. I will show you that working with the tools available in Illustrator allow you to work in an organic way that enables you to realize and problem-solve an entire design. No more pencil on paper or sketching!
This font assemblege is comprised of sans serif fonts with tall arms and wide stems, giving them a strong and striking appearance. They are fitting in situations where the designer wants to convey modernity and make a bold impact, such as in headlines and displays that crave attention.
The work you do as a creative is for (and judged by) other people. No matter how much time, effort, blood, sweat, and tears you put into a design, it’s unlikely that you’ll get it wholly perfect in the eyes of the head honcho. From small tweaks in color schemes to flat out rejections and having to start over, top design professionals recount their experiences in revising and polishing their designs for their clients.
Learn the process of making a tribal-style illustration using only some fundamental techniques in Adobe Illustrator. This is more of a process overview than a play-by-play tutorial and thus, some basic skills in the program are needed in order to follow along. The main goal here is to show a workflow process, and from there, it’s up to you to add your own style and aesthetical preferences to your piece. I encourage you to let loose and experiment while doing this project!
In this graphic design tutorial, we will combine Photoshop, Cinema 4D, and Illustrator to produce a composition that includes elements such as 3D text, 3D light bulbs (which we will create from scratch using only a reference photo), and florid ornaments. My concept for this scene started from a simple thought: “ideas are all around us.” We are constantly surrounded by ideas wherever we are and everywhere we go — we just have to find them and make the best ones happen.
This free set of social media icons has 20 icons of popular social media sites such as Twitter, Facebook, and StumbleUpon. Each icon has dimensions of 48x48px and is in PNG format. It’s perfect for blogs and content-centric websites (it also includes an RSS feed icon). It’s available to you, Design Instruct readers, for your commercial and personal work; attribution is not required but is greatly appreciated. You may not redistribute or resell the files and this icon pack.