Showing posts with label PhotoShop. Show all posts
Showing posts with label PhotoShop. Show all posts

Monday, March 22, 2010

Creating a Better eLearning Scene With a Little Help


A great way to create effective eLearning is to throw the learner into a simulation of the task or performance you are training them to complete. Don't just tell the learner about it, make them do it. This often requires simulating the scene where the task takes place which can be difficult to make look realistic in whatever authoring tool you may use. One way to create a realistic scene is to use pictures of the actual environment but in some cases you might want to design a scene that is easier to manipulate so that various scenarios can be constructed from the same scene. The latter is the situation I was in in for an eLearning project I just finished. I was trying to create a scene of the inside of a room and was struggling to make it look realistic with 3D perspective so I turned to the Articulate community for a little help by adding this Articulate forum post and they came through with some quality tips as you can see by the before and after image. This blog post takes you through the development of this scene, and describes some of the lessons I learned along the way with a little help from fellow eLearning developers.

Tools:
The eLearning course was developed using Articulate so most of the work was done in Power point. I did use Photoshop to create the floor and wall textures but other than that it's all Power point.

Before:
I started out by creating floor and wall textures in Photoshop to create the scene in Power Point. You can find images of floors and walls on sites like istock or create your own. In my case I used an image of carpet for the floor, and I created the walls by following the steps in this tutorial to create a drywall texture. You can also find textures on this Flickr site that David Anderson (@eLearning) referred me to. Once you have the images you are going to use for the floors and walls you are ready to put your scene together in powerpoint using the 3D formatting and rotation options. This is where you will need to spend time tinkering with the 3D options to give your floors and walls the correct perspective. The video below describes what 3D options I used and how I got started creating this scene.




After:
After posting the Screenr video in the Articulate forum I got some great tips to make the scene more realistic. I learned that there are many different ways to do the same thing and ended up using a variety of tips from multiple contributors to the forum post that helped to improve the scene. The lessons I learned and used to improve my scene are described in the points and videos below:
  • David Anderson recommended removing the shadow underneath the wall, moving the floor and wall higher, and adding a person to the scene to add perspective.
  • Andrea05, and David Anderson all recommended adding depth and perspective to the room by using a larger image of the carpet and drywall that is not so focused, shrinking the baseboard, adding more objects to the scene, and adding a side wall.
  • Jeanette Brooks recommended adding a dark to light gradient on the carpet to add perspective and depth to the room.
Tom Kuhlmann demonstrated and described how to implement many of these ideas with the Screenr video embedded below. This was a big help in making the ideas happen.



(Click Here to view Tom Kuhlmanns suggestions)

Bruno De Pace (@evolve4success) suggested an alternative way of adding perspective by using side walls. This is also a great tip that may be a little easier to develop than what Tom suggested. Like I said, there are many different ways to do the same thing and this video proves that point.




Posting this question was a very educational experience for me and I hope others can learn from it. Although I learned a lot about design and power point one of the most powerful lessons learned for me is to not be too proud or embarrassed to ask a question. There are a lot of eLearning all stars out there more than willing to make a contribution to the eLearning community. That being said, I'll bet some of you have more ideas or questions about how to attack this situation. If you have a tip or a question please post it as a comment here, post it in the Articulate forum, or even better do both. I also highly encourage you to jump on Screenr and show us what you are talking about with a short demo. Help make the eLearning world a better place by sharing your thoughts.

Resources:

Thursday, September 11, 2008

Hello Captivate!

My Adobe creative suite and Captivate arrived and I have already dove into a project in Captivate. While I was waiting for the software to arrive, I designed and storyboarded a soft skill scenario simulation for management training courses that I am working on. Now I am knee deep in developing it in Captivate and I am kicking myself for not pushing harder for this purchase a year ago. Now I would love to go back and re do several of the eLearning courses I developed using Power Point and a Flash converter. Unfortunately I have too many projects on my to do list to spend the time going back and re developing courses. Some day.

I have also been improving my skills in Photoshop with this project. I am using employees of the company as characters in the eLearning module which is requiring quite a bit of work extracting images from their background in Photoshop.

I've been stoked about work now that I have all of these cool tools to play with. I'm looking forward to learning more.

Thursday, August 28, 2008

Software Shopping

Jackpot! Finally got the buy in from the boss to spend some money on Adobe software, mainly for developing eLearning and printed training materials. Thanks to the good ol' educational discount I can really make the most out of a $1000 budget.

Obviously, I need the Creative Suite 3 but that's where things get sticky. I am looking at 2 different packages and the only difference between the 2 packages is that one includes InDesign and the other includes Fireworks. I have never used either of these products and I'm not sure which I could use more.

Fireworks appears to be very similar to Photoshop with some extra features that will come in handy for web development. InDesign looks like a great tool for developing printed materials which I do often. I am tempted to go with InDesign because it is far more robust than the program I currently use (MS Publisher) for printed materials and it seems like all of Fireworks perks can be had in other programs if not Photoshop.

So, I am off to do more research on Fireworks and InDesign. I would just go with the Master suite because with the educational discount it comes in under $1000 but does not include Captivate which I consider a must have. It sure would make my life easier if Adobe would come out with an Instructional Design Creative Suite!

Wednesday, June 18, 2008

Site Definitions

The web design class I am taking is really getting my feet wet with Dreamweaver and photoshop. I am currently working on my portfolio site which will eventually contain a gallery of my work along with some information about me.

Something that is confusing me about Dreamweaver is the need for multiple site definitions. Our teacher had us set up 3 different site definitions which makes it hard to know which one I should be working out of. Teach say's we will get a better understanding later in the semester. As of now, it seems like it's not neccessarry and only complicates the process.

So far, I have been amazed at what you can do with Dreamweaver and photoshop and I am hungry to learn more.