• We are STAs
    • Daniela Caballero
    • Leilani Cabello
    • Lorena Chiles
    • Marissa Devivar
    • Luisa Matzner
    • De’sha Bass-McClellan
    • Adrian McKee
    • Thang Truong
    • Carrie Wang
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

Ashley Solano

Ashley Solano

Summer 2011 Part II (June 28 – May 29)

July 29, 2011 By Ashley Solano

———-DONE!———-

Pitch Perfect Pinyin[total: 27.25 hrs]

– Done units: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10,11, 12

– Done except for: audio missing in various places

New STA Training: Miscellaneous[9.5 hrs]

– Met with Suloni

– Worked on powerpoint

– Made image and portrait place-holders for wiki practice

STA WikiWikiWiki imageSTA WikiWikiWiki image

STA WikiWikiWiki image

Twitter/ Libby Page re-design [3.75 hrs]

– Got the OK to fix the twitter page

– Fixed the design settings of the liberalartsUT twitter account

– Waiting on final feedback

COLA Public Affairs Features[6 hrs]

– Met with Andre over process

– Started and finished 2009 and 2010 features

Reset Reboot Recoup site mockup [3 hrs]

– Made two mockups for the RRR conference site

STA WikiWikiWiki image

STA WikiWikiWiki image

New STA Training: Realistic illustration tutorial [12.5 hrs]

– Started to redo the face

– Made a pixel background woot

– Had tutorial with Megha, Michael, Katie, and Karina Thursday

– Had tutorial with Angie Monday

7/1/11

STA WikiWikiWiki image

7/6/11

STA WikiWikiWiki image

Helped Maxx with photo shoot for Lecture site [0.5hrs]


———-DONE FOR NOW———-

New STA Training: Paper Cut Art tutorial[3.25 hrs]

– Gave some feedback to Angie / Megha

– Megha’s officially done with hers (7/6/11)

– Next tutorial will be scheduled individually

South Asia Institute videos[13.5 hrs]

– Started coding the HTML/CSS to the video page (option 3)

– Static page (pre-PHP coding)

– Dynamic page (post-PHP coding)

Department of History feature banners [3.75 hrs]

– Starting making some versions of a NSP Class of 2011 banner

STA WikiWikiWiki image

STA WikiWikiWiki imageSTA WikiWikiWiki image

– Made a few different designs for Alan Tully feature

STA WikiWikiWiki imageSTA WikiWikiWiki image

(Martha-Gail ended up going with her light gray banner)

Dr. Quinto-Pozos tutorial [2.25 hrs]

– Met on Mon 7/25 at 2pm

– Ran into a few bugs; trying to figure them out

Vectors + javascript = ???

Filed Under: 2011 - 2012

Summer 2011 (May 25 – June 28)

June 28, 2011 By Ashley Solano

———-DONE!———-

Masterworks Videos [2 hrs]

– Met with Camri on Wednesday about what to do

– Got clips for: Arabian Nights 1, Arabian Nights 2, What Dreams May Come, Prospero’s Books, 1492

– A few movies couldn’t be found

French Art Site Update [4.75 hrs]

– Met with Dustin on Thursday on what to do

– Started and finished renaissance section

– Started and finished 19s section

Arabic[1.5 hrs]

– Helped Ran with some audio issues

LMS Selecting and Training [total 15 hrs]

– Wednesday meeting: got usernames/passwords for everything

– Signed up for lab shifts for next Tues/Thurs

– Checked out moodlerooms and desire2learn

———-DONE EXCEPT FOR A FEW THINGS———-

Pitch Perfect Pinyin[total: 26.75 hrs]

– Done units: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10,11, 12

– Fixed links to audio: found a few weird bugs

– Done except for: images for units 11 and 12; audio missing in various places

Olivelle Update[this week: 0.5 hrs; total: 3.25 hrs]

– Fixed a few files

———-ONGOING———-


South Asia Institute videos[4 hrs]

– Met with Andre and Suloni

– Made mockupsone,two, andthree

– Made mods to optionthree

– Need to start coding the HTML/CSS to the video page (option 3)

Twitter/ Libby Page re-design [1.5 hrs]

– Made a mock twitter page

– Sent to Jessica and Suloni for feedback

New STA Training: Miscellaneous[1.75 hrs]

– Met with Suloni

New STA Training: Paper Cut Art tutorial[2.75 hrs]

– Prepared / planned out snake tutorial

– Met with Angie and Megha Monday at 1 for a 45 min tutorial

– Assigned Angie and Megha animal illustrations

New STA Training: Realistic illustration tutorial [8.5 hrs]

– Started graduate illustrations

6/18/11

STA WikiWikiWiki image

