How to make Patterns!!

After a nice thanksgiving break, I’m back to post something entirely new.

This week on blackandwhitesnapshots we take a look at feature not known by many. A feature that helps people not have to draw out the same shape millions of times. A feature that saves lives. Okay, not really, but it is pretty awesome.

Introducing: Patterns!!!

So. Much. Fun. I’m geeking out over this….

Okay there are two routes that I know of to make patterns. One involves using that Adobe Capture app I’ve been talking about so much lately, and one is right through illustrator.

The adobe capture way is pretty straightforward. You can take a picture of litterally anything, whether it’s a drawing you made or your eyeball, and Capture will turn it into a pattern. Then if your logged into an adobe account, it will pop right up in your library within illustrator. Drag and drop the pattern, and copperboom! You’ve got a pattern to use for anything. Pros: you can mess with filters to arrange the picture in a lot of cool different patterns like a kalidoscope pattern or triangle pattern. It’s also easy to do. Cons: less editing freedom.

The secound way is a little more complicated.  First you have to create a shape of some sort. You could do 3 triangles with alternating colors, some cool swirls or something like that. You establish the pattern, and how it looks. Here are a few of the patterns I started:

Cool sunset swirls:

sunsetswirls

Paint swirls:

paintswirls

Basic Blue stars:

stars

 

Allrighty then, now that you’ve establsihed a pattern you can turn it into a pattern swatch. See, a pattern swatch will allow you to create any shape, and then fill it with the pattern you’ve created. So if I want to make a dress with pink, purple, and blue swirls in it, I can just add my pattern as the fill color and wa la, a swirl dress. Look how I did it here, filling a rectangle with the swirl pattern:

rectswirl.png

Cool huh?

You turn your pattern into a swatch by selecting your entire design, then going to the object tab, select pattern, and press make. You should get a screen something like this:

patternscreen.PNG

Personally the fact that the pattern took over my entire screen frightened me, but there is an easy to get past that. Under copies there is an option for how many times you want the pattern repeated. It won’t limit the copies to that, but it will just make it easier to manage while your editing and looking at it. Another way to control your pattern is by looking at the tile type selection. Your tile is the pattern itself, and by using this selection you can arrange the copies of patterns in different ways. The adobe help page explains the different tile types pretty well:

“Choose how to lay out the tiles:

  • Grid. The center of each tile is horizontally and vertically aligned to the center of the adjacent tiles.
  • Brick by row. Tiles are rectangular in shape, and arranged in rows. Centers of tiles in rows are horizontally aligned. Centers of tiles in alternate columns are vertically aligned.
  • Brick by column. Tiles are rectangular in shape, and arranged in columns. Centers of tiles in columns are vertically aligned. Centers of tiles in alternate columns are horizontally aligned.
  • Hex by column. Tiles are hexagonal in shape, and arranged in columns. Centers of tiles in the columns are vertically aligned. Centers of tiles in alternate columns are horizontally aligned.
  • Hex by row. Tiles are hexagonal in shape, and arranged in rows. Centers of tiles in the rows are horizontally aligned. Centers of tiles in alternate rows are vertically aligned.”

If you want the link to this site here it is: The help page

Once your done messing around with the settings you can press done, and the pattern will end up in your pattern swatch. You can access this by selecting the fill button at the top menu. The pattern should end up right there.

capture1.png

Now you have a pattern that you can use to fill any shape! One more thing though, when you open a NEW file, separate from the one you used to work on the pattern, your pattern won’t show in the fill drop down at first. What you need to do is select the fill button, then go down to the swatch library button, which is that first button in the left corner of the drop down menu. Go down to “Other Library…”. Select the adobe illustrator file that has your pattern in it. It can have more than one pattern in the file! Now your patterns should appear in the fill menu.

And we’re done! Hope that helped all your pattern making needs! I think patterns are one of the funnest things you can make, because there is really no limit to what you can do. Images, shapes, and colors can all be used, and it’s great for some fun experimentation.

See you next week!

Advertisements

Album Covers and Song Images

This week I didn’t really have a project I wanted to make. I was kind of done with typography and after messing around with some vector images, not really wanting to do anything cartoony.

