Skip to content

Kismet Arts Tangent

Art Collective

    • Kismet Arts Tangent
    • About
    • Blog
    • Contact
    • Donate

recent posts

  • Photo shoot with Kayleigh Shawn
  • Testimonials
  • Fractures Poem
  • Poetry
  • Pixel art products

  • Instagram
  • 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…
  • NRD: Web Design Phase 1

    October 26, 2012

    Assignment:

    “The type of site is a hybrid news/blog/magazine site, sometimes called a ‘Blogazine’. Each project needs to have a lot of news and content, as well as some form of advertising. Additional requirements:  Responsive Images, Responsive jQuery slideshow and/or Video, Embedded fonts from Fontsquirell.com, needs to be under 300k, needs to work on IE8, all modern browsers, phones and tablets.  You should surf the web to find similar sites to see what is relevant. Choose one from below:

    Geekbot.com is a digital culture magazine for the gamer/techie/maker/cosplay crowd. It has a lot of user generated content, social media integration and the latest news and information for the digital lifestyle. Its tone is hip, urban, youthful and irreverent. The demographic is young, affluent, sophisticated. The typical user owns a smart phone, a tablet, a gaming console and a laptop and is fluent in social media. See http://www.gameinformer.com/”

    Phase 1 of Web Design

    1. structure information with user-centered considerations (Site Map) *Research the competitors (Links) and content (html)


    unstyled html for NRD website

    NRD
    Version 1 of sitemap for NRD


    Joystiq.
    Kotaku, the Gamer’s Guide.
    The Escapist.
    Home – www.GameInformer.com.

    2. communicate style and function Branding: I’ve invented the new brand called “NRD” and designed their logo as pictured below.

    NRD style tile

    3.wire-framing explore more efficient layouts (Don’t forget Advertisements!)

    4. understand mobile strategy and other media requirements Client wants 3 layouts– mobile, tablet (landscape), and desktop *my audience is a bunch of computer nerds so let’s make that, widerscreen. Responsive Images, Responsive jQuery slideshow and/or Video, Embedded fonts from Fontsquirell.com, needs to be under 300k, needs to work on IE8, all modern browsers, phones and tablets. 20-30 good pictures in the image library and at least the initial paragraph for 12-15 feature stories on the front page.

    3 layouts responsive

    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…
  • A Comp and Critique

    October 26, 2012

    I submitted this comp today for critique in Advertising Class. What is a comp? That was a question I was asking myself this week. It is something where you push it as far as you can go. It has to be proportional to your intended substrate (thing you are putting it on) and in this case, flush-mounted on foamcore– I’m sure each boss will have their own ideas of what a comp is when it comes to presentation, but something considered and fairly polished. Using your own amateur photography, or excellent photorealistic illustrative skills or as a last resort filching from the Google Images bin, which never turns out to be exactly what you want. A comp is not about submitting less than your intended vision.

    Looking at just the copy, Tom Lenon said that I should say “Seattle Central” and not “education” lest the audience gets confused about the message. I don’t want them to persue just any education, but specifically my client’s establishment.

    Tom Lenon said that “Helvetica” is on his list of “Never Use.” I realized and affirmed that I probably shouldn’t use the name “Steve Holt” (even though I know how much fun it is to see it and read it with that voice in your head saying it “STEVE HOLT!” like they do in my favorite television show, Arrested Development. Tom Lenon said that it needs to be more. This picture isn’t the picture of someone that would really buy into this “genie wish” stuff. What I need is a total doofus. I’ll work on making that visual so I can communicate better to my photographer that I am meeting on tuesday.

    (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…
  • Advertising Analysis: Kokanee

    October 26, 2012
    kokanee beer ad
    kokanee beer ad

    Advertising Analysis #4 Using Tom Lenon’s Advertising Concept Word List

    Summary: (medium, typeface, etc.) Describe the thing.

    Full page ad in the Stranger Alternative Weekly magazine, photographic approach, yeti holding beer bottle, slanted italic sanserif font cold palette color with a warm accent tertiary.

    visual method:

    colorful language
    Type Plus Image
    Space
    Scale

    Analysis: What approaches? Audience? 

    Audience: young people, alternative, students, 18-65. People with a sense of humour, Pacific NorthWesterners who love the Sasquatch myth, snowy weather, evergreens

    What’s the emotional/social/personal appeal?
    Warm & Fuzzy
    Nostalgia
    Adventure

    What’s the cultural resonance?
    Visual/ Verbal Cliche
    Post Modernism
    Eclecticism
    Subcultures (cultural self identifiers)

    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…
  • Today’s Quiz: Workflow in InDesign

    October 25, 2012
    indesign class halloween story
    Shift+1 in Webdings gives you a scary spider!

    Today’s quiz involved a Halloween Story. It reminds me of those days in Elementary School where when holidays came around suddenly the homework would take on those themes. Why couldn’t we have designed a Christmas card last year? Was it the lame-stream media’s influence on our liberal teachers?

    Chris handed out this really great workflow instruction sheet. I would love it if all of my classes had one of these. A good workflow instruction sheet has the tasks that need to be done in order. I want to use it as my checklist for all my InDesign assignments in the future (and edit it when I find better tactics):

    Instructions. A Simple Workflow (40 minutes) Part 1

    Create New Doc (Letter)
    Create Paragraph Styles

    including Next Style
    Create Character Styles
    Create Nested Styles
    Create Object Styles for:
    Image Frame
    Main Text Frame
    Folio
    (Include Paragraph Styles as part of Text Frame Anchored Objects)

    Create Object Styles for Anchored
    Objects (or after place and format): Incl. Drop Cap, NoTres Image Spider image and PullQuote
    Create Text frame
    Place Text ‘hallowtext’
    Find/Change & edits for returns (etc.)
    Apply Object Style for Main Text Frame
    Add, Create or Insert Anchored Objects – Format

    Type Folio Area and Apply Object Style
    Instructions. A Simple Workflow (5 minutes) Part 2
    Place Text file, ‘AddText’ before the paragraph that starts… “Tom- my slowed the car…” Test your anchored objects.
    Instructions. A Simple Workflow (15 minutes) Part 3
    Create new document
    Load Paragraph, Character and Object styles
    Create a new text frame
    Place Sasquatch text and format using all of the items you have available from what you created earlier.
    Save both files to my drop box
    Below are images of dialog boxes with some suggestions for formatting. I’ll try to add more as I go.
    screen grab indesign justification rules
    screen grab indesign

    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…
  • Drifters: Lessons of Self-Directed Learning

    October 24, 2012

    As part of my special project for this quarter, I will be curating a multi-faceted course companion for After Effects. However, I have gotten a bit off track. I thought my best learning would be done while working on something of my own that I liked and wanted to work with, but I am realizing that I won’t learn new techniques and I won’t understand the interface like that, so I am developing a checklist to structure my “self-project” sessions. Next post will be one where I follow the tutorials really closely and glean valuable techniques vs. floundering in a sea of interface.

    Today, I wanted to animate this painting of mine to help me explore After Effects. (Am I too lazy to come up with new material?) I learned that negative amounts in scale doesn’t mean it recesses into an infinitely small abyss. I worked with a lot of layers, organizing and toggling visibility to focus on the layer that I was working on. There are a lot of dogwood flower layers in this project. I learned that like any project with duplicated layers, that if one has a value that shouldn’t be there (note the scale on the flowers that show up prematurely) that the mistake will be duplicated and annoying to correct.

    fish and dogwood

    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…
Previous Page Next Page

Blog at WordPress.com.

 

Loading Comments...
 

    • Subscribe Subscribed
      • Kismet Arts Tangent
      • Join 104 other subscribers
      • Already have a WordPress.com account? Log in now.
      • Kismet Arts Tangent
      • Subscribe Subscribed
      • Sign up
      • Log in
      • Report this content
      • View site in Reader
      • Manage subscriptions
      • Collapse this bar
    %d