Posts in Category "Tutorials"

April 25, 2012

Adobe CS6 content on the Education Exchange

With the announcement of Adobe Creative Suite 6 and the Creative Cloud, the Adobe Education Exchange is brimming with great new content produced by Adobe, Adobe Education Leaders, and other contributors. Much of this content is featured on a special page dedicated to CS6 for easy access. With CS6 and the supporting resources, you can be fully equipped to engage students in learning, unleash creativity, and prepare them for career success.

The materials cover an assortment of CS6 products and topics. For example, here is a video overview of the Flash Professional CS6 Mobile Content Simulator:

Rich, topical content like this is typical of what you will find in the Education Exchange. Here are some others:

 
There are also a variety of product-focused  technical guides to quickly get up to speed on how to use CS6 and links to other great content surrounding this new collection of professional software.

All you need to join the Education Exchange is a free Adobe ID. Anyone can contribute. Let’s go!

 

2:53 AM Comments (1) Permalink
January 21, 2012

Adobe Edge Preview 4: Short Videos

Adobe® Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.

In preparation for the release of Adobe Edge Preview 4 [download!] – I’ve created some videos demonstrating a few of the new features available in this build. A number of AELs are creating videos, articles, and books around this exciting new product and I imagine more will be posted here as time goes on…

Using Web Fonts

Using Symbols

Playback Actions

Embedding a Composition


You can also view these directly off of my Adobe Edge YouTube playlist, if desired.

2:51 AM Comments (5) Permalink
September 12, 2011

Atomization of the Product Ecosystem

With the advent of mobile, pad devices and the app store phenomenon there has been a trend that has effectively atomized product offerings that range from the sublime to the ridiculous (the latter seem to be doing a brisk business). This move away from “fat boy” apps that do everything under the sun to a widget with a streamlined and focused set of functions results in a daunting universe of choice akin to walking in to a candy store whose shelves are brimming to overflowing.
With so much up for grabs it begs the question: “Where do I begin?”
Adobe’s Periodic Table of Applications is no exception. While the products on the Adobe shelves are substantial they ,too, are by necessity, ever-expanding. Even for a seasoned user, the choice of which products will get the job done, is a difficult question that requires considerable research.

I am attempting to lead a transformation of our design department that will deeply integrate digital workflows—particularly those in the mobile space—and have been stymied by the task of trying to make sense of which workflows and toolsets make the most sense for particular contexts. The fact that many of the product offerings have significant overlaps in function make this task all the more intractable.
I made this known to some of the Adobe team while attending the San Jose educational summit this summer. I had bemoaned the fact that there was a palpable need for a killer infographic that detailed all of the production pathways and tools that one should use for particular tasks.

It suspect that  I came off as being rather naive to some of my technologically erudite colleagues. They informed me that there was no “right” way of doing things and that the nuances of each project required the aplomb of a Pebble Beach caddy in order to select the “right club” for the task at hand. While this may make sense for the seasoned professional, the fact remains that the sort of deep and latent process knowledge that many experts take for granted is inaccessible to the neophyte. I mused: “If only there were some sort of pre-application interface that could, through prompts, could ascertain the “WHAT” of your project and then present you with a number of scenarios for the “HOW” that would include workflows and tools.”

Imagine then, from a User Experience perspective, if all of our various expertise were to be explicitly rendered in a database that linked to a rich graphical front end, say, the very colourful Adobe Table of Elements. Imagine after answering a few prompts that branched down didactic rabbit holes of possibilities, the table of contents “LIT UP” like the letter board on Jeopardy! Imagine the pathways to production glowing in front of you, lighting your way from beginning to end!

I hope that Michael Gough, Adobe’s UX design head, has the opportunity to ruminate on this possibility!

3:46 PM Comments (0) Permalink
February 28, 2010

Digital Learning Environments Events Series Update-Las Vegas

