eLearning Brothers

JANUARY 7, 2014

PNG) patterns into Lectora and Photoshop. Below you can see an example of a GUI I started using just layers of dots and color. For this example, I downloaded a neat cogs and gears pattern. I can then save out the pattern as a PNG. In an earlier post I showed how to find, edit, and import raster (i.e.

Lectora 114

Lectora PNG Pattern Photoshop 114

The Logical Blog by IconLogic

FEBRUARY 10, 2016

  I then begin laying out the cover/transition slides for my courses and a sample content slide. The image below is an example of a recent project I did. To create the transparent PNG's, build the graphic on a separate artboard and note the artboard number.     Articulate Storyline.

PNG 100

PNG Adobe Captivate eLearning Adobe 100

eLearning Weekly

OCTOBER 9, 2009

In this post, I list the three and explain the first with examples. png) to reduce. Three design tips stand out, curiously titled: Necessity is the Gender Nonspecific Parent of Invention. Don’t Look at the Designer Behind the Curtain. Extreme Makeover Elearning Edition. You can shorten them by combining sentences.

Cognitive 47

Cognitive Authoring Tools File Size Blended Learning 47

LearnUpon

NOVEMBER 29, 2018

Examples of active learning activities include practical tasks and problem-solving conducted in small groups. Examples include “Location”, “Job Role” or “Department”. An example of this is reducing the number of support tickets you receive from your customers by providing them with product training via your LMS. Microlearning.

Compliance Training 63

Compliance Training Blended Learning Authoring Tools Instructional Design 63

The Logical Blog by IconLogic

JULY 27, 2014

For example, the paper documents are scanned and converted to PDF. To use the images, you'll need to allow time to save the images as online versions (in jpeg or png format). Can you share instances/examples where you think print documents are more effective than online documents? Will they still look good? Is print doomed?

Communication 199

Communication Online Scanning PDF 199

The Logical Blog by IconLogic

NOVEMBER 12, 2015

  The image below is an example of the same photo saved multiple times as a low-quality JPEG.     Here is an example of an image containing just 8 colors--all detail is gone and the image has a "posterized" effect.     PNG. "PNG" COLORS.   To Recap:   JPEG. .

Format 100

Format Images PNG Photoshop 100

Raptivity

DECEMBER 5, 2021

For example, a park, a corporate setting, and so on. Images for Vertical Parallax can be saved in png, jpeg, or gif format. Not to mention how easy it is to customize the interaction as well! Let’s look at how the background images in Vertical Parallax can be edited. To begin with, decide the theme you wish to work on.

Images 130

Images Interactive PNG Photoshop 130

The Learning Rooms

APRIL 11, 2025

Examples include technical knowledge, writing abilities or project management. Bite-sized learning material, for example short instructional videos, podcasts, mini quizzes, games. Examples include job aids, instructional videos, and infographics. Hard Skills. Hard skills can be demonstrated and measured. Micro-Learning.

Diversity Training 52

Diversity Training Compliance Training Digital Blended Learning 52

Integrated Learnings

NOVEMBER 2, 2011

In this example, I added a transparent PNG image. Click here to see the final working example. Group Text and Container. The first step is to create your text and place on a container. Add a Text Block to your page. Add a Shape or Image as the text container. The text should be placed on top of the image so that it is visible.

Slides 126

Slides Lectora PNG Images 126

Rapid eLearning

JANUARY 8, 2013

Montse Posner Anderson has an example screenshot and a tutorial on how to create your own backgrounds. Folder icons (PNG). Miscellaneous office backgrounds (PNG & PowerPoint): desk and mailroom. Zombie characters (PNG). 12 Blurred Backgrounds. You can see it below. Evaluation tabs interaction (Storyline).

Community 85

Community Free PNG ISPI 85

eLearning Brothers

NOVEMBER 6, 2014

I used three different arrows as an example. For example: button_up.png. Note: Be sure to save them out to a format that supports transparency (GIF, PNG, or BMP). Use a Good Naming Strategy. It’s just good practice to have a good naming strategy. button_over.png. button_down.png.

Adobe Captivate 131

Adobe Captivate Adobe Captivate Custom 131

Rapid eLearning

NOVEMBER 26, 2019

You can download PNG or SVG versions of the illustrations. Here’s an example where I matched the accent color in Rise 360 with the free illustrations from unDraw. Lots of cool elearning examples to check out and find inspiration. Check out these open source illustrations from unDraw.co. In unDraw, you set an accent color.

Free 95

Free PNG Course Open Source 95

E-learning Uncovered

