Must Have Graphic Tips

Size: px
Start display at page:

Download "Must Have Graphic Tips"

Transcription

1

2 Ready To Discover The Secret To High Profit Publishing With Little Or NO Content Needed? Reach Eager Buyers In Multiple Niches, Fast... In Card Deck Publishing Profits, you ll discover How to instantly get ideas for card decks that sell. How to create awesome designs using free drag and drop software and royalty-free images! How to easily create print-quality designs without spending money on expensive graphic designers! How to effortlessly repurpose content that you already have! How to connect with eager buyers in your niche. How and where to promote your card decks for FREE! How to find card deck ideas that are already popular and in-demand. How to easily create card decks that are ready to print! The best marketplaces to sell and produce print-on-demand decks... Where to easily sell your decks for fast profits. How to add your deck to marketplaces that already have thousands of card deck buyers browsing every day! And Much More! CLICK HERE TO LEARN MORE Must Have Graphic Tips We want you to help you get the most mileage out of what you know so we re going to give you some great information that will get you on your way to understanding and designing your own images. Here are some image basics: Common Image Extensions What s the difference? When should I use different types? There are a lot of questions when it comes to working with images so we decided to bring you image basics this month to help you get started or help fill in some of the

3 gaps. Well start with some of the common image extensions so you have a reference to work with..jpg When you're working with images you can save the images in whatever format the software will allow. If you have a photo you've taken with your digital camera it s most likely in a JPEG (same as.jpg) file. So, in your image editor you would most likely save it back in the same format..jpg images have lots of colors and gradients which make them the best choice for photos..png If you have an image with a transparent background (which means the image is cut out so you can add it to a webpage so the background will show through) you will need to save it as a.png. If you are using an image editor such as Gimp or PicMonkey, you would be able to have layers of images on top of each other that are in different formats (.jpg and.png). If you are using one with a transparent background (.png) you would have to save it as a.png to preserve the transparency within the image. When you save it, the layers compress to make it a flat image so if you save it as a.jpg it would have whatever background that shows in the image saved with it. If you saved it as a transparent.png image the background will be invisible so when you add it to your website whatever background is on your website will show through. Example Grasping this concept was a little difficult for me at first so I want to make it as clear as possible. The ecover to the right technically has a background around the image but it is transparent (invisible). To make sure it stays transparent when I save it I have to save it as.png image. This means the image will pick up whatever color or texture that it is inserted on. The image below is a side by side example of what it looks like now on my blog (white background) on the left and if my background were red on the right. You can see the image itself is overlayed onto the background.

4 .gif These types of files are low resolution and used a lot for icons, logos and web images that are less than 256 colors. They can be animated. They re not recommended for photos due to the limited color palette.

5 .tif.tif files are generally created by graphic designers or intended to be used in print. Faxed or scanned documents can also appear as a.tif tile. They can be very large files. You can usually view these types of files by double clicking on them and your computer will open it in viewing mode. If you need to edit a.tif file you will need to have software that supports this file type. The paint program that comes with windows allows you to edit as well as Gimp which you can download for free as well as Photoshop. There are many other converter programs out there and many for free if you find you need it..psd This is the file extension for Adobe Photoshop files. This means that the image was created with the Photoshop program. To edit images with this extension you will need the Photoshop program or you can download the Gimp software for free at gimp.org..xcf This is the file extension for Gimp. I used the Gimp software a lot. Before I invested in Photoshop I used Gimp for creating layered graphics. It s powerful and free. It can be a little cumbersome to learn. Photoshop doesn t allow you to import an.xcf (Gimp) file but you can import a Gimp file into Photoshop (.psd). If you have a desire to learn more about graphics and creating your own, I highly recommend Photoshop..eps This is what is called a Encapsulated PostScript file and can contain graphics, text and images..eps files are generally created in illustration or layout software such as Adobe Illustrator, Corel Draw, Photoshop and Gimp. If you just want to view an.eps file you can do it in any of the programs listed here or you can import it into Word as a picture to view it. You can make some adjustments in Word as well but the outcome is nowhere near as good as it would be if done it the appropriate software. Common edits How to resize and crop images You may run into a time when you need to resize or crop an image to fit the task at hand. The easiest way I ve found is to use PicMonkey. To Resize an Image Open your image in PicMonkey.

6 To do this click on edit to open the image you want to work with. A common thing you ll need to do is resize a photo of yourself to add to your site or author block so I ll show you how to resize and crop into a square image. I opened an image of myself that has dimensions of 466 x 640. I want to resize it to around 200 pixels wide. To do that you ll click on resize in the menu to the left. It defaults to the menu (image on left) when you open your image but if you need to find it again you go to the basic edits menu which is the top icon that looks like this: As you can see in the image below the dimensions of my picture are 466 x 640. To change this you can just type in the new dimensions you want it to be. If you

