3 Steps to going from Art to Surface Pattern Design | Nanditha Vijayan | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

3 Steps to going from Art to Surface Pattern Design

teacher avatar Nanditha Vijayan, Artist

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

7 Lessons (22m)
    • 1. Intro

    • 2. Class Project

    • 3. Sketching and Inking

    • 4. Digitizing

    • 5. Create a pattern

    • 6. Bonus -How to save the pattern

    • 7. Outro

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class


Have you been thinking of how to go from Art to surface pattern design and had this been an overwhelming thought for you? Well, don’t worry because this class is all about how you can go from creating an artwork to creating a pattern out of your artworks in 3 simple steps. That’s right. You just heard it. 3 simple steps. 1)Sketching and Inking 2)Digitizing 3)Creating a pattern.

In the first part of the class you will create your own sketches with the help of a pencil and then learn to ink them using a black pen. Next I will walk you through how you could digitize your illustrations by scanning and by using Adobe Illustrator ,where you will learn to use few of the tools in Illustrator  that will help you vectorize your sketches  and then color them. Once digitizing is done, you learn to create a simple repeating pattern in no time and by the end of this class you would have created your first simple repeating pattern. But  wait. The only thing you need to bring along is a good knowledge on Illustrator. If you have a basic knowledge about Adobe Illustrator  and if you are on the look out for creating patterns using your artworks, then this class is meant just  for you. 

Meet Your Teacher

Teacher Profile Image

Nanditha Vijayan




I am Nanditha Vijayan, a self-taught Artist and a freelance Surface Pattern Designer.  I have been a stay at home mom who is deeply passionate about creating artworks and dreams to see my artworks on products. This is a creative journey I have started off and I am taking you along with me to share what I have learnt through the process and to help you bring your creative dreams to a reality.

Let us learn together and stay connected!

Join me here on Instagram @itsmadebynv


I know how it feels to be a creative head and be immersed in ideas but not really be able to put them on a paper and have all those creative blocks turn you down. Let me help you to learn, unlearn and relearn.