First I worked on some art based on these two songs I’ve been listening too. “Wisdom Cries” and “Boxes” by AURORA. I worked more with Adobe Capture, which I’m really loving to use to transfer photos to adobe illustrator.

Anyways in my mind I just knew that this song had to be black and white, and kind of chaotic at the same time. I picked a few images, of a diamond, a girl opening her eyes, and a time piece. I used adobe capture to take these images from my computer and turn them into vector images that were black and white.
I started with the girl on my canvas, and then turned the song on. I loved that line about diamond eyes, so I made the diamond small enough to be her eye, but when I put it into her eye space, it just looked wrong. So then I expanded the diamond so that the girl almost seemed to have scars of the diamond on her face. I really liked this effect. I colored it blues, greens and purples to contrast with the black and white girl.
Then I focused on the chaos of this song. In the lyrics, the singer is stuck in some sort of anxious emergency. There is the beating of hearts, sighs, and clock strikes in the music. You get the sense of urgency. I copied the black and white girl’s outline several times in different colors, and then put them next to each other, so it was almost radiating. It reminded me of some sort of anxiety, like she was turning her head in urgency or something. I messed around a little more, the song came to a close and I moved on to the next picture.
 Here’s the end product:
warrior.png
Next song was called “Boxes” and this was the end result:
Boxes.png
Those two images took me a week to finish…
The next week I made some funky album covers from a band I created in my head, because I wanted to work with filters and live paint and I thought it would be a cool way to explore that.
It was really fun to experiment with filters such as glowing edges, but I didn’t learn a lot new or exciting.
I did finally get a chance to use the flare tool in Adobe illustrator. If your familiar with the program, under “Make Shapes” there is a make flare tool, which is kind of useless. All I could find on the internet about it was that it was useless and kind of ridiculous to use. But if you’ll notice, I was able to make the right eye on this first album cover have a glare come off of it by adding a flare underneath the image. So that’s cool.

electricdragoneyes.pngalbulm art electric.png

DPE Week 9

This week we worked more with the pen tool. Needless to say, it was a learning week.

Here are some of my practice images (the last one is not done):

pen-tool-exercise-1pen-tool-exercise-2-300x198pentool

Okay I must admit, this week the pen tool grew on me. BUT its really tedious still for me. I don’t like spending 10 minutes outlining the Taj Mahal.  I worked on it by outlining these images as well as working with this game. And though I was definitely a lot faster by the end, it was…not the most fun thing we’ve done in here. On Thursday we also started on a vector image of south which I am still working on:

South

This project is pretty fun for me because I get to use color and I am actually using the pen tool for a more practical purpose. I also experimented more with with the live paint tool and learned to not expand shapes if you are going to fill them in because it will double your work time. That’s my little way of saying I now have to go through and individually click the live paint for each individual shape to fill them in. So I have got to get to work.

See you next week!

DPE Week 4

This last week we finally got our FIRST DESIGN PROJECT with an actual client and everything. It was pretty cool. The idea was that we would create a design for the IB program t shirts here at South. If you don’t know what IB is click here. We started with sketches of possible ideas, and then I finalized two of my favorites in Adobe.

My first design was an IB symbol shaped by pencils:

ib-tshirt-pencil-scrap

But it seemed a little elementary and I didn’t think it combined as many elements about the international Baculureate that I wanted it to. My second design was a globe surrounded by the characteristics of an IB student as defined in their learning profileib-tshirt-design

I think I like this design the best, although it a little more complex. Believe it or not, I traced the whole globe with the pen tool that I was struggling with. I really like how it turned out, and I was able to use the pen tool with control. I did get a little frustrated though, that words around the globe were not centered. It annoyed me to no ends and I don’t know why I couldn’t get it right. I tried to go for a playful, unified feel for both of my designs and I feel like I accomplished that.

My last design was cool, but I couldn’t use it because of the IB brand guidelines, which apparently stated that I couldn’t make a symbol that looked like I was redesigning the IB brand logo. So that was scratched, and I’m not sure, but I don’t think I can post it here. It took me a long time to understand the guidelines, but I THINK that my other two designs are fine.