7 want to just change one either the width or the height you can do that and the program will adjust the other with the correct dimensions if you have the keep proportions box checked. I wanted my image to be 200 pixels wide so I just added the 200 to the first box and the second box automatically calculated the proportions and submitted 275 since I had the keep proportions check box marked. It s as easy as that to resize your image. How to Crop an Image You ll find the crop icon under the basic edits menu (which is the default menu when you open the program). Once you click on crop it automatically gives you a starting point crop. If you know the size you want to use you can type it into the size box but if not, you can grab the edge of the crop box with your mouse and move it around to get the perfect size. I want to make my image 200 x 200 pixels wide so I resized as shown, in the image to the right, to 200 x 275 pixels. Now from the drop-down menu I ll choose square. From here you will have an outlined box that you can grab with your mouse and drag around or grab the edges and make it bigger or smaller. This defaults to 159 x 159 but I want my image to be 200 x 200 pixels so I ll have to grab the edges and make it bigger. Then move it around to the area I want to show within the highlighted area. Now you can see I have an image that is 200 x

8 200 pixels square to use. There are many programs you can use to edit your images. I love PicMonkey because it s so easy to use and it s free. How to add html code to your website to show images It s important to be able to add images to your site with html code but it s not always easy to figure out. I ll show you how to add code with a link embedded in the code (which will open to another page you designate) and without which will not be clickable. To add an image in html This is the very basic way to add an image to your site. <img src="imageurl" alt="your_text"> The imageurl is the image you want to use. The alt is the text you want to show if for some reason your image is unable to be viewed. You can add elements to this basic code to show other things as well. <h2>your_text</h2> <img border=" " src="imageurl" alt="your_text" width=" " height=" "> In the example above the <h2> is the html tag for heading 2. There are several levels of headings so you can try it out to see which one you like best for the size. img border will create a border around your image and the width and height allows you to specify the dimensions you want to show. Here is a real-life example from an image on my site: <h2>let Your Light Shine<h2> <img border="2" src=" Your-Light-Shine jpg" alt="let Your Light Shine" width="304" height="228"> And this is what it looks like: Let Your Light Shine

9 To add an image in html code with a link <a href="url" target="_blank"><img src="imageurl"/></a> In this example, you will replace "url" with the page that you want the link to go to. The "imageurl" is the link to the image you want to use. target="_blank" means that the link will open in a new window. The code below is the same real-life example as above but includes the link to my site which means the image will be clickable to the user. <a href=" target="_blank"><img src="

10 Fonts Using Fonts Online Here s a bit of font usage information you might not be aware of. When you design a website, and use a decorate font, your end user may not ever see the font on their screen. That s because, as mentioned above, fonts are files. If the font file doesn t exist on their computer, they won t see it. Their browser will default to a very basic font in its place. The same is true when using fonts in documents. If I create a Word document with a pretty font I ve downloaded, then send you the document, when you open it, you will see it in plain font. The way around it is to embed the font file on your site in some way. One brilliantly easy way to use a decorative font online is to tap into the Google Fonts Collection. With Google Fonts, you choose a font and copy two snips of code that get pasted into your theme files. That s how Angela Wills of Laptop Lifestyle Business Club is able to use this unique font for her headings: A note for pretty font users: Make sure you use a large enough font size otherwise your swirly fonts may be difficult to read on the screen. Colors Color is a gift on the internet, isn t it? Back when I had to do a lot of design work for print, I had to use color sparingly because it upped printing costs. When I first began designing for the web, it fascinated me that I could as much color as I liked.

11 Colors impact people in a big way. Take a look at this screen shot: This part of a bigger information graphic I think you d really enjoy viewing. Find it here. While we can use all colors on the internet, some colors really shouldn t be used. Let s look at an example: The color Pink. I love pink! Some shades of pink play beautifully online but some don t. This shade looks just great. Even in bold text. This shade is almost impossible to read online. These shades even when enlarged and made bold are an uncomfortable assault on the eyes. The same will usually be true of any neon colors. You can use neon colors online, but take special care with the shade and get some outside opinions for making a final choice. What looks great on your screen may appear differently on others. I find this is especially true of laptop users.

12 Use conflicting colors to capture attention I love Deep Red, Black and Charcoal. (Can you tell?) See how I m using a very different color to draw the eye to the strip ad for my upcoming event in Toronto? I ve actually changed the color of this strip ad and will again. I ve had it bright yellow, next I ll probably use a brilliant pink. Whatever it takes to make sure visitors are looking at it and being reminded of its message. Converting colors from RGB to Hex code and vice versa. Sometimes we run across colors that we want to use for a project but it s in one color format. Here are a couple of tools that will give you the ability to get the proper exchanges. For changing from Hex to RGB: And from RGB to Hex: Free Image Sources: These are some of our favorite free image sites that offer quality images free for personal and commercial use. Pickup Image Pixabay Splitshire Unsplash Foodies Feed

13 In Closing We want to share quality information to help you get to the level of design that you want to achieve. Use these tips to create graphics that will get noticed! Ready To Discover The Secret To High Profit Publishing With Little Or NO Content Needed? Reach Eager Buyers In Multiple Niches, Fast... In Card Deck Publishing Profits, you ll discover How to instantly get ideas for card decks that sell. How to create awesome designs using free drag and drop software and royalty-free images! How to easily create print-quality designs without spending money on expensive graphic designers! How to effortlessly repurpose content that you already have! How to connect with eager buyers in your niche. How and where to promote your card decks for FREE! How to find card deck ideas that are already popular and in-demand. How to easily create card decks that are ready to print! The best marketplaces to sell and produce print-on-demand decks... Where to easily sell your decks for fast profits. How to add your deck to marketplaces that already have thousands of card deck buyers browsing every day! And Much More! CLICK HERE TO LEARN MORE