DLEbanner2.gif
The second DLE was held February 25 at beautiful Lake Las Vegas, 7 miles off the famous Las Vegas strip. The keynote speaker for the event was Leslie Wilson, President and founding member of the non profit One-to-One Institute.
The mission of the One-to-One Institute is to “increase student achievement through the development of learner-centered 1:1 programs that to serve as an international information clearinghouse for those interested or engaged in technology rich education programs. engage personal, portable technology. Our goals are to facilitate the personalization of learned and
Leslie began her message by stressing that 1:1 programs are NOT just laptops for kids but are about teaching and learning-transforming the learning environment from teacher centered to student centered. She shared pictures from classrooms that covered the decades of the 50s until the present that showed how teaching and learning have changed little over that time. Much of the instructional time in classrooms in spent like the decades of the past in what she terms, “Instructional approach 1″ where the teacher is the master and students are organized, usually in rows, to perform tasks assigned and directed by the teacher.
In “Instructional Approach 2″ a more personalized and student-centered educational experience is offered to students. Teachers facilitate and provide “just in time” instruction that support the standards and objectives of the lessons. Technology tools are used when appropriate and are also used for feedback and assessment. Class environments are flexible and can appear chaotic to outsiders as students collaborate and are engaged in a variety of tasks.
The ultimate goal to provide students the ideal environment for developing 21st century skills is “Instructional Approach 3″-an approach that finds student in complete control of their learning. In this environment individualized long term projects are the norm. Students find themselves immersed in virtual realities such as Second Life and other augmented realities. Teachers act as advisors and provide personalized direction. This is a true mobile environment that projects outside the 4 walls of the classroom via the power of technological connections and environments.
Instructional Approach 2 and 3 are major paradigm shifts that empower students to take responsibility for their own learning. They are encouraged to take risks. Practioners of this method note that students are motivated learners when they have choices in HOW they learn.
Leslie concluded her address by outlining the keys to successful 1:1 teaching and learning programs including a reference to “Project Red” a national research and advocacy plan that promotes the need to “revolutionize the way the U.S. looks at technology as part of teaching and learning. We believe that technology can help us re-engineer our educational system. Through the efforts of Project Red and our partners we believe that technology will transform learning, just as it has transformed homes and offices in almost every other segment of our society.”
Following Leslie’s keynote the participants broke into groups and cycled through classrooms. One group was treated to presentations in several disciplines that highlighted how technology can be integrated into the curriculum in powerful ways that propel students toward learning 21st century skills with Instructional 2 and 3 techniques and another group of IT decision makers looked at solutions and ideas for cloud computing, wired and wireless networking, as well as network security.
I’m looking forward to my next Digital Learning Environment adventure in San Diego on March 11, 2010. If you are in that area, or if you live near Atlanta, Boston, Washington DC, Indianapolis, Denver, Minneapolis, or Raleigh, please think about joining us at the DLE event in your city. These are amazing, FREE event. Find out more and to register for the events, visit: http://www.guide2digitallearning.com

http://one-to-oneinstitute.org/Home.aspx?menu=11

http://www.projectred.org/

8:12 PM Comments (0) Permalink
December 11, 2009

The more I know, the more I realise I don’t know.