JULY 24, 2013

For example: we recently completed an e-learning course on disaster relief with photos from the organization’s public relations department. JPEG, GIF, and PNG are three of the best formats for e-learning. You can use PNG and GIF for images, graphs, charts, and diagrams, as well as small images with text, buttons, icons, and logos.

File Size 78

File Size Media PNG Harassment Training 78

Yukon Learning

SEPTEMBER 12, 2018

In our example, I am using a black fill at about 30% transparency. Right click this selection to save as a picture (right-click> Save as Picture >PNG). Be sure to save as a PNG. right-click> Format Shape >drag the transparency slider).

Slides 80

Slides PNG Informal Picture 80

Tony Karrer

DECEMBER 8, 2008

As an example, I can see that eLearning 2.0 David Fair - Learning Journeys Talk to him about graphics ( PNG , JPG ) and staying organized ( Tagging , Information Overload ). Other Sources - you can click and see what they write about on the left.

Social Networks 100

Social Networks Apache Roller Bea Pages Informal 100

TechSmith Camtasia

DECEMBER 30, 2014

You can also use these images in Camtasia Studio to add masking effects to your videos (see a sample video here.). For this example, I used the Freehand Selection tool to draw one random line around the edge of the patten image. Image masking allows you to create unusual and unique edge effects for your photographs and other graphics.

SnagIt 93

SnagIt Images Video Create 93

TechSmith Camtasia

JULY 4, 2012

For example, you could take a group of images and add a one pixel border to each, make the images 200×200 pixels and change the file format from JPG to PNG. Select an output directory if you wish, then choose the file format such as PNG, PSD, or BMP. In just a couple of steps you can change all the images at the same time.

Images 63

Images PNG SnagIt JPG 63

The Logical Blog by IconLogic

NOVEMBER 13, 2018

Instead of the plain gray screen shown above, I want my learners to see the image below (I created the image with an image-editing program and saved it as a PNG.). In the example below, the name of the background I’d like to use is called aquo.png.).     From the Category list at the left, select Start and End.

Adobe Captivate 100

Adobe Captivate Adobe Captivate Project 100

TechSmith Camtasia

JUNE 6, 2014

So, for example, if we want a 32×32 pixel asset we tack on “_32.png” png” to that asset’s layer folder in Photoshop. So, for you fellow designers or those just interested in the goings on at TechSmith, here are some tools to help with similar undertakings. We use Slicy and it saves so much time.

SnagIt 108

SnagIt Tools Photoshop TechSmith 108

SmartBuilder

AUGUST 5, 2014

Let’s see how this applies to the images in our sample activity. It’s a toss up between PNG and GIF. Best format: This has PNG written all over it. Best format: I think the best format for these is GIF with PNG not far behind on file size. However, you can use various image formats to optimize the graphics in your course.

Images 45

Images Format PNG File Size 45

TechSmith Camtasia

JULY 25, 2014

An example of SUI (pronounced “sue-ee” by the TechSmith User Assistance team). In this example, irrelevant text was reduced to shapes, or eliminated altogether. We share graphics like these with Marketing, for example. I name my PNGs sequentially, so they stay grouped together in the clip bin.

TechSmith 106

TechSmith Help Content Tutorial 106

TechSmith Camtasia

NOVEMBER 14, 2014

I wanted to implement a proof-of-concept program using vanilla C++ and an open source image library ( png++ , a C++ implementation of libpng ). This means that an 8-connected line would look something like this, where each of the pixels are 8-connected to the next: At left: an example of 4-connected boxes relative to the green box at center.

Images 97

Images TechSmith Content PNG 97

TechSmith Camtasia

JULY 25, 2012

In the Save As dialog box, select PNG as the Save as type. In our example, the background color will be changed to green rather than black. Click Options. Select 16 colors from the dropdown menu. Click Save. Many of the colors variations are now gone, but not all. Part 2: Use Color Substitution to Remove Color Variations.

SnagIt 87

SnagIt Help PNG Images 87

Rapid eLearning

DECEMBER 28, 2010

Hide and reveal background fill and an alternative example using T agxedo. Here’s the difference between PNG and EMF images. How to reduce file size by saving slide as a PNG. Why it’s a good idea to create hyperlink shapes in PowerPoint elearning courses. Create custom email links for your elearning course. Basic animation tips.

Tutorial 92

Tutorial PowerPoint Templates Free 92

BrightCarbon

APRIL 1, 2021

As it’s vector-based, there is no loss of quality when scaling, unlike a traditional picture like a JPEG or PNG (which are raster-based). However, it’s generally sufficient for graphics like icons, for example. In this example, the class “Purple” says that all shapes with this class will have a fill colour of purple.