Creating Hair Textures with highlights using The GIMP

Creating Hair Textures with highlights using The GIMP Creating Hair Textures with highlights using The GIMP Most users out there use either Photoshop or Paint Shop Pro, but have any of you ever actually heard of The GIMP? It is a free image editing software,

More information

Creating an with Constant Contact. A step-by-step guide

Creating an  with Constant Contact. A step-by-step guide Creating an Email with Constant Contact A step-by-step guide About this Manual Once your Constant Contact account is established, use this manual as a guide to help you create your email campaign Here

More information

Creating an with Constant Contact. A step-by-step guide

Creating an  with Constant Contact. A step-by-step guide Creating an Email with Constant Contact A step-by-step guide About this Manual Once your Constant Contact account is established, use this manual as a guide to help you create your email campaign Here

More information

Welcome Back! Without further delay, let s get started! First Things First. If you haven t done it already, download Turbo Lister from ebay.

Welcome Back! Without further delay, let s get started! First Things First. If you haven t done it already, download Turbo Lister from ebay. Welcome Back! Now that we ve covered the basics on how to use templates and how to customise them, it s time to learn some more advanced techniques that will help you create outstanding ebay listings!

More information

Rev. A 02/02/2016 Downers Grove Public Library Page 1 of 50

Rev. A 02/02/2016 Downers Grove Public Library Page 1 of 50 Objectives... 3 PowerPoint 2016 Screen Overview... 4 File Tab on the Ribbon... 5 Use Tell Me for Interactive Help... 6 Accessing Documents and Templates... 7 Searching for Templates... 8 Printing... 9

More information

Creating a Website Using Weebly.com (June 26, 2017 Update)

Creating a Website Using Weebly.com (June 26, 2017 Update) Creating a Website Using Weebly.com (June 26, 2017 Update) Weebly.com is a website where anyone with basic word processing skills can create a website at no cost. No special software is required and there

More information

Page Content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special.

Page Content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special. This section describes how to add content to your pages including text, Microsoft Office documents, images, Flash, and other media content. Inserting Text To add text to your document, you can type the

More information

Image Types Vector vs. Raster