I am here to teach you what I have learnt and t... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Intro: Hadn't been thinking of how you can go from art to surface patterned designs. And had this thought being an overwhelming to you. Don't worry, because this class is going to teach you how you can go from treating artworks to creating patterns in three simple steps. Yes, you heard it right? Just three simple steps. One, sketching and linking to digitizing. Three, treating a baton. But wait, hey, they're in the midst of a to all of you know that diverging. I'm self-taught artists and a freelance designer all the way from India. And I'm gonna teach you the three simple steps, how you can go from art to satisfy the Mosaic Law leading that you need to bring along with you as a good knowledge of local history. Now, if you have a basic knowledge about Adobe Illustrator, and if they're on the lookout for a class that will help you create patterns, your own art wives. Then this class has been. So without further ado, my friend, Let's begin the class. If you would like to watch more classes and get updates from me, then please click the follow button on top of the media. And also don't forget to join me on Instagram. So let's begin. Have you been thinking of how you can lead artworks? 2. Class Project: Now let's talk about your class project. Now, what you need to keep in mind is that you just have to follow the steps as mentioned in the video. Now first step is to create a simple sketch or illustration using a pencil. Second is to ink them using a black pen. Thought is to scan your illustration at 600 DPI. Fault is direct drive. Sketches using imagery is to. Now, after using imageries tool, you need to expand your vectorized illustration. Right-click on the illustration to ungroup it. And if this does not work once, do it twice. Fifth step is to Cali illustrations using the light beam back until now after using the live Bit Bucket tool, you need to expand your illustration. Once again, sixth step is to create a simple repeating pattern and then submit. Now while submitting your from your artwork, what do you need to do is go to File, Export, save as a JPEG file. And then you can just upload it in your class projects section. And that's it. Your project is done. Again. I can't wait to see them, so don't forget to submit. So I'll see you in the class. 3. Sketching and Inking: Sketching and inking. The first step and the best part in creating an artwork is take a pencil and to create lines and shapes on a white blank page and turn them into a design. Take a blank piece of paper and start sketching and designs. It could be anything starting from nature, people, animals, bads, floral leaves, anything, just anything that you could think off. Or sketches could even start off with a team. And then you could build on from there. Based on that. Once you have sketched your designs, deka black pen, in my case, it's a universal black waterproof pen. But you could use anything what you have in hand and outline your designs to get them Julie highlighted in bold. Once you are done and ready with your designs, we are ready to jump on to digitizing your app, but so are you ready? Let's move on to digitizing. 4. Digitizing: Your second step in going from R to satisfy him designing is digitizing. Digitizing your artwork has mainly three steps. You need to keep in mind. Scanning, vectorizing, and coding. Let us get to know what each one does. Are you ready? Let's go scanning. While scanning Iraq walk, it is always advise to scan at 600 DPI. This way, the quality of your artwork is double the size of your original work. 300 dpi is the minimum resolution that you need to keep in mind while scanning your artwork. Thereafter, when the size of the resolution increases, the quality of your scanned image also increases. Double, triple, and so on, depending on the resolution, this is a key element that you need to keep in mind. Vectorizing. Once the images scanned, you need to pick and drop the image into Adobe Illustrator for vectorizing. This is the second step when digitizing your artwork. One important tool to use while vectorizing your artwork would be imaged trees. Image trees is a tool that helps you to wet raiser illustration without drawing it again, with an Illustrator, just as the name says. This tool helps you to trace your artwork and thereby making it a web tryst image, which can be resized without losing its quality. One thing to make sure is to keep the option. Ignore white checked, which you can see in your advanced section under the image trees. Once you have used the image trees tool, expand your artwork by going to objects, expand and then ungroup it by right-clicking the image. Now, it's time to use a small tool to smoothen any lines that you find curvy are not Street as per your requirement. I use Move Tool almost all the time to straighten the lines, which I am not satisfied after it is image tryst, coloring. The fun part starts here. Coloring. Coloring your artwork is really fun. This is my favorite part. If this is your favorite part to let me know in the comment section. To CALEA artwork, you either use a brush tool, blob brush tool, or a light beam to Bucket tool. The only thing you need to remember is to expand your artwork. If you have the light beam Bucket Tool, you can either click your colors from the swatches panel or get access to the colors in your color palette using Liping Bucket tool by simply hitting left and right arrow keys on your keyboard. Just don't forget to expand in the end of the coloring. Once the coloring is done, you are good to go and create your own pretty patterns out of these digitalized illustrations. 5. Create a pattern: There are several ways you can create a baton, but let us learn how to make a simple repeating pattern. Once you have your motor colored and ready, make duplicates of the same by hitting Alt or Option key and shift together on your keyboard. Hit Control or Command D. To duplicate the step one more time. Select all three motifs by hitting shift on the keyboard. One selected, hit older Option key again to duplicate, along with shift to hold it in place. Now hit control a Command D to duplicate the step one more time. Now delete the background you have made before and create a background using the rectangle tool and eyeball it from 1 to the same point horizontally and vertically. This creates our repeating boundary box. Now, you need to round up the size of the rectangle and take a note of its new width and height. Now delete anything that is not touching the repeating boundary box. And also delete the motifs from one horizontal side of the rectangle and one vertical side of the rectangle. Select everything that is on the top left corner of the rectangle. And then right-click, hit Transform, and then move into horizontal value or the width of the rectangle. You have noted down and vertical value 0. Click ones at distance and hit Copy. This is where our motor will start repeating horizontally. Now, select everything from the top horizontal corner of the rectangle. Right-click, hit Transform and move. Keep horizontal value 0. And this time. And do your vertical value, which is the height of the rectangle which you have noted down. We have a motels repeating what ugly. Now click the repeating boundary box. Copy by hitting Control or Command C. And then basic behind by hitting Control or Command B on your keyboard. Make sure to give no food and no stroke to this. This is just a way that illustrate that will help us in creating a repeating pattern. Select everything together, and drag and drop it in the swatches family. Now make a big rectangle and then just click the button and the swatches panel. It will give you a beautiful seamless repeating pattern. If you need to make further adjustment, do your baton just to be the process. That's all. That's so easy, right? You just made your first repeating pattern. I can't wait to see what you've made. 6. Bonus -How to save the pattern: Hey everyone. So the final step is for you to convert your baton from an illustrative Illustrator file. Do odd JPEG or a PNG file. Okay? So for that, basically you have to export or drive now. So one thing, always tried to save your Illustrator file. And for that you just have to go to File. Save as. Just keep the Save As Type as Adobe Illustrator and then give one filename to it minus all the it's already named, it's called baton workspace. And I have a, have a lot of patterns going like going on that particular workspace. So that's how I work. So you can just save it once you have mean the given filename and then hit the minus already saved. So I didn't really need it, so I'm just going to cancel right now. Okay? Now what you do is basically and you just see the atom alone. So now I have a lot of, lot of other artworks on this particular species and on this particular white space. So I, when I save my file, it's mostly, mostly seeds everything together. So I don't want that. Okay. So when I zoom out, I didn't see a lot of artworks on this particular Illustrator file. Okay, so on this workspace. So when I save the file, it automatically saves the rest of the art book along with it. So I don't want that. So for that, what I do is basically just zooming by control, controller command plus sign. And then I grew up, not sorry, I will create an art board. I will convert this particular pattern into a naught, into an outward. Ok. So for that, I go to this rectangle tool or, or M on your keyboard. I'm going to create a rectangle around this pattern and convert that into an iBook. Super bad. I caught object. Good boats. Thank convert to add border controller command nine. So just keep that. And now this is converted into an eyeball. Okay? So what you can do right now, you can just see this particular image individually. So that's the final goal of our, you know, that's what we wanted. So that for that reason or Levy have gone to object and converted this rectangle into. And I thought, okay, now you go to File Export, Save her web. And then I have my image Hill would a preview. And I have my pattern. I wanna close this. Now you have your file format and you can see it as a jpeg or save it as a PNG. Png is gonna give you transplant background and GPA we give you white background. Okay, so that's the difference. So I don't really mean a PNG file now, I just need a JPEG file, so we'll just click that JPEG. Very high quality. You can keep it at a 100 or 90, whichever you want. You can lower the quality if you want it, if you want, if it's just for the screen, but if you're sending it off to a particular company or something, and you need to keep the quality at a 100%. Okay? But if it's just for the screen, for social media and you can keep the quality slope. Now keep this as art optimized. So r, if you have an art, artwork to save, then add optimized. If you have a type to see to be saved, then type of price. So I'm gonna keep it as odd optimize. You can increase the size, the bus and Egypt size here. So let me just show you. I'm going to increase it to 200 personage and sticking a little while for me. Loading image. Yeah. So it just got resized to do a 100%. Okay. So you can increase or decrease the size and Jerry, you want, keep it at a 100%. That's, that's all you need. And then, and then you can just hit c. So I have this button sieved here. So I'm just going to raise it for your just for your understanding. Let say Christmas soft pattern. I will give it as one, give it a file name, and then you hit save it. Okay, so let's just recheck the file is there. Let's see, we have our final them. So that's it. You know how to save your file now, right? Now the last thing for you to do is to upload your G big file onto the project gallery. Ok? So all you need to find out is to go to your project gallery and then upload your file. Okay, that's it. 7. Outro: I hope you have enjoyed this class, and I hope this class has kickstarted your journey of reading patterns in three simple steps. Like I said, if you want to watch more classes from me, then please click Full about only about session and get notified instantly. Also do linear small review on how this class has helped you, and also more about your likes and topics that you'd like to learn. You could always leave a small message whenever you want in the discussion panel down the Law. And I'll be answering them as soon as I see it. Always sending your class projects, the project gallery. Once they are done and I'll be highlighting them on my Instagram Stories. And I'll be giving you a shout-out for the projects they've done. So don't forget to be my Instagram, okay. Until next time. Bye for now. This is an intelligent signing off.