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