PowerPoint 132

PowerPoint Create Classes Templates 132

eFront

AUGUST 8, 2014

If, for example, you want to have a children friendly look for your website then use cheeky, colorful images that appeal to kids. Illustration is supposed to illustrate (“serve as an example of”), not decorate. Match your illustration to your overall aesthetic. Your e-learning theme has a certain character.

Images 99

Images Tips Stock Photo 99

Rapid eLearning

JULY 7, 2020

Multiple formats including PNG, SVG, and AI. Lots of cool elearning examples to check out and find inspiration. The designers at blackillustrations.com provide a starter pack of illustrations that are free to use for commercial and personal projects. What’s included? 50+ illustrations. Business images. Medical images.

Diversity Training 65

Diversity Training Free Project PNG 65

TechSmith Camtasia

MARCH 18, 2022

For example, a photo with a 1:1 image ratio would be square, with equal width and height. Common web image formats include JPEG, PNG, and GIF. Aspect ratio describes the width of an image compared to its height. What are the best file formats for images?

Images 98

Images SnagIt Ratio File Size 98

Adobe Captivate

JULY 27, 2010

For example, you may choose to publish the images on the introductory slides with low resolution and those on the core slides with a higher resolution. Note that JPEG does not support transparency and transparent images such as PNG images do not appear clearly if published with this option.

SWF 76

SWF Images Quality File Size 76

Learning Developments

MAY 10, 2012

For example, I use PowerPoint to create transparent PNGs ( see my post from another blog ) that I can use in my Captivate projects. Just about any thing you do in Powerpoint, you can either export in PNG format or take a screen shot of it. I still leverage PowerPoint whenever I can.

PowerPoint 55

PowerPoint Captivate Adobe Captivate PNG 55

Adobe Captivate

MAY 12, 2018

The Simple Hack: The attached PPTX project file has a description of the procedure on the first slide and then some sample buttons in round and square edges. Save as BMP or PNG. The Lack of Beveled Edges in Captivate: As of Captivate 2017.1 All you need is PowerPoint and a screen snap tool. in the PowerPoint project.

Images 45

Images Adobe Captivate PNG PowerPoint 45

eLearningArt

MAY 2, 2012

After the frustration of searching typical stock image sites, you are going to LOVE the power of the PNG. With a PNG, you can take character images and drop them onto any background image you would like– for example, a board room, a cubicle, or an office. Note that this is only possible with PNG files.

Images 45

Images PNG Stock Format 45

Rapid eLearning

FEBRUARY 13, 2018

For example, I removed the background content and just isolated the guy on the computer. I like to save as a PNG file so that the transparent part of the image remains transparent. Lots of cool elearning examples to check out and find inspiration. Now the image is broken into multiple shapes where you can edit them as you wish.

PowerPoint 65

PowerPoint PNG Tutorial Convert 65

eLearning Brothers

MARCH 2, 2015

In this example, I’ve created a variable called “checkPlatform.” On each page, there is a group with an overlay that includes a PNG to shade the content, and a button with two actions, one to play the audio, the other to hide the group. ” Now the course is ready for whatever mobile platform comes its way!

Lectora 70

Lectora Mobile Platform Mac 70

Rapid eLearning

APRIL 10, 2012

Above is an example of a PowerPoint screen scaled down to fit in a small recording window. Here’s an example of what I do: Let’s suppose I am recording some PowerPoint tutorials. png or powerpoint.png. For example here’s a recent tweet about a free video converter and elearning & training jobs. Upcoming Events.

Screencast 80

Screencast Rapid eLearning ASTD Ratio 80

Rapid eLearning

OCTOBER 30, 2012

For example, the ability to combine shapes is a feature not in the ribbon by default. Paste as PNG. Add the features you want to the groups in your new tab. Finding Hidden Features. There are all sorts of features in PowerPoint. The most common are already featured in the ribbon. But there are some features that aren’t. Slide master.

Rapid eLearning 83

Rapid eLearning PowerPoint Clipart Create 83

Docebo

MAY 14, 2020

For example, by using the tag [date_complete] “Date of the course completion,” the system will auto-populate the date when the user completed the course. The supported image formats are JPG, PNG, JPEG, GIF. Additionally, tags can be copied and pasted from the bottom of the page. Optimal size: Portrait: 1810 x 2560 pixels – 150 dpi.

eLearning Certification 131

eLearning Certification Compliance Training Association Learning Management System Management 131