Creating Puzzle Pieces with Illustrator and Photoshop
4.8 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
354 students enrolled

Creating Puzzle Pieces with Illustrator and Photoshop

Learn to create puzzle pieces of any size or shape for use in your latest project or App using Photoshop & Illustrator
4.8 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
354 students enrolled
Created by Shane Hogan
Last updated 12/2013
English
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Once complete you will be able to create a puzzle of any size or shape imaginable.
Requirements
  • Knowledge of Illustrator and Photoshop would be helpful but not required as everything is fully explained
  • Trials of Illustrator and Photoshop are available from www.adobe.com
Description

This course will show you how to create puzzle pieces of any size or shape using Adobe Illustrator and Photoshop.

You will learn how to create a square puzzle template in Adobe Illustrator, then we go on to creating a circle puzzle template in Adobe Illustrator and import the template into Adobe Photoshop where we break it up into pieces, apply effects and export the individual puzzle pieces, which we then batch re-size and rename for use in your standard and retina iPad project.

Recommend for anyone that has purchased CartoonSmart.com 's Story Tellers Kit and would like to know how to create puzzle pieces the easy way or anyone that would like to have an easy to use reference on how to create puzzle pieces or templates for use in their latest project or App.

Create puzzles quickly and easily with minimum effort and without having to use the pen tool or purchase expensive limited plug-ins.

Use the shape tools, line tool and shape builder in Illustrator.

Use Photoshop's trim and save for web tools.

Preparing your images for use in your project or App.

Learn how to create a re-size action.

Batch rename in Photoshop, adding -ipadhd extension to your images with minimum effort.

This course is just over an hour long and includes examples for creating a square template and a complete circle puzzle, and also includes templates for a triangle, a star and an ellipse, and includes the working Photoshop and Illustrator files.

Who this course is for:
  • Anyone who wishes to design a puzzle for a project or an App.
Course content
Expand all 9 lectures 01:09:35
+ Introduction
2 lectures 06:04

This introduction video shows what the course covers, we will be using Adobe Illustrator to create puzzle templates, and Adobe Photoshop to break up, re-size and rename the pieces, using the techniques in this course you will learn how to create a puzzle of any size or shape.

Preview 06:04
Readme
1 page
+ Creating the puzzle template using Adobe Illustrator
2 lectures 23:20

Here we create a square puzzle template using Adobe illustrator, you will learn how to split a rectangle or square into sections and make use of the shape builder tool to create puzzle pieces.

Preview 12:01

Here we create a circle puzzle template using Adobe illustrator, and make use of the shape builder tool to create the puzzle pieces.

Creating a circle puzzle template
11:19
+ Breaking up the puzzle using Adobe Photoshop
4 lectures 24:47

This document shows how to setup some handy keyboard shortcuts for faster workflow.

Optimizing your workflow with keyboard shortcuts
5 pages

This video shows how we break the puzzle up into individual pieces using Adobe Photoshop.

Breaking the puzzle into pieces
07:00

Here we add effects, like bevel and emboss and inner shadow to the pieces and also add some effects to the background image which will be used for reference.

Appying effects
07:44

This video shows how the pieces are exported as individual files making use of trim and save for web.

Exporting individual pieces
10:03
+ Organising the pieces
1 lecture 09:24

Finally we use Photoshop to re-size and rename the images using automation and batch rename the pieces, adding -ipadhd to the file names for use in an iOS App project.

Resizing using Photoshop and renaming using Bridge
09:24