Monday, 12 June 2017

Photoshop 3D CUBE



Make 3D Photo Cube in Photoshop (and animate it)
http://photoshopcafe.com/photocube-tutorial.htm


***choose images from projects you completed this year***

STEP 1: collect 6 images from each of the categories:

  1. Javascript, 
  2. Photoshop, 
  3. Minecraft, 
  4. Game Journalism, 
  5. Alcohol & Body Systems - N-Squad 
  6. Instructional slideshows
  7. Keyrings
  8. Code Combat
  9. Super Planet Crash and Particle Clicker

STEP 2:  create the cubes in PHOTOSHOP

start Photoshop
NEW - 600x600 - Transparent background


  • PAINT THE BACKGROUND LAYER
  • ADD A TITLE  for example  "CUBE 1: Javascript"
  • ADD YOUR BLOG ADDRESS
  • ADD your first IMAGE
  • MERGE THE LAYERS
  • This will be the 'front' side of the cube. Proceed to fill in all 6 sides with images from the same topic.


You should complete 8 cubes with these topics:

cube 1: Javascript
cube 2: Photoshop Planet + Frame Animtion
cube 3  Minecraft
cube 4: Game Journalism
cube 5: Alcohol & Body systems - N-Squad
cube 6: Instructional slideshows
cube 7: Keyrings
cube 8: Code Combat

bonus 9: Super Planet Crash and Particle Clicker


--> The Animating section in the tutorial is all wrong: SKIP -How to animate a cube in Photoshop - all steps 1-6


use this

Photoshop CC
Animate as follows:

Create a Video Timeline
Choose 3D Meshes and click on 'Cube' stopwatch
ON RIGHT
Choose Filter by: Meshes ICON
then select Cube
Move Player Head to 1 second then rotate cube ...proceed to 2 s...3s etc
...use the Rotate the 3D Object icon at top of page
...aim to see all 6 sides
When the player head is at the very end. Type -under 'angles'- in the coordinates area -top right- 0,0,0
TEST - export as a GIF ( set to forever)


Create an animated gif ...choose the SAVE for WEB option you learned earlier in the semester - make sure it runs forever.


  • Place all the cubes in the same post






No comments:

Post a Comment