6/25/11

STA WikiWikiWiki image


Filed Under: 2011 - 2012

May 18 – 25

May 24, 2011 By Ashley Solano

Site update forDr. Pangle[total: 12.5]

–Status: DONE!

– Made background of arch in homepage match the marble texture in the other pages

Pitch Perfect Pinyin[total: 21.25 hrs]

– Status: in progress

– Done units: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

– Unfinished units: 11, 12

Olivelle Update[this week: 1.75hrs; total: 2.75hrs]

– Status: Close to done

– Moved over all pdf’s and links from books and articles to publications

– Done except for a few file discrepancies (emailed Olivelle about it; waiting for reply)

LMS Selecting and Training [total 3 hrs]

– Training meeting with Emily

– Tried out Sakai for a bit

– Tried to get into moodlerooms and desire2learn but neither worked login wise

French Art Site Update []

– Need to set up a meeting with Dustin

Filed Under: 2011 - 2012

May 5 – 17

May 18, 2011 By Ashley Solano

Site update forDr. Pangle[total: 11.5]

– Status: close to finished

– Made a few different options for Dr. Pangle’s homepage for her to choose from

– She chose to make it look like the marble in the other pages

Yoruba Textbook Illustrations [this week: 5.5hrs; total: 30.5hrs]

– Status: DONE!

– Last interpretation of map coloring

– Made a 3×6 version of the students in the science lab

STA WikiWikiWiki image

Pitch Perfect Pinyin[total: 20 hrs]

– Status: in progress

– Done units: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

– Unfinished units: 11, 12

– Fixed a few things on the homepage: accents and characters

– Moved over some audio files from Projects –> Dev folder

Knowledge bank illustrator Tutorials [total: 11 hrs]

– Status: DONE!

– Finished snake tutorial!

Olivelle Update [this week: 1 hrs; total: 1hrs]

– Met with Suloni and Andre on how to update the pages etc

– Downloaded all pdfs

Filed Under: 2011 - 2012

Emulating an Art Genre

May 16, 2011 By Ashley Solano

How do you emulate an art genre using Ai?(Chinese paper art)

In this tutorial, we will be making a snake in Illustrator in the Chinese paper cut art style.

Here is our finished product:

STA WikiWikiWiki image

This tutorial is divided up into 6 different parts.

1.Basic Shapes

2.Swirl Tool

3.Patterns

a.Head patterns

b.Body patterns

4.Using pathfinder to cut out shapes

a.Simple cut outs

b.More complicated cut outs

5.Flower cutouts

6.Additional things


BASIC SHAPES

1. Find reference pictures for your animal. I had to use two different ones because the head on one of the pictures was not as cool looking as the other one. (You can worry about your background images after your animal’s done) Lock the layer that your reference pictures are on.

STA WikiWikiWiki image

2. Make basic shapes for the snake using the pen tool. Be sure to make them closed shapes so you can fill them in with color later. In this case, I chose to make the head a different color from the rest of the body. This style of art tends to be very bright so make sure to pick out bright colors.

Aside: This project also called for the head to be detachable from the rest of the body (the animal heads were going to be used as icons for the navigation of the site). You do not need to make the head of your animal detachable.

STA WikiWikiWiki image

I took some liberties with his tail, just as a personal choice. Ill later wrap the end of the snakes tail around a small rock.

Tip: You can make one big shape for the base color (in this case, the light green part of the snake). However, once you get to the darker shading, those should be separate shapes.

STA WikiWikiWiki image

Tip: LAYERS. LAYERS. For the love of god, use layers to your advantage. Name them, divide them, organize them. Youre going to have a LOT of shapes and paths by the end of this, you dont want to waste half of your time just trying to find that one shape you made two days ago.

Tip 2: SAVE OFTEN. That can never get said enough.

SWIRL TOOL

A tool that comes in handy occasionally is the swirl tool. I used this to make the ends of the snake’s tongue. If you already know how to use the Swirl tool, feel free to skip ahead to the next section.

The swirl tool can be found with the line segment tool.

1. Pick your color for your swirl, in this case, its red for the tongue.

2. Use the pen tool (or the arc tool) to make the base of the tongue.

STA WikiWikiWiki image

3. Use the swirl tool to make the tip of the tongue.

STA WikiWikiWiki image

Tip: While still holding down on your mouse (or if youre using a tablet, while still keeping your pen on the tablet), use the up/down arrows on the keyboard to adjust the length of the swirl to whatever you want.

4. Rotate the swirl so that it matches up with the end of the curved line from step 2.

STA WikiWikiWiki image

