Skip to content

Kismet Arts Tangent

Art Collective

    • Fall Program
    • About
    • Blog
    • Contact

recent posts

  • Project Planning
  • Peppermint Products
  • Writing Prep List
  • Automatism
  • Latha’s Prattles

  • Instagram
  • Kinetic Type Tutorial

    November 7, 2012

    vector type on layers ai

    I tried following along with this tutorial: Kinetic Typography Tutorial | The Crooked Gremlins.

    1. Import Audio. Drag it down into your layers. At first I couldn’t hear my audio clip in Preview. The Internet has asked this question already.

    “To hear the audio you must play a RAM Preview pressing the Zero on the NumPad…Previews only sound. Hope this helps” -Dalvenjia via Dalvenjia’s Activity – Yahoo! Answers.

    Some peeps on the internet said that AE doesn’t “like” mp3s and .wav’s work much better. Online Audio Converter (MP3, WAV, Ogg, WMA, M4A, AAC) – media.io.

    2. Prepare your content. What I did was take the lyrics and type them into Adobe Illustrator, create outlines, group the letters into words, put each word on its own layer and label the layer for the word it has. Then arrange them. This is fun. (look at the vid, he shows a slick method.) Then import the file  into your After Effects comp.

     

    3. Video. I converted files from YouTube to mp4 with Media Converter – the fastest free online audio and video converter.

    4. Importing. Don’t forget “Retain Layer Sizes”retan layer sizes

    4. Working the text layers. Remember to have your type rasterize otherwise when you scale up it gets blurry real fast (even though you know it’s vector!). It’s the sunshine button.

    5. Animate, Render and Done. I was a bit frustrated that I couldn’t get the audio to work. I think there was something wrong with the audio clip I got. But, here is an excerpt from the Decemberist’s Crane Wife.

    rasterize button in After Effects
    sunshine

    Checklist for Classwork:

    Review My Timeline
    Discover Tutorials
    Develop Materials for Executing a Project outline in a tutorial
    Work Alongside tutorial until completion
    Reflect and Document on newly learned technique

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • EPub Resource Material

    November 5, 2012

    as published by Jill Vartenegian on her class website.

    EPUB RESOURCE MATERIAL
    “How to” export your file as an ePub


    View these links:

    Controlling Order of Content Export
    Adding a navigational TOC to an eBook 
    How to export your file to ePub 
    New Export Options for ePub in InDesign CS5.5

    For a more in-depth view of Indesign & ePubs:
    Creating an eBook with InDesign (Part 1 & 2)
    How to tag your styles for ePub


    If you have a Lynda.com account you can view these links:
    Anne-Marie Concepcion Indesign to ePub (site)

    Chapter 3: Creating a navigation table of contents (TOC) with a TOC style
    Using a TOC style in combination with and Indesign book
    Chapter 4: Adding a custom TOC as the first page of the ePub file.
    Chapter 5. Exporting from Indesign to ePub

    ”How to” make formatting edits to your code
    Lynda.com: Anne-Marie Concepcion Indesign to ePub (site)
    Review the following videos:
    Chapter 8. Editing ePub files for formatting
    (editing CSS, setting space, creating drop caps, side bars and pull quotes, text wrap)

    Experimenting with typefaces in ePub
    Embedding Fonts in ePub (site)

    CSS Examples (site) 

    ePub Zen Garden (site) 
    System fonts available for the iPad, iPhone (site)

    ePub communities, wikis, forums
    ePub Secrets (site)

    Pigs, Gourds, and Wikis (site)

    Mobile Read Forums (site)

    ePub, Indesign Secrets (site) 

    Book: ePub 3 Best Practices (book)

    Electric Book Works: The EBW Knowledge Base (site) (last updated 2011: This site has good information on the overview of the process, the order of ebook parts. The overview of production tips and Creating an ePub from Indesign are good BUT – be forewarned – the technical details within the overview are becoming a little dated because they are working in CS4. If you disregard the techical detatils and focus on the overall process, the information is still valid.

    Recommended
    International Digital Publishing Forum (site)
    ePub validator (site)

     

    While we’re on exporting: Here’s a web version of my design of Jane Eyre (pdf not epub)  jane eyre booksample

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Painted Waterfall

    November 4, 2012

    I was inspired by the beauty of Cloud Atlas, the movie. I was in awe of all the artistry, the amazing composite-work, the attention to detail. This is a painting of a waterfall I met on my trip in the midwest last summer. It’s a waterfall with very curvy edges carved out by swirling eddies.

    underpainting for waterfall
    the first round with the bigger brush
    waterfall painting
    Complete

     

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • SOB: Thumbnailing

    November 4, 2012

    I spent an hour working on these thumbnails. It is a good amount of time to be working on these things. Not too long that you get invested in the nuances of the typography, but enough that you would have something to talk about. I spent an hour prior brainstorming, coming up with ideas related to my interview with the head chef of Square One Bistro.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Client Research: Square One Bistro

    November 4, 2012

    square one bistro ScccFor my latest advertising assignment, I am to make an internal ad for the Square One Bistro at Seattle Central Community College. Tom Lenon required the class to interview their clients to better understand their needs and perspective. I had the privilege of interviewing Mike Jordan, the chef instructor. I had a lot of fun interviewing him. He was open and articulate and passionate about what he does. I took a class on interviewing at UW and conducting this interview reminded me of old instructions: eye contact, open-ended questions, establish rapport, etc. I’m really glad that Tom had us do this because I am always thinking if graphic design has so many little details to learn, each industry as well has its fascinating depths, intense analysis, attention to those details that we take for granted, but are actually hard-thought considerations.

    I proposed a meeting at Cafe Vita for an interview via email. He responded that Stumptown would be better. It’s always a good sign when people suggest a place and time they like. They feel invested and included in the meeting. He showed up on time and I got him a cup of coffee. The promise I made to my interviewees was that though I have little money, if I interview you, I’ll buy you the coffee. In retrospect, I would have gotten it prior to his arrival because it was a little awkward that we introduced ourselves and then I abandoned him for a few minutes while getting his drink.

    I didn’t prepare a question schedule (a list of questions and topics that are the skeleton for the interview direction). I should have, but I wanted it to feel casual and perhaps I was a little lazy and had confidence in my abilities to wing it. I asked questions, “how many people work there?” “What are a few words that you would use to describe Square-One Bistro?” And so on.

    We had a conversation about the bistro, his menu, his audience, regulars, the hierarchy of the kitchen, his teaching philosophy, his origin story of how he became a cook, then chef, then chef instructor.

    Meet Mike Jordan. He grew up in Iowa about forty years ago. Things were different then.  When you became sixteen, you got a job. (Sometimes sooner, ex. being a paperboy.) His first cooking job was at McDonald’s. He was given a choice, either work the front of the house (and  wear a polyester uniform and risk being noticed by your friends) or work in the kitchen. He chose the kitchen. Mickey D’s was a different place back then. Their commitment to food more apparent. Less automation, I’m sure.

    Mike said that the thing about being a cook is that you perfect your station then you get moved to something else, and that’s how you make your way up in the world. It’s not repetitive. It’s about “kaizen.” Continuous small improvements. He emphasized that cooks are not artists, they are craftsmen. Their focus and reliability makes them a good cook. Being able to repeat their success over and over. It’s about understanding the head chef’s palate, his vision and being able to follow instructions. Many cooks never become head chefs.

    Mike told me about his menu. Dishes tell stories. When he makes a menu sometimes he’ll put in dishes that are a part of his life, meals that make connections for him for that time when he first got married or started cooking school. How his grandmother made him strawberry shortcake from strawberries he picked. Whenever Mike inspects a crate of strawberries, he just needs to smell it and if the memory of his grandmother floats into his head, it means the strawberries are ripe and delicious.

    Mike loves teaching. He wants to influence all of these upcoming chefs through working in his kitchen. He tells his students to taste everything and often. Technique is so important that you can transform an average tomato into a great sauce. He worked for Emeril Lagasse (the “BAM” chef). He’s passing on the advice: pay attention to details. He and his students make everything from scratch. It’s important to focus because each step is crucial to perfecting the dish.

    His commandment to his students, don’t show up as a blank slate to a job. Come knowing stuff ready to challenge yourself and be what the boss wants you to be.

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • NRD Phase 2: Implementing Fluid Grid Layout

    October 30, 2012

    This is my design becoming real, slowly from mobile-first. That’s why everything is in a one-column layout. (More to add later.)

    Katsite Project 2

    (Earlier Post Relating to This Project)

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • Book Jacket Design

    October 29, 2012

    Book Making: PrintBookSignatures– Jill created this instructive guide to printing book signatures in InDesign (change printing range to the size of your signature, that way, when something goes wrong it’s not the whole book kind of wrong)

    I saw this record with embossed lettering and I thought they had used a photographic manipulation where you offset a silhouette of the type to create depth artificially. I really liked that idea, so I thumbnailed a version of my book cover.
    book cover thumbnail jane eyre

    I tried this out in Photoshop, but the text didn’t pop out like I thought it would. It was too subtle and after Jill showed the class how E-PUB covers become so tiny on the digital display of a “bookshelf” on the iPad, I knew I had to take a bolder typographic approach, which led to a bold cover design with sans-serif all caps italic which didn’t have the intimate charm I was going for. And the image I put in the background was a library of congress photo which is available for anyone to use because of their commons-license, but it wasn’t big enough, therefore blurry.
    book cover thumbnail jane eyre

    The interior of my book has handwritten script for the chapter heads. So, I went to this idea of ornate typography. This was really fun to do. With handwritten things, it’s a matter of fluidity, so I had so many versions where the J’s curls did twist just right or the ink flowed to strongly. When I looked at them, even in their imperfection, they still were interesting, so I collaged them in my photoshop document along. I really like ink-splatter. You can’t fake it. This is real ink, folks. My favorite layer effect in photoshop is setting the transparency mode to “multiply.”

    book cover version 1 Jane Eyre
    book cover version 1 Jane Eyre
    book cover design after critique Jane Eyre
    book cover design after critique
    final version of book cover Jane Eyre
    final version of book cover

    Update 11-3-12: I realized that grasuc (my conscientious commenter, see below) had a point. Something was lost from one to the other. Boxes are a little modern, but they help make the cover look a little more intentioned. And I think I was a bit extreme in my coloring, so I scaled it back and structured the soft splotches a little and I am feeling good about my design. (The final has the former image of Charlotte Bronte, I don’tknow why it inversed itself in the pdf forming, but I thought it looked kind of cool to keep it like that here.)

    U pdate 4-11-13: I made this mock-up using this GraphicsFuel.com | Smart objects 3D book mockup (PSD).

    janeeyremockup

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
  • After Effects Smatterings

    October 26, 2012

    Class Examples and tutorials brought to my attention by Paul Nissen

    Screen Shot from Inside Man Intro

    “Untitled” (He is an English Man) is by Christopher John Olsen

    After Effects Project: Pala Tute(by Gogol Bordello) on Vimeo by Sariah Swick

    Untitled on Vimeo–“Untitled” (He is an English Man) is by Christopher John Olsen. This one is actually hilarious… don’t be unimpressed by the title “Untitled”

    Diamond Mind – Kinetic Type on Vimeo  Mr. Courtney Comfort

    What Tom Said About Girls on Vimeo by Kevin Cox

    Places for Tutorials:

    Aetuts+ | Adobe After Effects tutorials from beginner to advanced..

    After Effects Tutorials from lynda.com

    After Effects Basic Training.
    .

    sharing options:

    • Share
    • Share on Tumblr (Opens in new window) Tumblr
    • Print (Opens in new window) Print
    • Share on LinkedIn (Opens in new window) LinkedIn
    • Share on X (Opens in new window) X
    • Share on Reddit (Opens in new window) Reddit
    • Share on Pinterest (Opens in new window) Pinterest
    • Share on Facebook (Opens in new window) Facebook
    • Email a link to a friend (Opens in new window) Email
    Like Loading…
Previous Page Next Page

Blog at WordPress.com.

Loading Comments...
  • Subscribe Subscribed
    Kismet Arts Tangent
    Join 102 other subscribers

    Have a WordPress.com account? Log in now.

  • Kismet Arts Tangent
    View site in Reader
    Manage subscriptionsSign upLog in
    Report this content
    Collapse this bar
%d