How to Make a Slideshow with a Transparent PNG Frame. Today’s tutorial is headed back to the basics.
We’re focusing on a common question for those inexperienced to working with layered PNG’s in web layouts. The end result probably won’t do much new to excite veterans, but it will hopefully save you a headache in the long run — especially if you’re new to the idea. Side Note: The slideshow today was inspired after building one for the new One Mighty Roar site, which will be up in a matter of days. In the mean time you can consider this a “teaser” of sorts. The Goal By the end of this tutorial we’ll have created a basic slideshow that uses a combination of PNG transparency and layered positioning to create the effect of each slides being held in by the bottom corners. Download Project Files If you’re following along step by step, this project will make use of several custom images and the jQuery Cycle plugin for slide shows.
Why not a GIF? I’m not suggesting that the PNG is a complete replacement for the GIF. The Stack Up. Your slideshow’s little black dress. Have you noticed something lately?
More and more presentations are using black as the dominant color in their opening slides. Is this a trend or a coincidence? It has us wondering…can the opening slide be your slideshow’s little black dress? Presentations Why Life Should Be A Video Game from Robert Barlow-Busch and Kill the QR Code by Abdulla Faraz opens with black then maintain the black background while adding large color photographs and white text. Getting Effective Answers from Research Sessions continues a black background throughout the rest of its slideshow, also using white for the text content.
User experience designer Travis Isaacs opens with black, then abandons it in favor of full screen photographs in his presentation Keynote Kung-Fu: Black Belt. Publicis Modem UK changes up their slideshow Google+ is here. Design tip: when creating your opening slide, try viewing it in a thumbnail size to check how it will appear on a variety of platforms.
“guy kawasaki” on SlideShare. Rules for Revolutionaries. The Art of Innovation (by Guy Kawasaki) Como Generar Ideas Creativas. Notas sobre el proceso creativo. Creatividad Y Pensamiento Creador. Proceso creativo equipo cian. El proceso creativo. Material neuronilla. El concepto de creatividad. Az De Luz El Proceso Creativo Por Fanny Jem Wong. Creativity & Innovation. Design thinking in wild learning. Creative Briefing. Ideas idea ideas: strategy talk with MAS. Insights Into the Creative Process. Visualization Methods. The Back of The Napkin (Dan Roam) Visual and Creative Thinking:What We Learned From Peter Pan and Wil... Solving complex problems through design. Handy tips for creative thinking. The Best Question in the World. Creative Project Planning ideas. Introduction to Creative Synthesis.
Diseño Libre. How To Be Creative, By Hugh MacLeod (a ChangeThis manifest) Unmanaging: Unleashing the Creative Beast. Jason Theodor's Creative Method and Systems. Creativity. Chaos and Creativity. The Creative Method v2. Creative Method Workshop Edition. Creativity, Design Thinking and How These Have To Do With Innovatio... Chrisla. El Caos y la Creatividad. How Do You Design For Creativity? Let Out the Creative Beast. Critical Thinking forUX Designers (Workshop) Design Thinking for Startups - Are You Design Driven? Los Seis Sombreros Para Pensar. Visual Thinking. Creative Language and Creative Process Across Disciplines: Music, P... Echo Talk / Ideas, Hope, & The Creative Process. Pensamiento lateral. CREATIVIDAD - FANNY JEM WONG. Felipe estrada creatividad. Creatividad e Innovacion en las Organizaciones.