Tutorial: Options Menu Layout
|
|
- Quentin Bishop
- 5 years ago
- Views:
Transcription
1 Tutorial: Options Menu Layout This tutorial walks you through the steps to add a window title and avatar selection section, including adding the window title, adding the user profile section, configuring scroll box for avatar selection, and previewing your changes. At the end of the tutorial you will have an options menu with a window title and avatar selection section. Further content will be added in subsequent tutorials in this tutorial series, Creating an Options Menu. You will learn how to do the following: Add the window title Add the user profile section Configure scroll box for avatar selection Preview your changes Prerequisites It is recommended that you have completed the previous tutorial in the Creating an Options Menu series: How to Create the Options Menu Overlay * This tutorial requires you use the SamplesProject supplied with the Lumberyard. Step 1: Add the window title The first step in the tutorial is to add a title to the options window. To add the window title and user profile section 1. In the Lumberyard Editor, open the UI Editor by clicking View> Open View Pane> UI Editor. 2. In the UI Editor, select File> Open Canvas and open optionsmenu.uicanvas in the dev/samplesproject/levels/optionsmenu folder.
2 3. In the Hierarchy pane, right-click the Background element and select New> Element from prefab> Text. 4. In the Properties pane, under Anchors, click the following Anchor Preset to anchor the text to the topmiddle of the window: 5. In the Properties pane, change the text value to Settings under Text>Text.
3 6. Click the Color swatch and copy and paste the following value into the HTML field: #9ac7d6
4 You have now added a window title to the options window. The title should read Settings and positioned centered at the top of the window frame. Your canvas should look similar to this: Step 2: Add the User Profile Section After you have added the window title, you will add the user profile section of the options screen. This is an area of the window where users can set their username and avatar, for example. To add the user profile section 1. In the Hierarchy pane, right-click the Background element and select New, Empty element. a. Double-click the newly-created element and name the element UserPanel.
5 2. Right-click UserPanel and select New, Element from prefab, Text. a. Double-click the newly-created element and name the element UserText. 3. Right-click UserPanel and select New, Element from prefab, TextInput. a. Double-click the newly-created element and name the element UserName. 4. Right-click UserPanel and select New, Element from prefab, ScrollBox. a. Double-click the newly-created element and name the element AvatarSelection.
6 At this point, your Hierarchy should look like this: 5. Select the UserPanel element, then select the Resize gizmo and drag along the X-axis (red) in the Viewport and resize the element to have a width of about 600px Note: you can watch the Width value change in the Properties pane as you drag the mouse and verify its value.
7 6. Select UserText and, in the Properties pane, select the middle-left Anchor Preset: 7. In the text properties panel change the text field to User. Text> text. 8. In the Hierarchy pane, select AvatarSelection and, in the Properties pane, select the middle-right Anchor Preset: 9. In the Hierarchy pane, select UserPanel and, in the Properties pane, select the top-middle Anchor Preset:
8 10. In the Hierarchy pane, select UserPanel, then select the Move gizmo, and drag the element downwards, just below the Settings window title (using the Y-axis/green arrow). a. You can also take this time to adjust the positioning of other elements within the UserPanel element, such as UserText, UserName, and AvatarSelection. You have now added the user profile section to the options window. Note that this section of the window isn t complete yet we will continue working on this section in subsequent tutorials in the Creating an Options Menu series. For reference, your canvas should look similar to this:
9 Step 3: Configure scrollbox for avatar selection After you added the user profile section, you will configure the scrollbox for avatar selection. To configure the scrollbox for avatar selection 1. In the Hierarchy pane, delete all of the Image child elements of AvatarSelection, Mask, Content. 1. These are default content elements that are included in the ScrollBox prefab, but we will use our own images instead. 2. Right-click the Content element and select New, Element from prefab, Image. 3. With the new Image element selected in the Hierarchy pane, hit Ctrl+C (or select Edit, Copy) to copy the image element to the clipboard. 4. Hit Ctrl+V four times, or select Edit, Paste as sibling four times. Your AvatarSelection hierarchy should look like this:
10 5. Starting with the first Image child element of Content, in the Properties pane, in Image, Sprite path, click the button and select scroll_box_icon_1.dds in the textures/uieditor_sample/ folder. 1. Select each of the following Image child elements of Content and repeat this step, selecting the following images, in order: i. scroll_box_icon_2.dds ii. scroll_box_icon_3.dds iii. scroll_box_icon_4.dds iv. scroll_box_icon_5.dds
11 6. In the Hierarchy pane, select AvatarSelection and in the Properties pane, right click the Image component and select Remove component Image. 7. In the Hierarchy pane, select the Mask element, and, in the Properties pane, click the Browse button in Image, Sprite path.
12 1. Select circle_mask.dds in the textures/uieditor_sample folder. 8. In the Properties pane, in Mask, check Use alpha test.
13 9. With the Mask element still selected, select the Resize gizmo, and drag left along the X-axis until, in the Properties pane, the Offsets, Left value reads around 40 pixels. 10. Drag downwards along the Y-axis until, in the Properties pane, the Offsets, Top value reads around 25 pixels.
14 Step 4: Add mouse-hover Frame 1. In the Hierarchy pane, right-click AvatarSelection and select New, Element from prefab, Image. 2. Double-click the newly created Image element in the Heirarchy Panel and rename it to FrameImage.
15 3. In the Properties pane, under Image, Sprite path click the Browse button choose circleframe.dds in the textures/uieditor_sample folder. 4. With the Resize gizmo still selected, drag left along the X-axis until the frame just touches the border of the Mask element (or, approximately when the Offsets, Width value reads around 120 pixels).
16 5. Drag downwards along the Y-axis until the frame just touches the border of the Mask element (or, approximately when the Offsets, Height value reads around 150 pixels). 6. In the Hierarchy pane, click the AvatarSelection element.
17 7. In the Properties pane, in ScrollBox> Interactable> States> Hover> Color, select FrameImage in the Target drop-down box. 8. Click File, Save to save your progress thus far. You have now completed the design of your avatar selection scrollbox.
18 Step 5: Preview Your Changes After you added the user profile section, you will preview your UI changes. The UI Editor features a Preview feature that allows you to preview your UI at different target resolutions and explore interactable components, such as buttons, text input, scroll boxes, etc., all without requiring any scripting. Note that this step in the tutorial series has no direct impact on the final UI that you create. It s a tool that you can leverage to help you quickly test and prototype your canvases without leaving the UI Editor. To preview your changes 1. In the UI Editor, click the Preview button in the upper-right of the window. 2. Change the target resolution by clicking the drop-down menu next to Preview canvas size in the Preview Toolbar (typically located at the top of the window). a. If the Preview Toolbar isn t visible, click View and ensure that Preview Toolbar is checked. b. The User Viewport Size drop-down option will change the target canvas resolution as the UI Editor window size changes. c. For target resolutions larger than the window can accommodate, note that the view will be scaled to fit the window and the scale is shown as Canvas scale in the Preview Toolbar.
19 3. Click and drag the mouse on the scroll box you created.
20 4. Type in the User text input field. Congratulations! You have now added a window title and a user profile section. We also explored the Preview feature a powerful tool for quickly prototyping UI without any scripting required. For reference, your canvas should look similar to this:
21 Related Tasks and Tutorials Now that you have added a window title and a user profile section, continue on to the next tutorial in the Creating an Options Menu series: Modify UI Elements 04 Add Settings Panels and buttons Modify UI Elements 05 Opening the menu options Modify UI Elements 06 Closing and Saving Want to learn more about Lumberyard? Visit the complete Lumberyard Tutorials Page. We d love to hear from you! Head to our Tutorial Discussion forum to share any feedback you have, including what you do or don t like about our tutorials or new content you d like to see in the near future.
Tutorial: Modify UI 01 How to Load a UI Canvas Using Flow Graph
Tutorial: Modify UI 01 How to Load a UI Canvas Using Flow Graph This tutorial is the first tutorial in the Creating an Options Menu tutorial series and walks you through the steps to load a canvas using
More informationTutorial: How to Load a UI Canvas from Lua
Tutorial: How to Load a UI Canvas from Lua This tutorial walks you through the steps to load a UI canvas from a Lua script, including creating a Lua script file, adding the script to your level, and displaying
More informationTutorial: Importing static mesh (FBX)
Tutorial: Importing static mesh (FBX) This tutorial walks you through the steps needed to import a static mesh and its materials from an FBX file. At the end of the tutorial you will have new mesh and
More informationYou will learn how to do the following:
Tutorial: How to Interact with UI Using Lua This tutorial walks you through the steps to interact with UI using Lua, including loading and unloading UI canvases, listening to and handling UI events, working
More informationTutorial: Introduction to Flow Graph
Tutorial: Introduction to Flow Graph This tutorial introduces you to Flow Graph, including its core concepts, the Flow Graph editor and how to use it to create game logic. At the end of this tutorial,
More informationTutorial: Getting Started - Flow Graph scripting
Tutorial: Getting Started - Flow Graph scripting Overview This tutorial introduces the concept of game play scripting using the Flow Graph editor. You will set up Flow Graph scripts that do five things:
More informationTutorial: How to Create and Assign Materials from the Material Editor
Tutorial: How to Create and Assign Materials from the Material Editor This tutorial walks you through the steps to create and assign a new material to an object in the Lumberyard Editor. To do this we
More informationNote that the reference does not include the base directory or an initial backslash. The file extension for UI canvases should be included.
We are going to be loading UI canvases by filename, let's get our file structure and naming conventions defined first. Lumberyard will generally be looking at your project's base directory as a starting
More informationTutorial: Camera basics
Tutorial: Camera basics This tutorial walks you through the steps to learn camera basics in Lumberyard, including creating a first person camera, a third person camera, and tracking and dynamic zooming.
More informationTutorial: Importing Height Maps and Mega-Terrain from World Machine
Tutorial: Importing Height Maps and Mega-Terrain from World Machine In this tutorial you will learn how to quickly create a new terrain, using World Machine to generate a Height Map, and Mega-Terrain texture.
More informationTutorial: Getting Started - Terrain
Tutorial: Getting Started - Terrain Overview This tutorial teaches you how to apply materials to the terrain, modify the terrain height, and use the vegetation tool to paint trees onto the terrain. * This
More informationThe Photo Gallery. Adding a Photo Gallery Page. Adding a Photo Gallery App
Adding a Photo Gallery Page The Photo Gallery Above the Summary tab, in the list of Current Pages, click on the New Page button. Choose Photo Gallery from the Available Page Types. Give the page a name.
More informationPSD to Mobile UI Tutorial
PSD to Mobile UI Tutorial Contents Planning for design... 4 Decide the support devices for the application... 4 Target Device for design... 4 Import Asset package... 5 Basic Setting... 5 Preparation for
More informationTutorial: Working with Lighting through Components
Tutorial: Working with Lighting through Components With a populated scene we can begin layering in light sources to add realism and light to our level. For this we will need to use an environmental probe
More informationTutorial: Adding Sounds for a One-Shot Weapon
Tutorial: Adding Sounds for a One-Shot Weapon This tutorial will expand on the previous tutorial to show how to setup audio for the cannon and will tie together methods of implementing sounds into Lumberyard
More informationTutorial: Importing Animations into Geppetto
Tutorial: Importing Animations into Geppetto This tutorial walks you through the steps needed to import animations with Geppetto, including setting up the.chrparams file, the Skeleton List, and importing
More informationTutorial: Making your First Level
Tutorial: Making your First Level This tutorial walks you through the steps to making your first level, including placing objects, modifying the terrain, painting the terrain and placing vegetation. At
More informationDOING MORE WITH POWERPOINT: MICROSOFT OFFICE 2013
DOING MORE WITH POWERPOINT: MICROSOFT OFFICE 2013 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT POWERPOINT PAGE 03 Slide Views MORE TASKS IN MICROSOFT POWERPOINT PAGE 05 Formatting
More informationUI Elements. If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI)
UI Elements 1 2D Sprites If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI) Change Sprite Mode based on how many images are contained in your texture If you are
More informationTutorial: Uploading your server build
Tutorial: Uploading your server build This tutorial walks you through the steps to setup and upload your server build to Amazon GameLift including prerequisites, installing the AWS CLI (command-line interface),
More informationMouse. Mouse Action Location. Image Location
Mouse The Mouse action group is intended for interacting with user interface using mouse (move, click, drag, scroll). All the Mouse actions are automatically recorded when you manipulate your mouse during
More informationTutorial: Character creation basics
Tutorial: Character creation basics This tutorial walks you through the steps needed to understand the basics of creating a character, including how to create a character definition file, an attachments
More informationTutorial: Exporting characters (Maya)
Tutorial: Exporting characters (Maya) This tutorial walks you through the steps needed to get a character exported from Maya and ready for importing into Lumberyard, including how to export the character
More informationAdobe Flash CS4 Part 4: Interactivity
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 4: Interactivity Fall 2010, Version 1.0 Table of Contents Introduction... 2 Downloading the Data Files... 2
More informationManaging Content with AutoCAD DesignCenter
Managing Content with AutoCAD DesignCenter In This Chapter 14 This chapter introduces AutoCAD DesignCenter. You can now locate and organize drawing data and insert blocks, layers, external references,
More informationAuto Texture Tiling Tool
Table of Contents Auto Texture Tiling Tool Version 1.80 Read Me 1. Basic Functionality...2 1.1 Usage...2 1.1.1 Dynamic Texture Tiling...2 1.1.2 Basic Texture Tiling...3 1.1.3 GameObject menu item...3 1.2
More informationAuto Texture Tiling Tool
Table of Contents Auto Texture Tiling Tool Version 1.77 Read Me 1. Basic Functionality...2 1.1 Usage...2 1.2 Unwrap Method...3 1.3 Mesh Baking...4 1.4 Prefabs...5 2. Gizmos and Editor Window...6 1.1 Offset...6
More informationCreate Sponsor Scroll
Appendix B Create Sponsor Scroll TABLE OF CONTENTS... 1 CREATE, ANIMATE AND UPLOAD SPONSOR LOGOS Create... 2 Animate... 5 Upload... 6 Please note, this process requires two different programs, which should
More informationUsing Sitecore 5.3.1
Using Sitecore 5.3.1 An End-User s Guide to Using and Administrating Sitecore Author: Sitecore Corporation Date: December 12, 2007 Release: Rev. 1.0 Language: English Sitecore is a registered trademark.
More informationNauticom NetEditor: A How-to Guide
Nauticom NetEditor: A How-to Guide Table of Contents 1. Getting Started 2. The Editor Full Screen Preview Search Check Spelling Clipboard: Cut, Copy, and Paste Undo / Redo Foreground Color Background Color
More informationDiscovering Computers & Microsoft Office Office 2010 and Windows 7: Essential Concepts and Skills
Discovering Computers & Microsoft Office 2010 Office 2010 and Windows 7: Essential Concepts and Skills Objectives Perform basic mouse operations Start Windows and log on to the computer Identify the objects
More informationNVU Web Authoring System
NVU Web Authoring System http://www.nvu.com/index.php Table of Contents Using Nvu as Your Web Page Authoring System: Getting Started Opening a page, saving, and previewing your work...3 Formatting the
More informationHow to use the Acrobat interface and basic navigation
How to use the Acrobat interface and basic navigation The work area (Figure 1) includes a document pane that displays Adobe PDF documents and a navigation pane (on the left) that helps you browse through
More informationBetter UI Makes ugui Better!
Better UI Makes ugui Better! 2016 Thera Bytes UG Developed by Salomon Zwecker TABLE OF CONTENTS Better UI... 1 Better UI Elements... 4 1 Workflow: Make Better... 4 2 UI and Layout Elements Overview...
More informationMatrox MuraControl for Windows
Matrox MuraControl for Windows User Guide (for software version 6.00) 20179-301-0600 2017.09.25 Contents About this user guide... 6 Using this guide... 6 More information... 6 Overview... 7 Supported Matrox
More informationHow to lay out a web page with CSS
Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style
More informationHow to Add Text to an Animated Image
How to Add Text to an Animated Image In this tutorial, you ll learn how to create an inspirational animated file to use on social media using PhotoMirage and VideoStudio. We ll create an animated file
More informationITP 101 Project 2 - Photoshop
ITP 101 Project 2 - Photoshop Project Objectives Learn how to use an image editing application to create digital images. We will use Adobe Photoshop for this project. Project Details To continue the development
More informationPowerPoint Slide Basics. Introduction
PowerPoint 2016 Slide Basics Introduction Every PowerPoint presentation is composed of a series of slides. To begin creating a slide show, you'll need to know the basics of working with slides. You'll
More informationPowerPoint 2016 Building a Presentation
PowerPoint 2016 Building a Presentation What is PowerPoint? PowerPoint is presentation software that helps users quickly and efficiently create dynamic, professional-looking presentations through the use
More information:: MULTIMEDIA TOOLS :: CLASS NOTES
CLASS :: 04 02.15 2017 AGENDA :: Homework Upload [ A-2 ] Ultimate Composite! Upload A-2 Project to Student PSD Folder :: Photoshop Lesson 4: Creating a PSD Wireframe [Homepage] I. DOCUMENT SET-UP: a. Dimensions
More informationAdd Photo Mounts To A Photo With Photoshop Part 1
Add Photo Mounts To A Photo With Photoshop Part 1 Written by Steve Patterson. In this Photoshop Effects tutorial, we ll learn how to create and add simplephoto mounts to an image, a nice finishing touch
More informationCreating a T-Spline using a Reference Image
1 / 17 Goals Learn how to create a T-Spline using a Reference Image. 1. Insert an image into the workspace using Attach Canvas. 2. Use Calibrate to set the proper scale for the reference image. 3. Invoke
More informationGetting Started with Wrap
Getting Started with Wrap This Getting Started guide will show you how to build your first Wrap and highlight some of the major features in the Wrap authoring platform. You will learn how to: Create a
More informationCreating a Website in Schoolwires
Creating a Website in Schoolwires Overview and Terminology... 2 Logging into Schoolwires... 2 Changing a password... 2 Navigating to an assigned section... 2 Accessing Site Manager... 2 Section Workspace
More informationFruit Snake SECTION 1
Fruit Snake SECTION 1 For the first full Construct 2 game you're going to create a snake game. In this game, you'll have a snake that will "eat" fruit, and grow longer with each object or piece of fruit
More informationHow to Create a Seamless Half Drop Repeat Pattern in Photoshop and Fill an Object
How to Create a Seamless Half Drop Repeat Pattern in Photoshop and Fill an Object Half drop repeat patterns are used to create decorative fabric and surface design Examples of repeat patterns are all around
More informationInsert/Edit Image. Overview
Overview The tool is available on the default toolbar for the WYSIWYG Editor. The Images Gadget may also be used to drop an image on a page and will automatically spawn the Insert/Edit Image modal. Classic
More informationMobile Touch Floating Joysticks with Options version 1.1 (Unity Asset Store) by Kevin Blake
Mobile Touch Floating Joysticks with Options version 1.1 (Unity Asset Store) by Kevin Blake Change in version 1.1 of this document: only 2 changes to this document (the unity asset store item has not changed)
More informationHow do I make a basic composite or contact sheet?
How do I make a basic composite or contact sheet? FotoFusion enables you to make a grid-style layout and use text tags to create labels under image frames. This is useful for making simple composites and
More informationA Guide to Autodesk Maya 2015
A Guide to Autodesk Maya 2015 Written by Mitchell Youngerman Table of Contents Layout of Toolbars...pg 1 Creating Objects...pg 2 Selecting & Deselecting Objects...pg 3 Changing Perspective... pg 4 Transforming
More informationCreating a Website in Schoolwires Technology Integration Center
Creating a Website in Schoolwires Technology Integration Center Overview and Terminology... 2 Logging into Schoolwires... 2 Changing a password... 2 Accessing Site Manager... 2 Section Workspace Overview...
More informationJoomla! 2.5.x Training Manual
Joomla! 2.5.x Training Manual 1 Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several
More informationCropping an Image for the Web
Cropping an Image for the Web This guide covers how to use the Paint software included with Microsoft Windows to crop images for use on a web page. Opening Microsoft Paint (In Windows Accessories) On your
More informationAGENDA. :: Homework Upload. :: Photoshop Lesson 4: Creating a PSD Wireframe [Homepage] I. DOCUMENT SET-UP: II. DRAWING SHAPES III.
CLASS :: 04 MULTIMEDIA TOOLS :: CLASS NOTES 10.02 2017 AGENDA :: Homework Upload [ A-2 ] Ultimate Composite! Upload A-2 Project to Student PSD Folder :: Photoshop Lesson 4: Creating a PSD Wireframe [Homepage]
More informationHow to...create a Video VBOX Gauge in Inkscape. So you want to create your own gauge? How about a transparent background for those text elements?
BASIC GAUGE CREATION The Video VBox setup software is capable of using many different image formats for gauge backgrounds, static images, or logos, including Bitmaps, JPEGs, or PNG s. When the software
More informationSevere Weather Safety PSA
Contents Add Text 2 Format Text 3 Add Stickers 4 Resize Stickers 8 Change the Color of the Canvas 9 Name the Project 12 Add a Page 12 Practice Adding and Formatting Text 13 Use the Paint Brush Tool 14
More informationTutorial: How to create Basic Trail Particles
Tutorial: How to create Basic Trail Particles This tutorial walks you through the steps to create Basic Trail Particles. At the end of the tutorial you will have a trail particles that move around in a
More informationGoldfish 4. Quick Start Tutorial
Goldfish 4 Quick Start Tutorial A Big Thank You to Tobias Schilpp 2018 Fishbeam Software Text, Graphics: Yves Pellot Proofread, Photos: Tobias Schilpp Publish Code: #180926 www.fishbeam.com Get to know
More informationDear Candidate, Thank you, Adobe Education
Dear Candidate, In preparation for the Web Communication certification exam, we ve put together a set of practice materials and example exam items for you to review. What you ll find in this packet are:
More informationCreating a Presentation
Creating a Presentation 1.1 Double Click the PowerPoint icon on the desktop Or Click on the start menu Type PowerPoint into the search box Click on the PowerPoint icon 1.2 Click Blank Presentation 1 How
More informationTutorial: Using the UUCS Crowd Simulation Plug-in for Unity
Tutorial: Using the UUCS Crowd Simulation Plug-in for Unity Introduction Version 1.1 - November 15, 2017 Authors: Dionysi Alexandridis, Simon Dirks, Wouter van Toll In this assignment, you will use the
More informationUsing Spreadsheets, Selection Sets, and COGO Controls SPECTRA PRECISION SURVEY OFFICE TUTORIAL
Using Spreadsheets, Selection Sets, and COGO Controls SPECTRA PRECISION SURVEY OFFICE TUTORIAL Corporate office: Spectra Precision 10355 Westmoor Drive Suite #100 Westminster, CO 80021 USA Phone: +1-720-587-4700
More informationAdobe Fireworks CS Essential Techniques
Adobe Fireworks CS4 HOW-TOs 100 Essential Techniques Jim Babbage 170 Adding Structure to # 79 Your Documents Creating a Master Page You can only have one Master Page per file, and you can easily set any
More informationUsing the IDEF0 Diagram in Innoslate
Using the IDEF0 Diagram in Innoslate This document discusses how to use the IDEF0 Diagram in Innoslate. Contents IDEF0 Entities...2 IDEF0 Relationships...2 IDEF0 Interactions...3 Adding an Action...3 Adding
More informationSetting Up the Fotosizer Software
Setting Up the Fotosizer Software N.B. Fotosizer does not change your original files it just makes copies of them that have been resized and renamed. It is these copies you need to use on your website.
More informationTo use the keyboard emulation, you must activate it in the tray icon menu (see 2.6 Enable keyboard emulation)
LEA USER GUIDE Notice: To use LEA you have to buy the client and download the free server at: https://www.leaextendedinput.com/download.php The Client is available in the App Store for IOS and Android
More informationJoomla! extension JSN EasySlider User Manual
Joomla! extension JSN EasySlider User Manual (for JSN EasySlider 2.0.x) www.facebook.com/joomlashine www.twitter.com/joomlashine www.youtube.com/joomlashine This documentation is release under Creative
More informationClip Art and Graphics. Inserting Clip Art. Inserting Other Graphics. Creating Your Own Shapes. Formatting the Shape
1 of 1 Clip Art and Graphics Inserting Clip Art Click where you want the picture to go (you can change its position later.) From the Insert tab, find the Illustrations Area and click on the Clip Art button
More informationGIMP WEB 2.0 ICONS. GIMP is all about IT (Images and Text) OPEN GIMP
GIMP WEB 2.0 ICONS Web 2.0 Banners: Download E-Book WEB 2.0 ICONS: DOWNLOAD E-BOOK OPEN GIMP GIMP is all about IT (Images and Text) Step 1: To begin a new GIMP project, from the Menu Bar, select File New.
More informationUnit 21 - Creating a Navigation Bar in Macromedia Fireworks
Unit 21 - Creating a Navigation Bar in Macromedia Fireworks Items needed to complete the Navigation Bar: Unit 21 - House Style Unit 21 - Graphics Sketch Diagrams Document ------------------------------------------------------------------------------------------------
More informationUniversity Systems. Client Technologies
University Systems Client Technologies Media Services - Video on Demand User Guide For Windows Computers Created by Scott Thorpe May 13th, 2015 Updated June 15th, 2015 What is video on demand? Video on
More informationTutorial: Upgrading a game project
Tutorial: Upgrading a game project This tutorial walks you through the steps needed to upgrade a game project from a previous version of Lumberyard. You will learn how to do the following: Upgrade Lumberyard
More informationMicrosoft Word Chapter 1. Creating, Formatting, and Editing a Word Document with Pictures
Microsoft Word 2010 Chapter 1 Creating, Formatting, and Editing a Word Document with Pictures Objectives Enter text in a Word document Check spelling as you type Format paragraphs Format text Undo and
More informationTutorial: Overview. CHAPTER 2 Tutorial
2 CHAPTER 2 Tutorial... Tutorial: Overview This tutorial steps you through the creation of a simple banner for a web page and shows how to actually put the movie on the web. The tutorial explains how to
More informationTree and Data Grid for Micro Charts User Guide
COMPONENTS FOR XCELSIUS Tree and Data Grid for Micro Charts User Guide Version 1.1 Inovista Copyright 2009 All Rights Reserved Page 1 TABLE OF CONTENTS Components for Xcelsius... 1 Introduction... 4 Data
More informationMatrox MuraControl for Windows
Matrox MuraControl for Windows User Guide (for software version 7.00) 20179-301-0700 2018.06.12 Contents About this user guide... 6 Using this guide... 6 More information... 6 Overview... 7 Supported Matrox
More informationHow to Use Moodle's Text Editor
How to Use Moodle's Text Editor The text editor has a variety of tools and icons to assist in formatting text, adding links, and inserting images. Many of them will be familiar to anyone who uses word
More informationRecipes4Success. Animate Plant Growth. Share 4 - Animation
Recipes4Success In this Recipe, you will create an animated science diagram of plant growth. You will learn how to add images, draw shapes, use the animation options, preview, and publish your project.
More informationTutorial: Creating a Gem with code
Tutorial: Creating a Gem with code This tutorial walks you through the steps to create a simple Gem with code, including using the Project Configurator to create an empty Gem, building the Gem, and drawing
More information: Rendered background can show navigation mesh : Multi-level backgrounds, priority backgrounds and Z-ordering.
Update history: 2017-04-13: Initial release on Marketplace for UE4.15. 2017-05-09: Rendered background can show navigation mesh. 2017-05-19: Multi-level backgrounds, priority backgrounds and Z-ordering.
More informationHow to make a power point presentation. Dr. Mohamed F. Foda
How to make a power point presentation Dr. Mohamed F. Foda Step 1: Launch the PowerPoint Program When you launch the PowerPoint program, you may be prompted to pick what kind of document you want to create.
More information1.0 Overview For content management, Joomla divides into some basic components: the Article
Joomla! 3.4.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials
More informationPiktochart 101 Create your first infographic in 15 minutes
Piktochart 101 Create your first infographic in 15 minutes TABLE OF CONTENTS 01 Getting Started 5 Steps to Creating Your First Infographic in 15 Minutes 1.1 Pick a Template 1.2 Click Create and Start Adding
More informationPrezi Creating a Prezi
Prezi Creating a Prezi Log in to your account and click on the New Prezi button. Enter a title and (optional) description, and then click on the Create New Prezi button. Selecting a Template Select a template.
More informationInformation Systems Center. FrontPage 2003 Reference Guide for COMM 321 & 421
Information Systems Center FrontPage 2003 Reference Guide for COMM 321 & 421 September 2008 Table of Contents Portfolio Web Sites & Web Pages... 1 Open Your Portfolio Web Site in FrontPage for Editing...
More informationCreate Project And Company Logos Quick Reference Guide
Create Project And Company Logos Quick Reference Guide Newforma Project Cloud enables you to add two types of logos to your projects: Project Logo. The project logo appears in the upper left corner of
More informationFigure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.
Adobe Dreamweaver CS6 Project 3 guide How to create forms You can use forms to interact with or gather information from site visitors. With forms, visitors can provide feedback, sign a guest book, take
More informationMicrosoft Excel 2010 Part 2: Intermediate Excel
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Microsoft Excel 2010 Part 2: Intermediate Excel Spring 2014, Version 1.0 Table of Contents Introduction...3 Working with Rows and
More informationTabs, Tables & Columns
Tabs, Tables & Columns What we will cover Creating tables Formatting tables Sorting information in tables Using columns Using tabs Tables You can insert a table several: Insert Table button This will open
More informationEvoq 9 Content Managers Training Manual
Evoq 9 Content Managers Training Manual Table of Contents Chapter 1: User Login... 2 User Login...2 User Login Screen...2 User Logout...2 Chapter 2: Navigating within Evoq 9...3 Editing Bar...3 Dashboard...4
More informationLesson 1 Excel Tutorial Learning how to use Microsoft Excel 2010 page 1
Lesson 1 Excel Tutorial Learning how to use Microsoft Excel 2010 page 1 Step 1: When you first open up Excel 2010, this is what you will see. This is considered an Excel worksheet. Step 2: Notice the bottom
More informationDrawing Tools. Drawing a Rectangle
Chapter Microsoft Word provides extensive DRAWING TOOLS that allow you to enhance the appearance of your documents. You can use these tools to assist in the creation of detailed publications, newsletters,
More informationGetting Started (New Accounts)
Getting Started (New Accounts) 1. On any page with the menu, go to the faculty section and choose Faculty Website Access. 2. On the login page, make sure you are on Windows Login. Login with the username
More informationUser Manual Version 1.1 January 2015
User Manual Version 1.1 January 2015 - 2 / 112 - V1.1 Variegator... 7 Variegator Features... 7 1. Variable elements... 7 2. Static elements... 7 3. Element Manipulation... 7 4. Document Formats... 7 5.
More informationClick the buttons in the interactive below to learn how to navigate the Access window.
Access 2010 Getting Started in Access Introduction Page 1 Whenever you're learning a new program, it's important to familiarize yourself with the program window and the tools within it. Working with Access
More informationFaculty Web Site with WCM
Faculty Web Site with WCM WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 FACULTY WEB SITE WITH WCM... 2 Introduction 2 Getting Started 3 Understanding the Template 4 The WCM Layout
More informationTutorial: Accessing Maya tools
Tutorial: Accessing Maya tools This tutorial walks you through the steps needed to access the Maya Lumberyard Tools for exporting art assets from Maya to Lumberyard. At the end of the tutorial, you will
More informationPOWERPOINT BASICS: MICROSOFT OFFICE 2010
POWERPOINT BASICS: MICROSOFT OFFICE 2010 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT POWERPOINT PAGE 03 Microsoft PowerPoint Components SIMPLE TASKS IN MICROSOFT POWERPOINT
More informationGetting started with HotGloo (V5.0)
Getting started with HotGloo (V5.0) Your first steps to a whole new wireframing experience. 2016 HotGloo Wireframing with HotGloo Welcome dear wireframe rookie, sensei, guru or ninja. No matter which level
More information