background preloader

Tutorials - Illustration & Art - Page 6

Related:  tutoIllustrator & Photoshop

Bohemian Gypsy Jane: Tutorial: How To Create An Ikat Effect In Illustrator Ikat, or Ikkat, is a dyeing technique used to pattern textiles that employs a resist dyeing process similar to tie-dye on either the warp or weft fibers prior to dyeing. The word ikat derives from the Indonesian word mengikat, meaning "to tie". Ikat is one of the oldest forms of textile decoration. There is a long and varied history for the technique, and no one is certain where, exactly, the technique originates from. So, let's dive right in! *NOTE-This tutorial assumes that you already have a basic working knowledge of Adobe Illustrator 1. 2. 3. The diamond should now look like this... 4. 5. The Scribble effect will work on many different shapes. Here is an example... Tip: If you have a complicated shape that isn't getting a good result, try this: Take the shape that you want the effect on and duplicate it on top of itself. I hope this tutorial has been helpful!

Adobe Illustrator tutorial: Create Art Deco type art This tutorial’s featured artwork began life when Adam Pointer was commissioned by design agency Zip ( to produce a piece promoting the Sunday night event at the now-defunct London West End club, The End. Adam recently reworked the original, and here he takes us through how he created and assembled the different elements to bring an art deco feel to type illustration. The ‘C’ detailed here appears on the first in a set of 11 flyers that together spell out the name of the event: Clandestino. This Masterclass focuses on his process, which he says is about creating, selecting and positioning elements without resorting to any great wizardry. “I am self-taught in Illustrator and don’t consider myself particularly technical,” he says. “I think the most important thing is to have an idea and a strong visualization of what you are trying to achieve before you begin. Time to complete 8 hours Software Illustrator CS2 or higher

Les bottes rouges: [TUTO] Comment faire un effet tableau de craie avec Photoshop Bonjour, En ce moment, c'est très à la mode, que ce soit en scrap ou sur Pinterest, vous n'avez pas pu échapper à cette tendance d'écrire un texte avec effet de craie. En scrap, ça donne ce type de carte : Mais en photo, comment faire ? Dans un premier temps, téléchargez l'image ci-dessous qui constituera le fond, avec l'effet tableau noir usagé (clic droit, enregistrer sous) : Ouvrez Photoshop (ou tout autre logiciel de traitement d'image) et ouvrez ce document. Ensuite commencez simplement à écrire ce que vous voulez sur votre fond avec les polices de votre choix, ajouter des polices Dingbats (symboles, dessins) de la ponctuation, des lignes, des cadres... bref éclatez-vous !! Quelques exemples : Si vous souhaitez envoyez des e-invitations, des e-cartes un peu rigolotes et originales, vous pouvez essayer cet effet chalkboard.

Create a Realistic 3D Old Western Badge in Illustrator and Photoshop CS6 The 3D features within Photoshop are becoming more and more useful with every release, and you would be wise to start learning the basics now. Gone are the days where you needed $10,000 software to create a decent looking 3D render, and I can prove it. This tutorial will teach you how to create a realistic 3D old western badge using Illustrator and Photoshop CS6. Let's get started. Before We Begin You can follow this tutorial completely in Photoshop, but the first steps are more easily completed in a vector editing program. To keep the focus on learning the 3D aspects of Photoshop CS6, some of the most basic instructions may be left out. This tutorial assumes that you have basic knowledge of Photoshop and Illustrator, including working with vector shapes, the Pathfinder palette, and type on a path. Important: The 3D workspace within Photoshop CS6 still has some bugs and can crash randomly. What We Will Be Making Step 1 You should have something similar to the image below. Step 2 Step 3 Step 4

