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

My Own Font!

This weeks challenge: create an embellished A in your own font style.

And then completely get distracted and create an entire font line.

I started with a simple sketch of an A, then added vines, swirly que thingys, and leaves. In my head I was thinking of some sort of magical forest font- like something you would see in an old book about Fairies. I wanted it to be tall and bold, but also kind of fancy.

Here’s the original A I scanned into my computer using Adobe capture, which allows you to turn your drawings into vector images:

Then I messed around with effects and colors for a while. I didn’t like that the A was asymmetrical (haha), so I masked half of the drawing and then reflected the first half so it looked the same. Then I live painted the A this forest green color I liked. But when I finally decided on adding the glowing edges font, the green kind of disappeared. Sad that my image was now black and white, I copied the original A, and put it slightly skewed over the black and white one. Then I live painted that green. Bam:

TypographyA

It’s a lot darker than I was originally thinking in my head. I was going to go for something kind of airy and sprite like, but I also like how the A ended up turning out anyways.

Anyways, I enjoyed doing that so much, that I decided to do a whole font line with the same viney look. It’s a little weird, because when you zoom out you can’t really see the vines but it was still fun. Also another note: this font is not complete! There are still sections missing, lines that need to be connected, and you’ll notice there are no numbers in my template. I just wanted to try out the font machine I used without going through all the motions beforehand.

Okay. So all the letters I made are based off that one original A. I used the different lines already present in the A to form the straight letters, and used the warp effect to achieve the rounded letters. It took me about 3 hours just to put the whole template together, and I didn’t even draw any of the letters. I’m sure in some ways it might have been easier to draw the letters, but I wanted to see how far I could go on the computer, and you can’t those small leaf details without zooming in on the screen.

There were pretty much two main lines that I used to create all of my letters, and then it was just up to a few warps, turns and reflections to achieve the overall letter. The hardest part was making sure that each line fit together nicely. I think the letter S was the hardest to make because it was completely made out of curves. It was difficult to get all the pieces together. Here are the two lines I used:

curved linestraightline

Next part was to find a make-your-own-fonts webpage. I chose Calligraphr because it was easy to use, free for the most part, and the first one that popped up on my browser. Calligraphr has you download a template with basic letters and few punctuation marks, you can add some arbitrary characters, but some are restricted for if you pay for a membership.

Next step was to fill out the template! I dragged it into my Adobe file and dropped in the characters I had created. I learned the hard way that every part of the letter NEEDS TO BE IN THE BOX. It took me several uploads, and many minutes of frustration before I realized this. Here’s my completed template:

typetwotemplate

You’ll notice that the p, q, and g all take up the whole box, and their “tails” don’t hang down under the letter. This is easily fixed by messing with the “baseline” under “edit characters”  once you’ve downloaded the template into Calligraphr.

Finally I was done with my template! Next step is to press “Build Font” and it will process each letter. Here’s the examples I got:

Capture

And bam! I got my own font! I call it: FOREST MAGIC! Its a little weird, and off center, but it’s my own font! And it’s exciting. I can’t wait to use it.

Tune in next week for a new adventure….

Posters, Badges and Simple Images

It’s an exciting new year of Digital Arts and I’m back on the computer, ready to share some new designs!

This week I’ve been working on posters and badges to practice making vector images, freestyle, without an image to go off. It’s been pretty fun and I’ve learned a lot.

The first project I did was a badge. This work helped me learn about how to make complex shapes and experiment with using clipping masks.

beebadge

Yeah, it’s pretty corny and fake, but it was fun to make, and I was able to work out some kinks in my designs like spacing issues and that sort of thing. The seam around the badge was hard to figure out, but I eventually found this website which was extremely helpful this week. I think I used the same link last year, but it really is very good.

Next Project! I decided to make a poster so that I could practice more symbols and trying to make simple images. That’s really hard for me, because I like to make things as complex and intricate as possible. But in the Digital Art world, I’ve noticed most practical applications of Digital Art involve simple logos or designs.

Poster-01Poster-02

I did one in color and one in black and white. I actually think I like the black and white one better, it looks cleaner.

That’s about the extent of what I did this week. Tune in next week for exciting adventures in typography….

 

 

 

 

 

End of the Year

Wow! I haven’t updated this blog in a long time, not since it was an assignment for class. The school year is coming to a close, which means no access to creative cloud or digital arts for 3 months! Here are some of the things I’ve been working on lately as we finish up in class.

girlpowersymbol
I did some work with clipping masks, and recreated this popular feminist symbol.
Typography Portrait
I worked on adding effects and warping text with this portrait of singer Aurora with lyrics.
Typography Portrait [Recovered]
Here is another version of the same project using cooler colors.
cultivate
I worked on little fun illustrations that helped with forming images.
Road Sign-11
I worked on drawing flying cats (cause who doesn’t want to draw flying cats)
abbey
More warping text practice with a logo

 

I’m really enjoying being able to combine a lot of different things I’ve learned to make one big project. See you next year!

DPE 8- Q and A Questions

What grade do you believe you have earned? Why do you believe that?

I believe that I’ve earned a low A to high B. I’ve been really focused and on task, working hard on the different assignments we’ve had, but I keep forgetting to upload some of my completed photos and blogs…which is the actual grade. I am going to try to be better about that, it’s just a lot of bits and pieces to put together in my mind.

Post the image that you are most proud of and then answer these questions:ib-tshirt-design

Why are you proud of this image and more specifically, what did you learn while creating this image?

I’ve already posted this image, but I love it because it shows so much of my growth. This was the piece where I felt like I really mastered the pen tool, and I experimented with a lot of other different tools that I hadn’t worked with before. I learnt how to align things in a way I liked and really make a piece look cohesive. Even though it wasn’t a winner with the IB coordinator, I still really enjoy it.

What has been your biggest challenge in creating imagery this semester?

I think my biggest challenge has been creating images that I was confident about. I really kept self doubting myself while I was making my images and not focusing on the process. When we had a group forum with all the other ideas for the IB t-shirt I kept comparing my designs to the other one’s, which was not good. This was silly of me, especially since the IB coordinator ended up really liking some of the designs I made.

What project(s) have you enjoyed the most? Why?

I’ve enjoyed the Saxon project the most I think because it was the biggest challenge yet. Also, it was fun to do something in color after we’ve been doing so much in black and white. I really needed to splash some  colored pixels on the virtual canvas.

What project(s) have you enjoyed the least? Why?

 I’ve actually been really frustrated with our latest composite image project. I’ve forgotten a bunch of things from Photoshop and it took me awhile to find all the missing files in my brain about how to cut out part of an image and so forth. I was also feeling annoyed at the photoshopiness (that’s an adjective thankyouverymuch) of my image. You know when you can tell that something is very obviously fake and has been photoshopped in? That is  kind of what it looks like:

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.