Image Types Vector vs. Raster Image Types Have you ever wondered when you should use a JPG instead of a PNG? Or maybe you are just trying to figure out which program opens an INDD? Unless you are a graphic designer by training (like

More information

A new clients guide to: Activating a new Studio 3.0 Account Creating a Photo Album Starting a Project Submitting a Project Publishing Tips

A new clients guide to: Activating a new Studio 3.0 Account Creating a Photo Album Starting a Project Submitting a Project Publishing Tips Getting Started With Heritage Makers A Guide to the Heritage Studio 3.0 Drag and Drop Publishing System presented by Heritage Makers A new clients guide to: Activating a new Studio 3.0 Account Creating

More information

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW STAROFFICE 8 DRAW Graphics They say a picture is worth a thousand words. Pictures are often used along with our words for good reason. They help communicate our thoughts. They give extra information that

More information

DIRECTV Message Board

DIRECTV Message Board DIRECTV Message Board DIRECTV Message Board is an exciting new product for commercial customers. It is being shown at DIRECTV Revolution 2012 for the first time, but the Solid Signal team were lucky enough

More information

BONUS! SPECIAL REPORT

BONUS! SPECIAL REPORT BONUS! SPECIAL REPORT How to Add Value to Your Administrative Procedures Documentation: Creating Screenshots, Graphics, and Custom Bullets By Julie Perrine, CAP-OM, MBTI Certified Founder and CEO, All

More information

FrontPage. Directions & Reference

FrontPage. Directions & Reference FrontPage Directions & Reference August 2006 Table of Contents Page No. Open, Create, Save WebPages Open Webpage... 1 Create and Save a New Page... 1-2 Change the Background Color of Your Web Page...

More information

Recitation 3 Further Work with Dreamweaver and Photoshop: Refining your Web Site

Recitation 3 Further Work with Dreamweaver and Photoshop: Refining your Web Site Recitation 3 Further Work with Dreamweaver and Photoshop: Refining your Web Site More Photoshop skills Selecting areas of the image - using the selection tools In Recitation 2 we learned there are several

More information

FrontPage 98 Quick Guide. Copyright 2000 Peter Pappas. edteck press All rights reserved.

FrontPage 98 Quick Guide. Copyright 2000 Peter Pappas. edteck press All rights reserved. Master web design skills with Microsoft FrontPage 98. This step-by-step guide uses over 40 full color close-up screen shots to clearly explain the fast and easy way to design a web site. Use edteck s QuickGuide

More information

Adobe Photoshop CS2 Reference Guide For Windows

Adobe Photoshop CS2 Reference Guide For Windows This program is located: Adobe Photoshop CS2 Reference Guide For Windows Start > All Programs > Photo Editing and Scanning >Adobe Photoshop CS2 General Keyboarding Tips: TAB Show/Hide Toolbox and Palettes

More information

Excel Basics Rice Digital Media Commons Guide Written for Microsoft Excel 2010 Windows Edition by Eric Miller

Excel Basics Rice Digital Media Commons Guide Written for Microsoft Excel 2010 Windows Edition by Eric Miller Excel Basics Rice Digital Media Commons Guide Written for Microsoft Excel 2010 Windows Edition by Eric Miller Table of Contents Introduction!... 1 Part 1: Entering Data!... 2 1.a: Typing!... 2 1.b: Editing

More information

Centricity 2.0 Section Editor Help Card

Centricity 2.0 Section Editor Help Card Centricity 2.0 Section Editor Help Card Accessing Section Workspace In order to edit your section, you must first be assigned Section Editor privileges. This is done by the Director of your Site, Subsite,

More information

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics FACULTY AND STAFF COMPUTER TRAINING @ FOOTHILL-DE ANZA Office 2001 Graphics Microsoft Clip Art Introduction Office 2001 wants to be the application that does everything, including Windows! When it comes

More information

Prezi PREZI ONLINE ACCOUNT START FROM A TEMPLATE

Prezi PREZI ONLINE ACCOUNT START FROM A TEMPLATE Prezi PREZI ONLINE ACCOUNT Go to www.prezi.com/pricing/edu and sign up for an online only account. This account is available anywhere in the world as long as you have access to the internet. After creating

More information

ITP 101 Project 2 - Photoshop

ITP 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 information

AGENT123. Full Q&A and Tutorials Table of Contents. Website IDX Agent Gallery Step-by-Step Tutorials

AGENT123. Full Q&A and Tutorials Table of Contents. Website IDX Agent Gallery Step-by-Step Tutorials AGENT123 Full Q&A and Tutorials Table of Contents Website IDX Agent Gallery Step-by-Step Tutorials WEBSITE General 1. How do I log into my website? 2. How do I change the Meta Tags on my website? 3. How

More information

Piktochart 101 Create your first infographic in 15 minutes

Piktochart 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 information

Using Microsoft Word. Working With Objects

Using Microsoft Word. Working With Objects Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects

More information

Adding Art to Office Documents

Adding Art to Office Documents Adding Art to Office Documents Introduction What You ll Do Although well-illustrated documents can t make up for a lack Locate and Insert an Online Picture of content, you can capture your audiences attention

More information

Title and Modify Page Properties

Title and Modify Page Properties Dreamweaver After cropping out all of the pieces from Photoshop we are ready to begin putting the pieces back together in Dreamweaver. If we were to layout all of the pieces on a table we would have graphics

More information

Creating and Editing Images in Paint Shop Pro Version XI. File Types

Creating and Editing Images in Paint Shop Pro Version XI. File Types Creating and Editing Images in Paint Shop Pro Version XI Paint Shop Pro (PSP) from JASC software (http://www.jasc.com) is an imageediting and creation program. You can download a 30-day trial version from

More information

Computing Basics. Business Education & Computer Science Mr. Dukes

Computing Basics. Business Education & Computer Science Mr. Dukes Computing Basics Business Education & Computer Science Mr. Dukes Types of Computer Software Operating system (OS) Controls communication with hardware Controls interaction with user Examples: Windows,

More information

Building a Community Page

Building a Community Page Building a Community Page What is a Community Page? A community page is a portion of your website where you discuss a specific community you serve. Many customers are capable of finding listings on the

More information

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Horizontal Rule Element

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Horizontal Rule Element Web Development & Design Foundations with HTML5 Ninth Edition Chapter 4 Visual Elements and Graphics Learning Objectives (1 of 2) 4.1 Create and format lines and borders on web pages 4.2 Apply the image

More information

Do It Yourself Website Editing Training Guide

Do It Yourself Website Editing Training Guide Do It Yourself Website Editing Training Guide Version 3.0 Copyright 2000-2011 Sesame Communications. All Rights Reserved. Table of Contents DIY Overview 3 What pages are editable using the DIY Editing

More information

Creating a Website Using Weebly.com (July 2012 Update)

Creating a Website Using Weebly.com (July 2012 Update) Creating a Website Using Weebly.com (July 2012 Update) Weebly.com is a website where anyone with basic word processing skills can create a website at no cost. No special software is required and there

More information

ENVIRONMENTALLY RESPONSIBLE PRINTING ARTWORK GUIDE BOOK ALL YOU NEED TO KNOW ABOUT CREATING ARTWORK FOR PRINT TOGETHER.

ENVIRONMENTALLY RESPONSIBLE PRINTING ARTWORK GUIDE BOOK ALL YOU NEED TO KNOW ABOUT CREATING ARTWORK FOR PRINT TOGETHER. ENVIRONMENTALLY RESPONSIBLE PRINTING ARTWORK GUIDE BOOK ALL YOU NEED TO KNOW ABOUT CREATING ARTWORK FOR PRINT TOGETHER. contents pg3. Choose a Design application pg4. Artwork requirements pg5. Creating

More information

Tutorials by All Creative Designs. Picasa 5 (3.9) Photo Editing Tutorial. How to download, install and use the Picasa Photo Editor

Tutorials by All Creative Designs. Picasa 5 (3.9) Photo Editing Tutorial. How to download, install and use the Picasa Photo Editor Tutorials by All Creative Designs www.allcreativedesigns.com.au Picasa 5 (3.9) Photo Editing Tutorial How to download, install and use the Picasa Photo Editor How to web optimize your photos for use on

More information

Step-By-Step Instructions for Using InDesign

Step-By-Step Instructions for Using InDesign Step-By-Step Instructions for Using InDesign Before you even start a new document in InDesign, you will need to think about the size of your book as well as the number of pages you want to include (not

More information

Art of the Apps Monthly Membership. JUNE 2018 Mobile App: Adobe Spark Post. at Scrapaneers.com. Companion Handouts

Art of the Apps Monthly Membership. JUNE 2018 Mobile App: Adobe Spark Post. at Scrapaneers.com. Companion Handouts Art of the Apps Monthly Membership Page 1 of 19 at Scrapaneers.com JUNE 2018 Mobile App: Adobe Spark Post Table of Contents Table of Contents 2 Welcome to Art of the Apps Monthly Membership June 2018 3

More information

Watermarking and Adding Copyright Info

Watermarking and Adding Copyright Info Watermarking and Adding Copyright Info This two-part technique is particularly important if you re putting your proofs on the Web for client approval. In the first part of this technique, you ll add a

More information

Section 6: Dreamweaver

Section 6: Dreamweaver Section 6: Dreamweaver 1 Building TPS Web Pages with Dreamweaver Title Pages 1. Dreamweaver Storyboard Pages 3 2. Folder Management 4 3. Defining Your Site 5-8 4. Overview of Design Features 9-19 5. Working

More information

SNOWFLAKES PHOTO BORDER - PHOTOSHOP CS6 / CC

SNOWFLAKES PHOTO BORDER - PHOTOSHOP CS6 / CC Photo Effects: Snowflakes Photo Border (Photoshop CS6 / CC) SNOWFLAKES PHOTO BORDER - PHOTOSHOP CS6 / CC In this Photoshop tutorial, we ll learn how to create a simple and fun snowflakes photo border,

More information

P a g e 0. CIDRZ Website Manual.

P a g e 0. CIDRZ Website Manual. P a g e 0 2015 CIDRZ Website Manual http://cidrz.org/ Manual Contents 1. Overview... 2 Getting Started... 2 The Frontend... 2 The Backend... 2 2.0 Managing the website... 4 Adding & editing pages... 4

More information

Edge Television Advertisement. -Open the 3 images of TV characters and the network logo in Photoshop. Your images must be high resolution images!

Edge Television Advertisement. -Open the 3 images of TV characters and the network logo in Photoshop. Your images must be high resolution images! -Open the 3 images of TV characters and the network logo in Photoshop. Your images must be high resolution images! -Use Layer Styles to add a White Stroke of 5 pixels to each image you cut out. This will

More information

Working with Images and Multimedia

Working with Images and Multimedia CHAPTER Working with Images and Multimedia You can make your web page more interesting by adding multimedia elements. You can download the files featured in this chapter from www.digitalfamily.com/tyv.

More information

HYPERSTUDIO TOOLS. THE GRAPHIC TOOL Use this tool to select graphics to edit. SPRAY PAINT CAN Scatter lots of tiny dots with this tool.

HYPERSTUDIO TOOLS. THE GRAPHIC TOOL Use this tool to select graphics to edit. SPRAY PAINT CAN Scatter lots of tiny dots with this tool. THE BROWSE TOOL Us it to go through the stack and click on buttons THE BUTTON TOOL Use this tool to select buttons to edit.. RECTANGLE TOOL This tool lets you capture a rectangular area to copy, cut, move,

More information

A Quick and Easy Guide To Using Canva

A Quick and Easy Guide To Using Canva A Quick and Easy Guide To Using Canva Canva is easy to use and has great tools that allow you to design images that grab anyone s eye. These images can be used on your personal website, Pinterest, and

More information

Cropping an Image for the Web

Cropping 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 information

Building TPS Web Pages with Dreamweaver

Building TPS Web Pages with Dreamweaver Building TPS Web Pages with Dreamweaver Title Pages 1. Folder Management 7 2. Defining Your Site 8-11 3. Overview of Design Features 12-22 4. Working with Templates 23-25 5. Publishing Your Site to the

More information

DIGITAL IMAGE PREPARATION

DIGITAL IMAGE PREPARATION DIGITAL IMAGE PREPARATION In addition to the regular competition rules the following apply to digital competition: All digital images must be emailed to DigitalComp@seqcc.org no later than midnight on

More information

Textures and UV Mapping in Blender

Textures and UV Mapping in Blender Textures and UV Mapping in Blender Categories : Uncategorised Date : 21st November 2017 1 / 25 (See below for an introduction to UV maps and unwrapping) Jim s Notes regarding Blender objects, the UV Editor

More information

Exercise 7: Graphics and drawings in Linux

Exercise 7: Graphics and drawings in Linux Exercise 7: Graphics and drawings in Linux Hanne Munkholm IT University of Copenhagen August 11, 2004 In this exercise, we will learn the basic use of two image manipulation programs: The GIMP

More information

2. If a window pops up that asks if you want to customize your color settings, click No.

2. If a window pops up that asks if you want to customize your color settings, click No. Practice Activity: Adobe Photoshop 7.0 ATTENTION! Before doing this practice activity you must have all of the following materials saved to your USB: runningshoe.gif basketballshoe.gif soccershoe.gif baseballshoe.gif

More information

Essential Graphics/Design Concepts for Non-Designers

Essential Graphics/Design Concepts for Non-Designers Essential Graphics/Design Concepts for Non-Designers presented by Ana Henke Graphic Designer and Publications Supervisor University Communications and Marketing Services New Mexico State University Discussion

More information

Interactive Tourist Map

Interactive Tourist Map Adobe Edge Animate Tutorial Mouse Events Interactive Tourist Map Lesson 1 Set up your project This lesson aims to teach you how to: Import images Set up the stage Place and size images Draw shapes Make

More information

Table of Contents. Page 2 of 72. High Impact 4.0 User Manual

Table of Contents. Page 2 of 72. High Impact  4.0 User Manual Table of Contents Introduction 5 Installing High Impact email 6 Installation Location 6 Select Mail Client 6 Create a ReadyShare Account 6 Create a Default Profile 6 Outlook Configuration Message 6 Complete

More information

HAPPY HOLIDAYS PHOTO BORDER

HAPPY HOLIDAYS PHOTO BORDER HAPPY HOLIDAYS PHOTO BORDER In this Photoshop tutorial, we ll learn how to create a simple and fun Happy Holidays winter photo border! Photoshop ships with some great snowflake shapes that we can use in

More information

Tips and Tricks for Photos

Tips and Tricks for Photos Tips and Tricks for Photos Photo Compression: If a photo is over 125KB in size, the image will be compressed to 125KB. Note: this could result in a reduction in quality. For users who upload photos larger

More information

Lab #3: Web Design with Graphics

Lab #3: Web Design with Graphics English 413: Electronic Documents and Publications Dr. Jablonski Spring 2004 What You Need to Complete this Lab Lab #3: Web Design with Graphics 1. HTML editing software, preferably Dreamweaver MX 2. UNLV

More information

Press-Ready Cookbook Page Guidelines

Press-Ready Cookbook Page Guidelines Press-Ready Cookbook Page Guidelines table of contents These instructions are for all pages of your cookbook: Title Page, Special Pages, Table of Contents, Dividers, Recipe Pages, etc. WHAT IS PRESS-READY?

More information

2. Click on the Freeform Pen Tool. It looks like the image to the right. If it s not showing, right click on that square and choose it from the list.

2. Click on the Freeform Pen Tool. It looks like the image to the right. If it s not showing, right click on that square and choose it from the list. This tutorial will walk you through how to use Paths in Photoshop. It explains the general workings of paths, as well as how to use them to do specific tasks. Tasks such as how to create vector shapes

More information

Window Designer. Opening Screen: When you start Window Designer, you will see the Opening Screen. Here you will be choosing from 4 options:

Window Designer. Opening Screen: When you start Window Designer, you will see the Opening Screen. Here you will be choosing from 4 options: Window Designer Opening Screen: When you start Window Designer, you will see the Opening Screen. Here you will be choosing from 4 options: New Design: Use this option when no pre-built templates are available

More information

Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme

Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme Introduction Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme In this Getting Started Guide, you can follow along as a website is built using the MIT DLC Theme. Whether you

More information

Tutorial: Overview. CHAPTER 2 Tutorial

Tutorial: 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 information

How to make a PDF from inside Acrobat

How to make a PDF from inside Acrobat How to make a PDF from inside Creating a PDF using Features 1. Create PDF From File>Create PDF... A. Converts a source document into a PDF B. The fonts, formatting graphics, and color from the source file

More information

PHOTOSHOP 7 BASIC USER MANUAL

PHOTOSHOP 7 BASIC USER MANUAL Multimedia Module PHOTOSHOP 7 BASIC USER MANUAL For information and permission to use these training modules, please contact: Limell Lawson - limell@u.arizona.edu - 520.621.6576 or Joe Brabant - jbrabant@u.arizona.edu

More information

Photoshop tutorial: Final Product in Photoshop:

Photoshop tutorial: Final Product in Photoshop: Disclaimer: There are many, many ways to approach web design. This tutorial is neither the most cutting-edge nor most efficient. Instead, this tutorial is set-up to show you as many functions in Photoshop

More information

FAQ - Working in the newsroom

FAQ - Working in the newsroom FAQ - Working in the newsroom Below you will find all the answers to frequently asked questions, grouped together. If you cannot find your question in the list, or if anything is not clear, then contact

More information

Intermediate Microsoft Word 2010

Intermediate Microsoft Word 2010 Intermediate Microsoft Word 2010 USING PICTURES... PAGE 02! Inserting Pictures/The Insert Tab! Picture Tools/Format Tab! Resizing Images! Using the Arrange Tools! Positioning! Wrapping Text! Using the

More information

Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons

Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons The Inkscape Program Inkscape is a free, but very powerful vector graphics program. Available for all computer formats

More information

ENGL 323: Writing for New Media Building a Blog Reader Using Links, Tables, Images, and Frames

ENGL 323: Writing for New Media Building a Blog Reader Using Links, Tables, Images, and Frames ENGL 323: Writing for New Media Building a Blog Reader Using Links, Tables, Images, and Frames Dr. Michael Little michaellittle@kings.edu Hafey-Marian 418 x5917 Office hours: MW 11-12, 1-2, F 11-12; TTh

More information

Dreamweaver Basics Outline

Dreamweaver Basics Outline Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working

More information

R.L. HAMMETTE & ASSOCIATES

R.L. HAMMETTE & ASSOCIATES R.L. HAMMETTE & ASSOCIATES PHONE 863-299-3901 a division of H A M M E T T E I N T E R N A T I O N A L, I N C. 1625 U.S. HWY. 17, N. PO BOX 846 EAG LE LAK E, FL 33839-0846 w w w. h a m m e t t e. c o m

More information

Wix Website. Project overview. Step 1: Log onto a web browser and go to Step 2: Click Start Now. Step 3: Click Sign up

Wix Website. Project overview. Step 1: Log onto a web browser and go to   Step 2: Click Start Now. Step 3: Click Sign up Project overview For this project you will be using the website building site www.wix.com to create a portfolio website to feature your past graphic design projects. Step 1: Log onto a web browser and

More information

How To Set Up Your Etsy Shop to Maximize Your Profits

How To Set Up Your Etsy Shop to Maximize Your Profits 1 How To Set Up Your Etsy Shop to Maximize Your Profits by Nancy Alexander WEBINARS 1, 2, and 3 ETSY INTENSIVES RECAP Getting Started; Username, Account, and Shop Name Relevant Keywords, Long-Tail Keywords

More information

Magazine Layout Design. and Adobe InDesign basics

Magazine Layout Design. and Adobe InDesign basics Magazine Layout Design and Adobe InDesign basics Click on Document on the right side of the pink and black box in the center of your screen. To create a document If this box does not pop open, go to the

More information

Industrial Marking and Labeling, Inc. with all fonts converted to outlines or

Industrial Marking and Labeling, Inc.   with all fonts converted to outlines or 11490 South 1 53r d Street O maha, N E 681 3 8 create a high quality label from what you can supply us. If you have any questions or concerns feel free to contact us and we will help you with what will

More information

The Elements Theme English manual: v1

The Elements Theme English manual: v1 The Elements Theme English manual: v1 Introduction Thank you for installing the Elements Theme for Lightspeed Ecommerce. This is our 3 rd theme for this platform and we used all our past experiences and

More information

Reviewer s Guide. Morpheus Photo Warper. Screenshots. Tutorial. Included in the Reviewer s Guide: Loading Pictures

Reviewer s Guide. Morpheus Photo Warper. Screenshots. Tutorial. Included in the Reviewer s Guide: Loading Pictures Morpheus Photo Warper Reviewer s Guide Morpheus Photo Warper is easy-to-use picture distortion software that warps and exaggerates portions of photos such as body parts! Have you ever wanted to distort

More information

Index. Smart Image Processor 2 Manual DMXzone.com

Index. Smart Image Processor 2 Manual DMXzone.com Index Index... 1 About Smart Image Processor 2... 2 Features in Detail... 2 Before you begin... 6 Installing the extension... 7 Updating from previous versions... 7 Introduction... 7 How to do it... 7

More information

SOCIAL MEDIA IMAGE & VIDEO SIZES 2019

SOCIAL MEDIA IMAGE & VIDEO SIZES 2019 SOCIAL MEDIA IMAGE & VIDEO SIZES 2019 Profile Image: 180 x 180 px Cover Photo: 820 x 312 px - Must be at least 180 x 180 pixels. - Photo will appear on page as 170 x 170 pixels. - Photo thumbnail will

More information

Lava New Media s CMS. Documentation Page 1

Lava New Media s CMS. Documentation Page 1 Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the

More information

NVU Web Authoring System

NVU 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 information

GIMP GETTING STARTED

GIMP GETTING STARTED GIMP GETTING STARTED GIMP is all about IT (Images and Text) WORKING WITH IMAGES In order to work effectively with Web images, you must recognize the personality traits that make an image Web friendly,

More information

The following pages within this guide will explain to you stepby-step how to set up your sites.

The following pages within this guide will explain to you stepby-step how to set up your sites. Thank you for purchasing VORTEX 47. VORTEX 47 websites are loaded with some of the Highest Gravity, Most Popular items listed on Clickbank. These sites are optimized for Google Adsense Ads as well as Amazon

More information

PHOTOSHOP New File. To create a new file, select File > New and a dialog box will open.

PHOTOSHOP New File. To create a new file, select File > New and a dialog box will open. PHOTOSHOP 101 1. New File To create a new file, select File > New and a dialog box will open. Here you re presented with a lot of options to choose from. You can change the type of file you ll work with.

More information

FRONTPAGE STEP BY STEP GUIDE

FRONTPAGE STEP BY STEP GUIDE IGCSE ICT SECTION 15 WEB AUTHORING FRONTPAGE STEP BY STEP GUIDE Mark Nicholls ICT lounge P a g e 1 Contents Introduction to this unit.... Page 4 How to open FrontPage..... Page 4 The FrontPage Menu Bar...Page

More information

เพ มภาพตามเน อหาของแต ละบท. Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr.

เพ มภาพตามเน อหาของแต ละบท. Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr. เพ มภาพตามเน อหาของแต ละบท http://highlevelstudios.com/images/basic_design.jpg Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr. Prakarn Unachak 1.

More information

Go to Components > Unite Nivo Slider Pro (near the bottom) Click on Edit Slides to the right of Front Page Rotator

Go to Components > Unite Nivo Slider Pro (near the bottom) Click on Edit Slides to the right of Front Page Rotator Calgary Journal Online Visual Editors The visual editors are responsible for: Creating the main, top rotating images on the website Creating Photo Galleries Inserting audio and video files Front Page Set-up

More information

PROFILE DESIGN TUTORIAL KIT

PROFILE DESIGN TUTORIAL KIT PROFILE DESIGN TUTORIAL KIT NEW PROFILE With the help of feedback from our users and designers worldwide, we ve given our profiles a new look and feel. The new profile is designed to enhance yet simplify

More information

The Background layer now filled with black.

The Background layer now filled with black. GOLD PLATED TEXT In this Photoshop text effects tutorial, we re going to learn how to turn text into gold using Photoshop s Layer Styles. We ll even throw in some sparkles at the end to make our gold letters

More information

Dalarna University Telephone:

Dalarna University Telephone: Publish Material In the course room, there is a menu at the left. This will look familiar if you have experience working with Fronter. 1 You can publish material in Course information and in Course materials.

More information

Jump to: Using AAUP Photos AAUP Logos Embedding the AAUP Twitter Feed Embedding the AAUP News Feed CREATING A WEBSITE

Jump to: Using AAUP Photos AAUP Logos Embedding the AAUP Twitter Feed Embedding the AAUP News Feed CREATING A WEBSITE Jump to: Using AAUP Photos AAUP Logos Embedding the AAUP Twitter Feed Embedding the AAUP News Feed CREATING A WEBSITE You can make a simple, free chapter website using Google Sites. To start, go to https://sites.google.com/

More information

Using Dreamweaver CC. 3 Basic Page Editing. Planning. Viewing Different Design Styles

Using Dreamweaver CC. 3 Basic Page Editing. Planning. Viewing Different Design Styles 3 Now that you should know some basic HTML, it s time to get in to using the general editing features of Dreamweaver. In this section we ll create a basic website for a small business. We ll start by looking

More information

Making Backgrounds With Paint Shop Pro

Making Backgrounds With Paint Shop Pro Making Backgrounds With Paint Shop Pro A good Web site deserves a good background. Whether you decide on a single color, a faded repeated logo, a textured tile, or a border, the background of your Web

More information

WRITING TEXT ON A HEART (for a Gearbubble Necklace)

WRITING TEXT ON A HEART (for a Gearbubble Necklace) WRITING TEXT ON A HEART (for a Gearbubble Necklace) Hale Pringle 11/29/17 Version 1 This is a rough version of the steps involved. It goes along with a video where I walked through all the steps shown

More information

Adobe Graphics Software

Adobe Graphics Software Adobe Graphics Software Untitled-1.indd 1 20.11.2015 13:05:28 Untitled-1.indd 2 20.11.2015 13:05:28 3 Recent versions have brought in functionality for working with 3D designs, though the program still

More information

IT153 Midterm Study Guide

IT153 Midterm Study Guide IT153 Midterm Study Guide These are facts about the Adobe Dreamweaver CS4 Application. If you know these facts, you should be able to do well on your midterm. Dreamweaver users work in the Document window

More information

GIMP WEB 2.0 ICONS. Web 2.0 Icons: Circle Completed Project. Notice that the default new layer background fill is transparency. Click the Ok button.

GIMP WEB 2.0 ICONS. Web 2.0 Icons: Circle Completed Project. Notice that the default new layer background fill is transparency. Click the Ok button. GIMP WEB 2.0 ICONS WEB 2.0 ICONS: CIRCLE ICON OPEN GIMP or Web 2.0 Icons: Circle Completed Project Step 1: To begin a new GIMP project, from the Menu Bar, select File New. At the Create a New Image dialog

More information

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush.

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush. Paint/Draw Tools There are two types of draw programs. Bitmap (Paint) Uses pixels mapped to a grid More suitable for photo-realistic images Not easily scalable loses sharpness if resized File sizes are

More information

Setting Up the Fotosizer Software

Setting 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 information

Web-Friendly Sites. Planning & Design 1

Web-Friendly Sites. Planning & Design 1 Planning & Design 1 This tutorial presents useful tips and tricks to help you achieve a more Web-friendly design and make your sites more efficient. The following topics are discussed: How Z-order and

More information

HOW TO. In this section, you will find. miscellaneous handouts that explain. HOW TO do various things.

HOW TO. In this section, you will find. miscellaneous handouts that explain. HOW TO do various things. In this section, you will find miscellaneous handouts that explain do various things. 140 SAVING Introduction Every time you do something, you should save it on the DESKTOP. Click Save and then click on

More information