Quick Tutorial: Metallic Effect in Photoshop - Dreamstale Learn How to Create a Metallic Effect in Photoshop In this quick Photoshop tutorial we’ll learn how to create a simple but realistic metallic effect in Photoshop. In less than 6 steps we can create a nice effect and you can use it as background for your web projects. You can mix the technique for different metallic effect patterns. Tutorial Details and Resources Difficulty: Beginner Apps: Adobe Photoshop (CS3 or later) Estimated Completion Time: 5-10′ Minutes Resources: – Step 1 > Create a Document First run Photoshop and create a new document. Step 2 > Gradient Background Pick the Gradient Tool (G) on your toolbox and create a 5 point gradient similar to (image 2a). 2a) Gradient Colors 2b) Fill the Background Step 3 > Metallic Texture Create a new layer (Shift+Ctrl+N) and fill it with #d2d2d2 color by using the Paint Bucket Tool (G) (image 3a). Finally go to Filter > Blur > Motion Blur and set the Angle to 0 & Distance to 40 pixels (image 3c). 3a) Fill the Background & Add Noise 4c) Final Image

Drawing City Portrait Using Adobe Illustrator Tutorial In this tutorial, we will demonstrate how to draw vector design of a city portrait using Adobe Illustrator Tutorial, this will be helping and useful for every graphic designer because in this illustrator tutorial we using some advanced techniques to get amazing drawing portrait, Not so difficult, just using basic tools. So let’s jump in! Tutorial Details Program : Adobe Illustrator CS5Difficulty : IntermediateEstimated Completion Time : 2 Hours Step 1 – Mapping our design Before start to compose, take a look of this sketch. Step 2 – Sky with gradient. Create new document with A4 page size and load Rectangle Tool (M) to draw sky. Step 3 – Footway Create a rectangle with #CDC3B8 color for drawing footway, located on bottom of the artboard. Then create an oblique line, you can use Line Segment Tool (\) or Pen Tool (P). Then blend them. Select all lines. Right click on the outcome, click Ungroup. Step 4 – Divider With Rectangle Tool (M), Create a Divider above Footway. Step 5 – Across the street

Illustrator Design AI -> Canvas: Export Fully Functional HTML5 Canvas From Within Adobe Illustrator Mike Swanson, though having been aboard Microsoft for more than 11 years, has created a plugin for Adobe Ilustrator that resembles a good wine. The older it gets, the better it grows to be. More than two years ago, still employed at the Redmond company, Swanson pushed out the first version of AI ->... Corbis Poster Contest: Make Your Mark – Design For A Cause The world is not short of good causes and people who stand for them. 40 Amazing Tutorials For Illustrators And Photoshoppers The following roundup of high-grade and elaborate Illustrator tutorials will not only satisfy the fans of vector-graphics. Exploring Geometry: 30 Exceptional Polygonal Art Illustrations Now and then different modern artists create artworks that force you to look at ordinary pictures in a whole new way. Adobe Illustrator Tutorial: Create a Set of Sleek Web Ribbons

design.tutsplus In this tutorial we will demonstrate how to customize a typeface in Illustrator and then use Photoshop to create a stunning vintage detailed typographic design. Let's get started! Tutorial Assets The following assets were used during the production of this tutorial: Before We Begin Before we start this tutorial, It's important to have a bit knowledge and experience in Adobe Illustrator. Step 1 First, open Adobe Illustrator and create a new document 1000x1000px, RGB, 300ppi. Step 2 By selecting the Type Tool (T), we will select the font for our text. Step 3 Once we decided what letters we are going to put together, we proceed to write our text. Step 4 Now let's start creating our composition. Step 5 Repeating the first action of our previous step, we proceed to isolate our text again (if we are not on the Isolation Mode, right-click over the type > Isolate Selected Group). After selecting our first letter, we choose the Eraser Tool (Shift + E). Step 6 Step 7 Step 8 Step 9 Step 10 Step 11 Step 12 Step 13

Typography Without Limits: 40 Fresh Adobe Illustrator Text Effects Wondering how to start working with Adobe Illustrator without getting overwhelmed by its endless possibilities? Then begin your acquaintance from tutorials that are aimed to fill the gaps of your knowledge. Nothing can be compared to this kind of educational material, especially when devoted graphic designers reveal their secrets and techniques. Of course, there are a considerable number of tutorials that cover everything from creating user interface templates to drawing character designs, and it is really difficult to make up your mind in which sphere to plunge in. However if you want to slowly but surely move in this direction, you should take your first steps with tutorials concerning text effects. These, at least as a rule, resort to simpler solutions based on basic tools and standard techniques. Offset Path Effect Website: abduzeedo.comCreated by: abduzeedo. © abduzeedo Abduzeedo Happy Holidays Art in Illustrator and Photoshop Super Easy Soft Shadows in Illustrator © digitalartsonline