During this week, I really began to understood the pen tool better, and I feel like I accomplished my short term goal. Now I kind of get anchor points and handles, and as you can see from my globe design, I’m not as frustrated with it anymore. However, I am still of course working on my long term goal. Having patience for attention to detail is something that is hard for me, it’s easy for me to say “good enough”. There are a lot of tiny things in my designs that I just pushed aside and forgot about, which if I had fixed, would have made my designs look a lot more professional. Over the next few weeks, I’m keeping my same long term goal but I am changing my short term goal to learning align things correctly. There are so many different ways you can do it, and I just know that I’m doing it the hardest possible way. In most of my designs, there are crooked or leaning elements. It took me longer than it should have just to straighten out a line on one of the designs that I did.

Week Three

Second Semester is off and running! I keep putting off updating the blog for Digital Art two so I’m going to talk about last week first, which was the first week we were supposed to update our blog.

Last week I worked on notans, which you can find more about here if you are interested. Basically “Notan” is a Japanese term recognizing dark-light as an element of design. It’s all about how positive and negative space interact with each (think of the yin- yang symbol.) First, we started with a simple 3 by 3 black square in Adobe Illustrator and did some basic cutting and flipping. This was my first basic notan:

simple-notan

As you can see, the jist of a notan is to cut a shape from the black square using the divide tool, and then reflecting it across the axis you want it to. It’s relatively simple once you get the hang of it, and looks kind of cool once your all said and done. Next, we moved on to a complex notan, which we used the pen tool on. I don’t know if I’ve mentioned this before, but I seriously struggle with the pen tool. It’s really hard for me to figure out how it works, and I just don’t understand why my line will go one way when my mouse is moving the other. However, this last week, I was able to start to control it better. It’s not perfect, but it’s a lot better than my first attempts at using it. Here is the complex notan:

complex-notan

I’ll admit right now, I got REALLY frustrated with the complex notan. The horrible Adobe pen tool came back to haunt me from when we first started Adobe Illustrator, and I was not ready. Then I had to figure out why somethings wouldn’t reflect right, and why some would reflect vertical while others would go horizontal. This notan got on my nerves. I’m not even sure if it can be classified as a notan since it’s not exactly symmetrical. In the End though after everything was finished, it looked kind of cool. I tried to make it like a pair of alligator jaws in a river (hence the weird squiggly line and bubbles). I don’t really know why I chose to do a pair of alligator jaws, but it might have been because I was mad at Adobe Illustrator.

Finally, The Original Notan! I left this one incredibly simple because I noticed in my previous one that they got pretty crazy and all over the place. I wanted the notan to be sharp and clear and organized because the was part of the point. I started thinking about the division in groups that we often have. How we think about the labels on them rather than the whole person, and that causes separations or lines between us. Notice how the “labels” are the only thing crazy and out of place in the notan. Yet there is a common unity because we are all sitting around the same “table”.  In addition, if you look at the whole design, it creates one person, not four dot people.

originalnotan1

I think I’m getting a lot better at creating organized designs. When I first started my digital arts class, I didn’t know how to reflect or rotate or align, and so I had a lot of design problems. Look at my last notan, I can see that I’ve grown a lot in that area. My short term goal for digital arts will be improving on my pen tool skills. It’s still pretty hard for me, and I don’t quite get the whole thing about “anchor points” and “handles”. Looking at my notan designs, I can see that I still didn’t have quite the control that I wanted with it. I also would like to figure out how to edit my pen lines. My long term goal for this semester will be paying more attention to detail. I’ve noticed that I’ve been getting frustrated with a peice and eventually think “good enough” even if I don’t really like it. This semester I want to work on having patience with my designs.

 

Week 17 in Review

This week I had a lot of fun- we got to make stickers! It was fun to doodle different symbols and see what I could come up with. I can’t wait to see them come from the vinyl cutter.  Here are some of the stickers that I created this week:

sneakerstickerimage

A Run Fast sticker which I personally didn’t think turned out very well. I didn’t realize until I had exported it that putting the words Run Fast under a shoe might not be the symbolism I was hoping for. Also, the very clean font next to my doodle is just begging for my drawing to be cleaned up-this one didn’t go the vinyl cutter. However, in my next sticker I addressed the tidiness problem. My model for the shoe was a clip art picture from this link.