learning.jpgI remember the first time I saw Photoshop. I think it must have been about 1993 or so, when I got a free copy that came with a scanner purchased by my school. It must have been a “lite” version of Photoshop because I seem to recall that it didn’t support layers. Even so, I really enjoyed playing with it, and I ended up installing it on all the computers in the school computer lab (license? what license?) and I started teaching the kids how to create stuff with it. They just blew me away with what they could do with it, even without layers!
It was around the same time that I stumbled across an unused copy of Aldus Pagemaker in an out-of-the-way cupboard, and I convinced the school principal that we should use it to do the school yearbook; his agreement to my suggestion saw me suddenly escalated to head of the yearbook committee, a job that rolled on for many years and many issues beyond that. Of course, once you start working in Pagemaker (and now InDesign) there is a fairly fundamental expectation that Photoshop is a key part of that workflow.
From these accidental beginnings, I developed a long standing relationship with Photoshop. In the late 90s I was working with students to build collaborative websites, and of course all the graphics were done with Photoshop. We discovered all sorts of interesting features like batch processing, we learned to do decent colour corrections, to crop and manipulate images so that they fitted our needs. We discovered, often the hard way, about important concepts like pixel depth, image resolution, colour gamut, and of course the one that catches every self-taught Photoshop user out at some stage, RGB vs CMYK. We made images for the web and for print, we built graphics from scratch and we did weird things to existing photos. I’m just a teacher, not a graphic designer, but I’ve lost track of the hours and hours and hours I’ve spent inside Photoshop over the last 15+ years.
And here’s the thing about Photoshop. Heck, here’s the thing about pretty much all of Adobe’s products… the more I know, the more I realise I don’t know. Every time I learn some new technique or skill, the self-satisfied smug feeling of cleverness lasts about five seconds before I realise that there is just so much more I could know about it, that I could do with it. Whenever I taught kids a unit of work on Photoshop I used to conclude it with an in-class practical test, where I’d give them some images and a problem to solve – it might be to produce some CD cover artwork or a magazine cover, usually with a few constraints or requirements to make them have to think about it a little – and they’d just astound me at what they’d come up with. “Creative Suite” is a good name for these products, because they really do force you into creativity mode. Most of the time after one of these class tests, I’d spend the next few lessons getting the kids to deconstruct what they’d done, to teach me how they got certain effects. In my Photoshop classes I may have been the teacher, but we were all learners.
When I was offered a place in the Adobe Education Leaders program, I was thrilled to be part of it, and felt relatively well qualified to be part of it given that I’d spent over 15 years teaching Photoshop, Indesign, Dreamweaver and Flash to students. Of course, mixing with other AELs and seeing the fantastic things they do is a great way to reinforce just how little I do actually know, but it’s still been an incredibly valuable association for me.
I got thinking about this lately because I’ve been checking out the tutorials on the newly redesigned Adobe TV. It’s an awesome resource, with every application now having a Learn series, a set of basic tutorials that teach the essential skills required to get up to speed quickly… I wish this had been around when i started playing with Photoshop! As well as the Learn tutorials, there are a bunch of more advanced tutorials that delve into some of the trickier and more esoteric concepts.
And Adobe TV is not the only resource I turn to when I want to know more. There seems to be plenty of other places to learn the how-to stuff for Adobe’s products. Some of my favourites are the Layers TV podcast with Corey Barker and RC, the Creative Suite Podcast with Terry White, Creative Sweet TV with Mike McHugh, Instant Indesign with Gabriel Powell, The Russell Brown Show… the list goes on. I subscribe to all of these through iTunes and they just drop onto my iPhone for later watching. It’s a great way to learn. I’m sure there are many other fantastic resources for learning this stuff… perhaps you could leave a note in the comments about some of the resources you have found useful for learning.
Finally, I just wanted to mention a book I bought recently about Photoshop that is quite simply one of the most amazing Photoshop guides I’ve ever seen. It’s simply called Creative Photoshop CS4 by Derek Lea, and I’m just stunned at how incredible this guy is when it comes to Photoshop. I’ve been working my way through some of his exercises and have been discovering something new on almost every page. When you can use a product for over 15 years, and still constantly discover new things, it says a lot about the depth of the product and the open-ended nature of what it lets you do with it.
I realise more than ever that there is so much I don’t know about Photoshop (and most of the other Adobe products!) But I love that feeling of learning, of discovering, of digging deeper and just discovering that there really is no “bottom” to hit.
Image Attribution: ’04.28.09 [#118] Feet Week – On the+Backs+of+Others’

04.28.09 [#118] Feet Week - On the Backs of Others

5:56 PM Comments (0) Permalink
November 26, 2009

Thoughts on workflow: Photoshop to Flash Catalyst

freeflow.jpg
I was recently commissioned by Web Designer magazine here in the UK to produce a two part tutorial to create and prepare an interface in Photoshop ready for Flash Catalyst.
I expected the design to port straight across from Photoshop without any problems but there are a couple of design features that didn’t make it across. I thought it would be a good idea to share with you what they are so you can get up to speed quickly. Once you are familiar with the workflow everything is very smooth.
The main problem I had was with text that that had layer styles. Keeping the text as ‘editable’ caused Catalyst to lose any layer styling. Flattening the layer to a bitmap worked okay, but if there was a semi-transparent region – with a drop shadow for instance, then this merged with elements of any layers below. This becomes a problem when layers turn off and on as you move from one page/state to another. The solution – flatten the layer in Photoshop first before importing to catalyst. While this loses the editability of text, visually the design remains intact. So there is a trade off here depending on what you need.
The second problem was with vector shape layers that also have layer styles applied – this gave very similar problems to those found above, but the solution here was much simpler. Check the ‘editable paths and layer styles’ for that layer in the advanced import.
Once the design was into Catalyst it was very easy to apply interactivity and transitions. The main problem seemed to be importing it 5 or 6 times in order to find the right way to get the visual appearance exact. Now as I understand how the design is treated on import, I think this will be very useful software.

1:56 AM Comments (2) Permalink
September 19, 2009

How do I prepare my students for the Adobe Certified Associate Exam?

My students, their parents and our business advisory board are all very excited about earning the Adobe Certified Associate credentials. Of course I want all my students to be successful so I have been searching for resources that will provide my students with the skills and knowledge they need to succeed. Here is a list of what I have found.
Study Guides
Did you know that Adobe has posted detailed study guides for each exam at: http://www.adobe.com/education/instruction/ace/ These are .pdf files with both written tutorials and the sample files for the lessons all wrapped up in one Adobe Acrobat file!
adobe_curriculum.jpg
Adobe Curriculum
Adobe has worked closely with classroom teachers like myself to develop curriculum that is aligned with the ISTE standards and teacher tested.
http://www.adobe.com/education/resources/k12/instructional/
Visual Design is a yearlong, project-based curriculum that develops career and communication skills in print production and graphic design, using Adobe tools.
Digital Design is a yearlong, project-based curriculum that develops IT career skills in web design and production, using Adobe tools.
Adobe TV
It is time that instructors learned about this incredible resource. Adobe has developed hours of fantastic instructional video resources and offers it free through the Adobe Media Player. Check out all that they have to offer at:
http://tv.adobe.com/channel/students-educators
learnbyvideo.jpg
Learn by Video
This is the first resource that I have found that is specifically design to prepare students for the ACA exam. It has a easy to use interface, tutorials that you download to your iPod and well delivered content that will help your students prepare for the exam. I have really appreciated the book that accompanies this because it helps to explain the non-software specific topics covered on the exam. I also appreciate the test at the end of each unit both monitoring my students progress and helping them prepare for the type of exam questions they will face in the real ACA exam.
Classroom in a Book
Of course these books have been around for year providing a great resource for students and teachers. They provide great instruction on the application but you will need to supplement the lessons to fully prepare your students for the exam.
Online Software Training
If you or your students are looking for high quality online training on Adobe software then I strongly recommend the following resources:
Lynda.com: http://www.lynda.com/Member.aspx
Total Training: http://www.totaltraining.com/
Atomic Learning: http://www.atomiclearning.com/
Of course my own software workshops (free): http://www.mountsihighschool.com/directory/_dockeryj/conferences/index.html
Professional Development
Faculty workshops through Knowledge Network Solutions
Master education consultants from Knowledge Network Solutions come to your school to run workshops for faculty on how to use Adobe tools and effectively integrate them into their courses. Workshops are available to higher ed and K-12 institutions.
For more information about the Adobe Certified Associate Exam go to:
http://www.adobe.com/education/instruction/ace/

3:00 PM Comments (1) Permalink
September 18, 2009

Adding Buttons to an Adobe InDesign Document

interactive_buttons.jpg
Adobe InDesign makes it extremely easy to add action buttons to your document. This is great if you intend on publishing your InDesign project to a digital format and want to “spice it up a bit” with some interaction. This tutorial will demonstrate how to add buttons to an InDesign project and publish the project as a Flash (.swf) file.
View Tutorial

8:13 AM Comments (0) Permalink
August 21, 2009

Integrate with Stop Motion

Stop motion animation is one of the best ways to build digital communication skills and team work into any curriculum. You don’t need fancy equipment or temperamental actors, just some craft materials and the digital cameras from your friendly librarian.
Integration
The really great thing about stop motion animation is that it can be used effectively with any subject and at most age levels. I have worked with students that successfully animated subjects from science (life cycle of a butterfly), social studies (scenes from Lewis and Clark), math (slope), and of course language arts with any dramatic or comedic narrative. Check out some examples at: http://www.mountsihighschool.com/directory/_dockeryj/conferences/storytelling/example_stopmotion.html
Pre-Production (planning)
Stop motion is a great way to integrate writing and decision making into your curriculum. Planning is a critical step in the process of creating any story. I start my students out with a simple treatment that helps them focus their story by making some simple decisions about the target audience, objectives and other basic parameters of the project. (http://www.mountsihighschool.com/directory/_dockeryj/conferences/storytelling/handouts/treatment.doc) Then we plan each scene out with a storyboard, but first we talk about shot variety and do a quick exercise with our digital cameras. (http://www.mountsihighschool.com/directory/_dockeryj/conferences/storytelling/handouts/Composition_still.pdf) Storyboarding is an communication skill that is useful in most disciplines so the time spent creating and reviewing storyboards is very valuable. (http://www.mountsihighschool.com/directory/_dockeryj/conferences/storytelling/storyboarding.html ) I keep a handful of three ring binders in my room so each group can keep all this planning materials together and the group will always have it even if a member is absent.
Team work
One of my favorite things about stop motion animation is that it brings students together in such a natural way that you will see amazing results. Throughout the process there are multiple jobs that take different skills and abilities. During the planning process you will have those that prefer to write the script while others prefer to draw the storyboards. Next, some of the students will naturally gravitate to building the sets and creating the characters while others prefer to set up the cameras, lights and computer. During the actual animation process we usually have one student run the computer, one on the camera, one handling the lighting, and two animating the characters. Then once we have shot all the scenes and move into the post production process we usually have a couple students work on editing the rough cut while the rest work on sound and graphic design. No other activities I do brings students closer together than stop motion animation.
Digital storytelling
Stop motion animation is a powerful communication tool that students can control better than any other digital medium. They can use a either a digital still camera or digital video to express their stories through unique camera angle and composition. I prefer to hook up a cheap digital video camera to a computer and use Adobe Premiere Elements to capture our images. The reason I like this method is that the software provides us with a couple invaluable tools:
• Onion skinning – this is the ability to see a ghost images of the last couple moves you make when shooting your scene. This makes your shots smoother and easier to shoot.
• Preview and delete – this is the ability to watch a sequence of shots as a video clip to judge the pacing and smoothness of your shots. If you accidentally got your hand in one of the shots you can easily delete just that one frame.
• Save as video clip – this is the ability to save a sequence of shots as a video clip that you can then apply effects and adjust the speed to easily.
• Editing environment – once you finish shooting you have a powerful video editing environment that allows you to work with up to 99 video tracks and 99 audio tracks!
I just have one twelve foot firewire cable for each pod of four computers in my room. This gives the students enough room to setup their camera and set, but is close enough to work with the computer operator easily.
Control
One of the cool things about stop motion animation is that your students have complete control over the small world they will be shooting within and it will cost you very little! We usually use three sides of an old card board box as our set and either legos, clay or pipe cleaners for our characters. For lights we simple purchased the 8 inch clamp light for around $10. This really makes your colors and images pop and allows the students some creativity with shadows.
Post Production
This is where those digital communication skills come into play. I usually break up the group into three parts. One group is the editor(s) that will put the scenes into the right order, adjust the speed of some clips and usually adds titles. Another group is the sound designer(s) that will create the voice overs, sound effects and find copyright free music or create their own if it is called for. The final group is the graphic designers that will create the movie posters, DVD labels/covers or invitations to the movie premiere.
Sharing
Once you and your students have made your stop motion animation master pieces make sure to share them with your community. Ask your local theater if they will have a special showing, make DVD’s for the families of your students or post them online at web sites like School Tube. Last year a few of my students earned an award of excellence at the Northwest High School Film Festival for their stop motion film “Kichinjo”. Enjoy.
http://www.schooltube.com/video/40226/Kichinjo
Getting Started
Now it is your turn to get out there and have some fun with stop motion animation. I have posted a bunch of video tutorials that will walk you and your students through the process at: http://www.mountsihighschool.com/directory/_dockeryj/conferences/storytelling/05session.html

9:59 PM Comments (0) Permalink
April 30, 2009

Summer 2009 Workshops for Adobe Visual Communicator

Learn how to create green screen student TV newscasts, classroom video projects and more this summer as Adobe Education Leader Rob Zdrojewski teaches the basic and advanced features of Adobe Visual Communicator 3. New this summer are workshops for existing users, where we will examine features like live flash web streaming and sharing your productions online.
Summer 2009 Workshop offerings:
-School TV Made Easy with Adobe Visual Communicator 3 (Beginners)
-Perfecting Your Adobe Visual Communicator Shows (Advanced Users)
-Using SchoolTube to Safely Share Videos Online
-Create Teacher Websites
Join us as hundreds of teachers, media specialists, and administrators have for an exciting look at using Adobe Visual Communicator for green screened school TV newscasts and more!
Learn more here:
http://www.schooltvmadeeasy.com/workshops.cfm

9:57 AM Comments (0) Permalink