Create a 50's Ad Poster in Illustrator It seems that the 50s are back, not just in advertising and design, but also on clothes, TV shows, and elsewhere. I honestly think this is one of the most interesting and creative eras for advertisement; some ads are really memorable and funny. So, inspired by that I decided to make a tutorial on how make a retro poster for a web designer. After reading the tutorial, you can download the Illustrator source file at the end of the post for reference. I hope you guys like it and please be sure to share your results and questions with us in the comments…. Here’s a full preview of the poster that we will be creating: Step 1 Let’s start by opening Adobe Illustrator. When designing a poster/flyer, I like to place some guides on the edges. So, first you should download this texture we’re going to use on the background, you can get it at CG Textures. Step 2 The next thing you should do is to download the Flyboy BB font; you can get it here. Step 3 Step 4 Let’s add a linear blue to white gradient. Step 5

Offset Path Effect Last week Adobe release some new updates in the Creative Cloud apps, including Photoshop and Illustrator. The best new feature for me was the live corner effects in Illustrator. It is a simple little feature but it will make my job so much easier, especially when creating logos, icons and symbols. To give you a little overview I decided to create a new Abduzeedo wallpaper using Illustrator and Photoshop applying some offset path effects and of course the live corner. So in this tutorial I will show you how to create a simple wallpaper mixing vectors and photos. Step 1 Create a simple path in Illustrator. Step 2 One of the newest features in Illustrator is the Live Corners. Step 3 Drag that circle down to start editing the corner. Step 4 Here's the Abduzeedo symbol with some better rounded corners done with live corners. Step 5 Select the path and go to Object>Path>Offset Path. Step 6 Repeat the effect again. Step 7 Repeat the process a few more times. Step 8 Step 9 Step 10 Step 11 Conclusion

How to Create a Flat Design Rolled Sushi Icon Set in Adobe Illustrator - Tuts+ Design & Illustration Tutorial The increasing popularity of rolled sushi has resulted in the spread of this dish around the world. Nowadays, there are so many variations and fillings that we can all find something to our taste. In this tutorial we’ll create our own rolls and combine them into a set of colorful icons. We’ll create a base with some simple shapes and transformations and then use it to create as many variations as we can by replacing separate details, like in a constructor. Let’s start! First of all, let’s form the basic part of our future roll. Switch to the Selection Tool (V) and select the shape. Keeping the shape selected, go to Object > Path > Offset Path and set the Offset value to 5 px, creating a bigger shape beneath the initial one. Select the first shape again and create another Offset Path, but this time with -7 px Offset value, creating a smaller square inside the initial one. Apply the dark-blue color (#404E69) to the larger shape. Let’s add some details to our roll. Great job, guys and girls!

Create a Seamless Pattern of Flat Desk Icons in Adobe Illustrator - Tuts+ Design & Illustration Tutorial Look around you. There, all that stuff on your desk. Let's create a pattern of it! In this tutorial you'll create various desk and office icons and compile them into a quick and easy seamless pattern using the Pattern Options panel. Using combinations of basic shapes (circles, rectangles, and triangles), you'll create objects often found within a digital artist's work space, ready for use as a pattern, illustration, or infographics. Open Adobe Illustrator CC 2014 (the techniques and designs can be created in earlier versions of the program, but Live Corners and the Pattern Options panel were introduced in versions CC and CS6 respectively) and create a New Document. Using the Rectangle Tool (M), draw a horizontal rectangle. Let's turn this rounded rectangle into a computer monitor. Copy (Control-C) and Paste (Control-V) the rounded rectangle. Now let's add some details to the monitor design. Let's add some flare to the monitor design. Using the Ellipse Tool (L), draw two identical circles.