flowersticker

A Grow sticker! This one was definitely my favorite- my drawing looks much cleaner and compliments  the Joker man font from Adobe Illustrator.

runfaststicker.jpg

This is another Run Fast sticker but with a snail instead. I started thinking about an oxymoron during the tutorial here which said that a field mouse wouldn’t be a very good doodle to have under the word BOLD, unless you were trying to be funny or get the viewer thinking. Compared to most people in the cross country world I’m a snail, and yet I tell myself to run fast at every race- so I thought this sticker might be a good reminder to myself sometimes.

I think that I have accomplished both of my goals from the past few weeks. I’ve gotten better at saying more with less, and I am getting the vector image thing down.

We also did a T shirt design this week which turned out really cool. Mine says “Organic” which was printed against a black plain t shirt. (Scroll down for my final design for some reason my organic symbol took up an unreasonable amount of space)

 

organictshirt

Final Projectimnotkidding.jpg

Finally, here is my FINAL PROJECT for digital arts 1. I’m so sad I am not going to have this class next semester because it was truly one of the best electives I’ve ever taken. I tried to keep my drawing simple because I have so much trouble getting Adobe Capture to work right, and I knew I was going to struggle it. I hope to continue working with Digital Media on my own because I find it so fun and new. It seems as if there are always new things you can do to manipulate your drawings and pictures. I think that I might end up continuing to edit this blog, mostly with my photography. I’ve grown a lot over this semester, from becoming impatient with the smallest design problem to being able to put together vector images in minutes. I still have work to do,  and my final images are certainly not as good as some others, but I’ve learned to be patient and have discovered new mediums that I’ve never dreamed of.

Week 16 in Review

This week was pretty interesting because we really started working more with vector images, using Adobe Capture and Illustrator. I learned that drawing full shapes and NOT just lines is pretty important when working with vector images. In the above cartoon I failed to acknowledge that and it took longer than it should have to color all of the girls – even though they were just copies of each other! I ended up having to paint parts of the drawing instead of using a paint bucket because I had to many of my shapes were not closed.  I did have a lot of fun arranging the different colors for each girls outfit and I think it would be interesting to experiment more with how various colors of outfits affect your view of the cartoon.

In terms of focus this week I was pretty on task. It was a bit hard to get back in the groove of school after such a nice, long winter break so by the time Digital Arts rolled around on Tuesday I was ready to do some creating. I think I could have spent some more time on parts of the work I did this week, but I was really getting frustrated with how my vector images were turning out when I scanned them with Adobe Capture. Often, my scanned drawings will have holes in them where my original hand drawing did not. I actually like the effect it had on my symbol drawing below, but it makes it really hard to fill in using live paint. I actually had to outline some parts myself.

A few times, I had to refer back to the tutorials here for reference on live painting, but this week I was mostly on my own using Adobe Illustrator and Adobe Capture.

 

 

growsymbolrustic.jpg

Eventually, I simplified the drawing by redrawing it with less roots and petals and added more color to create my final piece. I like the thoughtfulness and quite look of the first drawing, but I also enjoy the eye catching colors of the second drawing.

colorflowersymbol.jpg

It symbolizes the hope I have of growing outside of my safe “circle” in this coming year, whether that be with my art, writing, friends or classes I take. I can see glimpses of this hope as I explore new clubs, work on the book that I will eventually publish, and experiment with my mom’s oil paints (when she’s feeling nice). This idea of growing outside of my boundaries is actually also my short-term goal. I think this is something I need to work on because I have noticed that I often go back to the same sorts of ideas in my art and writing. I don’t know if that’s necessarily a bad thing but I also think it’s important to explore.

As you can see from my vector images, I’m still working on my long-term goal from last post that stated something along the lines of creating a  simple vector picture that can accurately represent a topic. I am getting there, but I still need to work on simplifying my picture. Prehaps I can learn to say more with a little less, because I think that could be really powerful.  I will continue to grow towards achieving this goal in the coming weeks.