Accounting for optical illusions in design

Here’s a great video on how the new Google logo is not “perfectly” (geometrically) rendered:

It talks about how different aspects of the letters are tweaked to account for optical illusions. The same kind of thing might’ve been planned during the construction of the Greek Parthenon, which looks perfect but is actually offset to account for how the human eye sees things. For example, the Parthenon’s columns are not straight up-and-down columns:

2D Illustrator to 3D Photoshop

You can transfer 2D vector images from Illustrator to Photoshop to make them 3D objects by copying and pasting paths between the programs. There’s more information on a Lynda.com tutorial for 3D objects here, but if you don’t have a subscription to Lynda, you can follow the directions below.

Illustrator file

Instructions

You will start with this:

2017-09-22_122019

And end up with this:

Screen Shot 2017-09-21 at 12.40.44 PM

Photoshop 3D object from Illustrator Path

  • Open your Illustrator file, select all the points in the path you’d like to use.
  • Copy this information (ctrl+c / cmd+c, or using the menu).
  • Open a new (blank) Photoshop project and paste this information (ctrl+v / cmd+v, or using the menu).
  • There should be a pop-up box when you paste. Choose to paste as a “Path.”
  • In Photoshop, open the Paths window and the 3D window, both from the Window menu.
  • Go to the 3D window. Choose source “Work path” and choose “3D extrusion.”
  • If there is a pop-up box asking you if you want to enter 3D workspace, choose yes/ok.
  • You should now have a menu for your 3D object in the 3D window pane:
    • Click on “Current View” to change the angle of the camera.
    • Click on “Infinite Light” to change the direction of the lighting.
    • Click on “Background” (or whatever you named the layer for this object) to manipulate the object.
  • When you click on “Background” (the name of the object layer), the Properties window will show options. Click on the second small icon from the left on the Properties menu – deform.
  • Click on the sliders on the deform menu to adjust the depth and shape of the object.
  • Try setting extrusion depth to 0 and then rotating + or – 270 degrees on the “Vertical Axis” slider – this should make your vector drawing flat (2D) and then rotate it around a center axis to create a fully formed 3D object.

Wikipedia 101

Direct Link:

https://docs.google.com/presentation/d/e/2PACX-1vSn6XNzno8nwQHqxpjZ5AH0PDkDJJRajUBlpnw_nJaOewy2lLjo_S4SwS09erT-ETt3D3kxx7DiAICR/pub?start=false&loop=false&delayms=3000

Wikipedia Introduction (handout):

https://docs.google.com/document/d/1CynppKP_wInkV_Lxh3lnZeFB0HUme9TSvRJcUWPbjk0/edit?usp=sharing

Wikipedia Editing Basics (handout):

https://docs.google.com/document/d/1omJ9o80-yVDNAPgaJOk7ExJ_WHXRAVfHlhZ9MAB-SKk/edit?usp=sharing

An Overview of Some Programs in Adobe’s Creative Cloud

Adobe’s Creative Cloud (formerly known as Creative Suite) is a collection of software for multimedia production, with Photoshop being its most well-known, flagship program. Below is some information and links to basic instructions on three Adobe products.

Adobe Photoshop is a powerful software program used by everyone from hobbyists to industry professionals to edit, touch up, alter, and experiment with photos.

Pic 1
Pic 2
Pic 3
Pic 4
Pic 5

Adobe Illustrator is a drawing program that can be used for a variety of design and layout projects like fliers and posters.

Adobe Premiere Pro is a video editing program that will allow you to load and edit video clips and add animations, effects, captions, and music.

Sample video