How to import images into FactoryTalk View Studio Machine Edition

The Automation School – HMI Basics – Article Banner

When you create a new FactoryTalk View Studio Machine Edition project, the Images folder of your new project contains only the most basic of images.

import-images-1

The Automation School – PLC Basics – Sidebar Banner
Those images are used on the buttons found on the default graphic displays every new project has.

That said, most projects require additional images to be added, and in today’s article I’ll document just how to do that, including one way you can also import Symbol Factory images.

Step 1) With a ViewME project open, start by right clicking on Images in the project tree and select Add Component Into Application

import-images-2

Step 2) Next, select the file type you would like to import.

Note: While the below image was capture with v6.1 and shows BMP and JPG file types, v7.0 added the PNG format as an option:

import-images-3

Step 3) Now select your image and click on Open

import-images-4a

Step 4) Sometimes while importing JPGs you’ll receive this error. If you do, try opening and re-saving the image using the Windows Paint program:

import-images-5

NOTE: You can purchase an “ad free” copy of this article from our article shop HERE, or become a “Premium Member” for as little as $3 a month and receive $5 worth of articles and $5 worth of code downloads free each month!

Step 5) Now you’ll see your image has been imported into your project:

import-images-6

Step 6) To use your image on a graphic display select the Image object under Objects – Drawing, and then Click and Drag to draw the Image object on your graphic display:

import-images-7

Step 7) When the Image Browser pops up, select your image from the list and click on OK:

import-images-8

Step 8) Now you’ll see the image on your Graphic Display in its original size:

import-images-9

Step 9) To resize the image, click and drag an image handle. To resize the image as a perfect square, hold down the CTRL key while dragging and hold it until you release the mouse button (i.e. release the mouse button first before releasing CTRL.) To resize the image proportionally, hold down the SHIFT key while dragging and hold it until you release the mouse button.

import-images-10

Now let’s take a look at importing Symbol Factory images.

Step 10) Start by placing another Image object on your screen, and this time when the Image Browser pops up click on Launch Library:

import-images-21

Step 11) In the Symbol Factory popup, find the image you would like to import, select it, and then click on Copy:

import-images-22

Step 12) Now back in the Image Browser click on Paste From Library, and then enter a unique name for the image and click on OK:

import-images-23

Step 13) Finally, select your imported image from the list in the Image Browser and click on OK:

import-images-24

Step 14) Once done, you’ll have not only imported the Symbol Factory image, but you’ll also find it on your graphic display:

import-images-25

Watch me demonstrate the above procedure live in Episode 1 of The Automation Minute Season 3:

tam-s03-e01-play

Have a question or comment? Please feel free to leave them with us by clicking on the “leave a reply” link at the very bottom of this page.

Sincerely,

Shawn Tierney
Automation Blogger and Trainer

Need personalized help? For as little as $25 per month you can get direct access to ask me Rockwell PLC, HMI, and SCADA questions! Learn the details at Patreon.com/Automation

The Automation School – HMI Basics – Article Banner

Check Also

What’s New in View, AF 2016

Last week I attended the Automation Fair session, “What’s New in Visualization,” and below I’ll …

How to use Symbol Factory Images in FactoryTalk View ME Buttons

One of my students recently asked how he could use Symbol Factory images as actual …

PanelView-Plus-700-Back

Is Ethernet the only way to connect to a PanelView Plus?

Student Question: I’m not sure I can connect to my PanelView Plus 600 at work to …