5. Not done yet! Connect the two pieces by selecting the endpoint of the curved line and the endpoint of the swirl. (Any easy way to do this is to just hit Q on the keyboard and then circle the two endpoints) Then join them together by either going to Object > Path > Join or by simply hitting Command + J .

STA WikiWikiWiki image

6. The point where the two pieces meet is still a little jagged. So use the Delete Anchor Point Tool (keyboard shortcut: hit the minus key) to delete one of those two endpoints you had just joined.

Done! Now just copy, paste, and adjust this and youve got a forked snake tongue.

STA WikiWikiWiki image

PATTERNS

Patterns are a necessary part of paper art style. First I’ll start with the head.

STA WikiWikiWiki image

Head patterns

This part is pretty simple and flexible so Ill only have this one picture as a reference. Youll learn how to cut out all the whites shapes later in the tutorial.

1. Choose bright colors to contrast the darker colors of your animals head. White shapes will be used later for cutouts.

2. Choose and draw a shape suitable for your animal that you can repeat as a pattern.

For the head, I chose to do rounded rectangles (hand drawn with the pen tool, not made with the rounded rectangle tool). This gives the snake’s face a scale-like feel to it. If your animal is more on the furry side, your shapes should be more like fur. I also did some apostrophe type shapes just because I thought they looked good.

3. Be sure to copy and paste your shapes to make everything regular. The shapes themselves don’t need to be precise but copying and pasting the shapes repeatedly gives the illustration more structure. Keep your pattern simple. Something too intricate will not look good when repeated.

Tip: Change the size of your shape dependent on perspective. This will definitely come in handy for the snake’s body.

4. Dont forget to use both white and colored shapes.

5. Give him some angry eyebrows. (Easy way to give the eyebrows a jagged shape is to make one curvy triangle shape, copy/paste it repeatedly, then connect it all together).

Tip: Do not swamp your animal’s head with too many patterns. A little pattern goes a long way. Dont be afraid to scrap a pattern completely if it doesnt fit your animal. Look up other paper cut outs online to see what patterns they use if you need inspiration.

Body patterns

I made the pattern I did based off a snake’s scales. I actually used a separate reference picture for this one. I based my body patterns off this:

STA WikiWikiWiki image

Making the pieces bigger in certain areas when the perspective is closer creates depth, just like in the reference picture.

STA WikiWikiWiki image

Dont forget to add white shapes for the cutouts.

STA WikiWikiWiki image

Tip: For the snake, I had to make sure the patterns followed the direction of his body. Be sure you do this too for your animal. It will make it look better and less like you just copied and pasted everything (despite the fact that thats exactly what you did).

STA WikiWikiWiki image

I added the rock and some grass as a personal preference.

USING PATHFINDER TO CUT OUT SHAPES

It just wouldnt be a paper cut out without actually cutting the shapes out. This part can be tedious but it helps in the long run. This section is divided into two parts.

Simple cutout: For white cutouts that have only one color/shape underneath it

Multiple cutout: For when your cutout shape is on top of two or more layers. For example, the white cutouts on the snake body: it’s on a dark green layer and a light green layer.

If you already know how to use the Minus-Front tool in Pathfinder, all you need to know is to cut the white pieces out of the main shapes so that there’s one big piece with holes in it rather than one big piece with lots of little white pieces on top of it.

Simple cutout

1. Select your white cutout shape and your background shape at the same time. You can do this by holding down both the apple key + shift, then clicking both shapes. For this Im just going to do a really simple shape.

Tip: To make things easier, make sure the white cutout shape is on the layer directly above your background layer. When there are other shapes in between, layer order gets a bit tricky.

STA WikiWikiWiki image

2. With both shapes still selected, open pathfinder (window>pathfinder). Click on the Minus-Front tool. This will automatically erase your white cutout from your background image, merging it into one oddly shaped image.

Here’s what it looks like after cutting out the piece (notice how its just one shape with a hole instead of two separate pieces)

STA WikiWikiWiki image

Tip: If you have multiple white cutouts, you can save time by selecting all the white shapes and the background at the same time, then using the Minus-Front tool. Much faster than tediously selecting every white shape individually.

Multiple layers underneath cutouts Snake Body

1. Duplicate your cutout. As stated before, pathfinder Minus-Front automatically gets rid of your cutout shape layer. You need this shape for both layers, so duplicate it before proceeding. You can do this by copying the shape and pasting it in front. (command+c then command+f)

2. Select one copy of your cutout and one of your background images. In this case, the dark green layer.

3. Use pathfinder Minus-Front tool.

Now the dark green layer has the cutout, but the light green layer underneath doesn’t. This is where your duplicate white piece comes in handy.

4. Select your duplicate white shape and your light green background layer at the same time.

5. Use pathfinder Minus-Front tool.

Done! Now you have a proper cutout for both green shapes.

Tip: This process can be used for cutouts on top of 3+ colors too. Basically, you need the same amount of cutouts as you do background layers.

Here’s an example of what it looks before and after cutting out the shapes:

STA WikiWikiWiki image

Here’s how everything looks after I added the rock and fixed the tail

>>> FLOWER CUTOUTS

Now it’s time to give a background for the animal. Find some reference pictures of flowers or plants that you think would be suitable. There are two approaches you can take with the flowers. You can either do the same method as you did with the animal (one big piece with cutouts and patterns) or you can simply make many little shapes to make the flower.

Here is the first method. I didn’t really base it off any reference pictures in particular.

1. To make the petals make one side of a petal. This will make sure everything’s symmetrical.

STA WikiWikiWiki image

2. Copy this shape and paste it in front (apple+c, then apple+f). Then flip it horizontally (object > transform > relflect vertical at a 90 degree angle).

3. Move the second shape so that it lines up with the first shape, then join them together with pathfinder.

STA WikiWikiWiki image

4. Copy and paste this petal, placing the shape so that it begins to form the flower like this:

Tip: I used the rotate tool and rotated each piece a multiple of 72 degrees (360 degrees divided by 5)

STA WikiWikiWiki image

5. Fill in the middle piece and join all the pieces together (pathfinder tool).

STA WikiWikiWiki image

6. Now it’s time to make cutouts. Here is the shape I made (using the same method I did for the petals):

STA WikiWikiWiki image

7. Repeat step 4, this time with your cutout shape.

STA WikiWikiWiki image

Note: Do NOT use the minus-front tool to cut these shapes out yet! You’ll do this at the end.

Also: At this point, it’s okay if the middle of the flower doesn’t look too great because you’ll be adding some pattern shapes to cover it up.

8. Now add one more shape (I did ellipses) as well as a circle on top of your base shape. Feel free to pick any other shape.

STA WikiWikiWiki image

9. Adjust the cutouts so that none of the dark blue is seen underneath the center pattern you just made. Move them around to make them look better.

STA WikiWikiWiki image

10. Finally, cut the white shapes out of the big blue shape using the minus-front tool and you’re done!

This is the second method. Here’sthe flower I chose for this style.

STA WikiWikiWiki image

1. Make an outline of flower. An easy way to do this is to make one shape outlining the whole flower, then making a copy of that shape and making it smaller. Then use what you learned with pathfinder and use the minus-front tool to delete the smaller shape to leave an outline.

STA WikiWikiWiki image

2. Start by making the darker shapes using the pen tool. You don’t have to be very precise or get every single dark shape, just enough to get the feel of the flower petals.

STA WikiWikiWiki image

3. Then make the lighter shapes with the pen tool underneath the darker ones. Make sure to leave enough white space to make it look like a cutout.

Here’s how the finished product looks. (For reasons I can’t remember, I didn’t do the leaves)

STA WikiWikiWiki image

ADDITIONAL THINGS

Youll notice my snake and the reference snake do not actually line up perfectly because I decided to throw a rock into the mix and make the snake hug it with its tail. Feel free to not follow the animal reference picture perfectly. If you think your animal would look better in a slightly different position, dont be afraid to change it.


Helpful Links

http://www.sinopaperart.com/chinese-paper-cut-gallery.htm

This website served as a reference a lot throughout this project for everyone involved. There are three different sets of the zodiac animal paper cut out art that you can look at for inspiration.

Filed Under: General

April 28 – May 4

May 5, 2011 By Ashley Solano

Site update forDr. Pangle[total: 10.5]

– Changed marble texture for sides

– Added top border to code

– Cropped top of homepage a little to move everything up

Yoruba Textbook Illustrations [this week: 1.5hrs; total: 29.5hrs]

– Status: ongoing

– Finished students in a science lab

– Still need to fix map colors

STA WikiWikiWiki image

Pitch Perfect Pinyin[total: 19.25 hrs]

– Status: in progress

– Added pronunciation tips for Unit 1; added content to homepage

– Done units: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

– Unfinished units: 11, 12

– Cleaned up code a little

– Checked audio for all units that have audio. Only unit 3 has one missing (Pitch 6a)

Illustrator Tutorial [total: 8.25 hrs]

– Moved Libby tutorial to knowledge bank on wiki

– Need to finish snake tutorial

CV Collection Project [total: 8.5hrs]

– Status: ongoing

Filed Under: 2011 - 2012

  • 1
  • 2
  • 3
  • …
  • 6
  • Next Page »

link to LAITS home page

Video STA Home

© 2023 Liberal Arts Instructional Technology Services | Production Credits