PhotoText. PhotoText is a great introduction to Photoshop.

Similar documents
Central Photography [NASHVILLE EFFECT MAKING A GROUP]

Central Photography [INSTAGRAM EFFECTS]

Clipping Masks And Type Placing An Image In Text With Photoshop

SHAPE CLUSTER PHOTO DISPLAY

Glowing Surreal Planet Design. Final Image Preview

Photoshop: Manipulating Photos

Central Photography [OUT OF BOUNDS]

Photoshop 1. click Create.

Now we ve had a look at the basics of using layers, I thought we d have a look at a few ways that we can use them.

Photoshop: Manipulating Photos

Key Terms. Where is it Located Start > All Programs > Adobe Design Premium CS5> Adobe Photoshop CS5. Description

Photoshop CC 2018 Essential Skills

METAL TEXT EFFECT. Step 1: Create A New Document. Step 2: Fill The Background With Black

Project 25 Page 1 ` JAZZ POSTCARD

Part 1- Fundamental Functions

Step 1: Create A New Photoshop Document

Photoshop: Manipulating Photos

FLAMING HOT FIRE TEXT

Photoshop Activity #05: Creating Composite Pictures /Collages

Introduction to Photoshop

prepared by Allison Hwang for T. Purdy 2011

Reflection Project. Please start by resetting all tools in Photoshop.

12. Creating a Product Mockup in Perspective

A quick note: We hope that you will find something from the Tips and Tricks that will add a little pizazz to your yearbook pages!

Launch Photoshop and use File>Open from the Photoshop menu to open an image file.

Step 1: Open A Photo To Place Inside Your Text

Add Transparent Type To An Image With Photoshop

Photoshop Elements 3 Layers

ADD TRANSPARENT TYPE TO AN IMAGE

BRUSHES AND LAYERS We will learn how to use brushes and illustration tools to make a simple composition. Introduction to using layers.

Lesson 16 Text, Layer Effects, & Filters

Here is a 100% zoom close up. Name in Popsicles

Adobe Photoshop CC 2018 Tutorial

How to Create Website Banners

Photoshop CS2. Step by Step Instructions Using Layers. Adobe. About Layers:

XXXX - MAKING A FLYER BOOKLET COVER 1 N/08/08

An Idiot's Guide to Photoshop. Part II Azamat Bohed E. TrueKolor.net

CREATE A BURNT EDGE EFFECT

11 Advanced Layer Techniques

PhotoFrame Pro 3. Review by Darrel Priebe

Duplicate Layer 1 by dragging it and dropping it on top of the New Layer icon in the Layer s Palette. You should now have two layers rename the top la

Downloaded From : Working with Photoshop 7.0

Creating Photo Borders With Photoshop Brushes

Diploma in Photoshop

Adobe Photoshop CS5 Tutorial

Name the layer you rotated in step 3 Stripe and lower the opacity to 43%.

ADD A REALISTIC WATER REFLECTION

Organizing artwork on layers

Movie Merchandising. Movie Poster. Open the Poster Background.psd file. Open the Cloud.jpg file.

Using Photoshop Elements

In the following sections, if you are using a Mac, then in the instructions below, replace the words Ctrl Key with the Command (Cmd) Key.

Adding Fireworks To A Photo With Photoshop

Lab 2 Assignment Part 2: (Due two weeks following the fluorescence lab) (10 points)

S e a m l e s s C o l l a g e I m a g e

GETTING STARTED MAKING A NEW DOCUMENT

Quick Mask Setting Up your Work Environment Setting Up the Quickmask Parameters

The original photo. The final result.

Managing images with NewZapp

ITEC185 INTRODUCTION TO DIGITAL MEDIA

How to Draw a Realistic iphone 4 with

CSCI Lab 6. Part I: Simple Image Editing with Paint. Introduction to Personal Computing University of Georgia. Multimedia/Image Processing

CATEGORY SKILL SET REF. TASK ITEM

Getting Started. 1. Double click on the eye con. 2. Single click on File, then new, then OK. Click here.

GIMP Simple Animation Tutorial

Create A Briefcase Icon

You ve Been Framed! (Adobe Photoshop)

ITEC 715: WEEK 03 IN-CLASS EXERCISE: CREATING AN INSTRUCTIONAL COMIC WITH PHOTOSHOP STEP 1: GET IMAGES STEP 2: PLAN YOUR LAYOUT

Step 1. Facebook Twitter Google+ Find us on Facebook. Vectortuts+ How to Create a Curious Owl in Illustrator CS4 Vectortuts+

Adobe Photoshop CC update: May 2013

Blend Photos Like a Hollywood Movie Poster

SAVING, LOADING AND REUSING LAYER STYLES

Rendering a perspective drawing using Adobe Photoshop

Reducing Noise in an image

Learning Adobe Photoshop CS6

Module All You Ever Need to Know About The Displace Filter

Add A Transparent Text Area To An Image With Photoshop

How to Create a Landscape Wallpaper for your Desktop

Contents. Introduction

Source photo, sketchbook collage and digital collage

Composite Master Class Blend two images together to create a seamless collage

The original image. Let s get started! The final rainbow effect. The photo sits on the Background layer in the Layers panel.

Stitching Panoramas using the GIMP

House Design Tutorial

Adobe Photoshop CS5 Layers and Masks

Photoshop CS6 Basics. Using Layers to Create a Magazine Cover

Elegant Lady Signature Tag

Introduction to: Microsoft Photo Story 3. for Windows. Brevard County, Florida


The original image. The final rainbow effect.

Creating a Single Page Flyer in PowerPoint

4 LAYER BASICS. Lesson overview

Design a Halloween Pumpkin Wallpaper in Photoshop

With the paper layer selected, select the lock transparent pixels box. An icon of a lock should now appear in the paper layer

The original image. As I said, we ll be looking at a few different variations on the effect. Here s the first one we ll be working towards:

Silhouette Connect Layout... 4 The Preview Window... 5 Undo/Redo... 5 Navigational Zoom Tools... 5 Cut Options... 6

How to Create a Curious Owl in Illustrator

Create a Flowchart in Word

Perspective Guides. Perspective Contextual Toolbar. 1-Point Perspective

Adobe Photoshop CS2 Workshop

Recitation 2 Introduction to Photoshop

Transcription:

1 is a great introduction to Photoshop. To earn an A, you ll need to have the complete the following tasks within your : Downloaded and installed font. All photos are student taken and appropriate. Textures can be used from the Internet. All photos and font must support the theme of the. must contain at least 4 letters. must contain at least 15 layers.

2 Install a cool font that supports the theme of your. SELECT A BIG THICK HEAVY FONT. THIN OR HOLLOW FONTS WILL NOT WORK. 1. To install a font, complete the following steps: a. Open a web browser and navigate to WWW.Dafont.com.

3 b. Choose a genre for your font that supports the theme of your. I chose Comic. c. Go to Preview and type in your word. I used Beach. This will give you a preview of what your word will look like in that font. d. Go to Fonts and use the drop down box to choose 100. That will give you 100 fonts to choose from on each page.

4 e. Remember to select a BIG, HEAVY, THICK font. I m choosing the last one in the phtoo above. f. After you ve selected your font, look to the right of the page to make sure it s free. If it s free, click Download to download it. It will appear in Downloads on your computer. g. REMEMBER or WRITE DOWN the NAME of YOUR FONT. You ll need to know this in Photoshop. h. Go to Downloads and find your file. It will be a Zipped file. Double- click the Zipped file to unpack it. i. Open the folder and double- click on your font file. Your font file will have the file extension of.ttf or.otf. My example has several fonts I can install.i d install them all.

5 j. Double- click the font file and the Installer panel will pop up. Click Install Font to install your font. k. Note that not all fonts work. If yours doesn t work, you may need to download a different font.

6 2. Open Photoshop. 3. Go to File/New (Command+N). 4. Name your file. 5. Set the Width to 20 inches.

7 6. Set the Height to 10 inches. 7. Set your Resolution to 200 pixels/inch.

8 8. Set your Background Contents to Transparent.

9 9. This is your blank canvas with a transparent background.

10 10. It s time to add your font. Select the Type Tool from the Tool pallet. You can select either Horizontal or Vertical, based on what you want to do.

11 11. Select the font you installed from the dropdown box. Fonts are listed alphabetically. If you haven t donloaded a font, save your file and close Photoshop. Then, download and install a font. 12. Set the Font size. This will vary based on the number of letters in your word. Remember, you have to have at least 10 layers. I usually start at 300 point font. You ll need to type in your number.

12 13. Choose the Left align text setting for your text. 14. Set the font color. For now, make it black so you can see it easily.

13 15. Position the mouse at the left of the canvas and type your word. Mine is Beach. 16. Using the Move Tool, move your word where you want it to be.

14 17. If you find that your word is too small or too big, select the Type Tool to highlight your word.

15 18. Now, change your font size. Remember, you ll need to type in the size. I made mine bigger (350pt). 19. Using the Move Tool, reposition your word. Use the transparent grid to help you line up your word.

16 20. Now comes the fun part. The reason why we left aligned your word is to keep your first letter from moving as we delete your letters. We need to delete all but the first letter of your word, in my case B. We must delete the other letters because each letter must be in it s own layer so we can put pictures in it. If you look in the Layers tab on the right of your screen, you ll notice, right now that your entire word is a layer: 21. To put each letter in a layer, go to the Type Tool and backspace all but your first letter and select the Move Tool. Notice how your layer is just named your first letter. In my case, it s B.

17 22. To add each letter as a layer, select the Type Tool and move far away from your first letter, click the canvas and type your second letter. You ll notice that your second letter is now in it s own layer.

18 23. Select the Move Tool and position your second letter where you want it. Be creative, it doesn t have to be in a straight line. Mine is, but yours doesn t have to be, if you choose. The cool thing is that you can always change it by moving your layers. 24. Continue this process until all letters in your word are in their own layers.

19 25. If you find that you want to move a letter, simply select it s layer in the Layers tab, then select the Move Tool and position it where you want. Here I moved the A for you to see the layer selected. 26. If you find you want to undo a change, go to Edit/Step Backward (Alt+Command+Z). 27. Now, let s add in a background picture. You can choose to have a single picture or several it s up to you. Be creative and have fun.

20 28. Go to File.Open and navigate to where your picture is stored and double- click it to open it. Remember, you must use your own images, no pictures from the Internet. Your Lightroom edits are good images to use. 29. When your new picture opens in Photoshop, it ll open in a tab across the top. 30. Use your move tool to drag your picture tab down. This will give you two windows; your window and your image

21 window.

22 31. Use your Move Tool to drag and drop your image into your canvas. 32. Select Command+T so you can resize your image. 33. Hold Shift and resize your image from the CORNERS ONLY. If you distort your image, I will take off a lot of points.

23 34. Resize your image so that it covers the whole background.

24 Remember to hold Shift and resize your picture from a corner so it doesn t distort. To move your photo to the background, simply drag and drop the layer to the bottom.

25 35. If you want, add a texture to your background. Your texture should support the theme of your phototext or support the style you want to create. I m going to add some sunny light leaks and maybe some lens flares to make it feel really warm and sunny. 36. To add a texture you need another picture. You can use your own picture or a picture from the Internet. This is the only time you can use an Internet picture.

26 37. Open a web browser and search for the texture you want. 38. Select your texture and open it and copy it.

27 39. Paste it into your canvas. 40. Using the Move Tool, drag your texture to the corner of the canvas and hit Command+T to resize it. Depending on your texture, it may not matter if you distort it as you resize it. Be sure to cover your whole canvas with your

28 texture image.

29 41. Use the Blending Modes to select a look that you like.

30 Now, I want to give my bakground a vignette. To add a vignette, choose a color using the Eye Dropper Tool. This will allow you to select a color that will go with your background and look more realistic.

31 42. Go to the Rectangle Tool and select it.

32 43. Draw a rectangle over your whole picture and put it under your Texture layer.

33 44. Now we have to rasterize your rectangel (shape). Select your rectangle layer and navigate to Layer/Rasterize/Shape.

34 45. Now select the Lasso Tool to set our vignette. Set the Feather to 100 pixels. 46. Draw where you want your vignette to be. Do not make it perfect!

35 47. Hit delete to reveal your vignette. 48. Deselect your vignette and play with the blending modes until you get one you like. You can also change the opacity of the vignette.

36 49. Now, let s put your pictures in your text. Select your first letter the go to File>Open to open the image for that letter. Then, drag and drop your image into your canvas. By selecting the letter you are using before placing the picture, the picture comes into Photoshop above the letter, where it needs to be. NOTE: Plan to have 2 or 3 pictures for each letter because you never know how they are going to fit. 50. Using the Move Tool, position the new picture above your letter. Then, holding Shift, size your image. Double- click your image to deselect it.

37 51. To group your picture with your letter, go to Layer/Create Clipping Mask (Alt+Command+G).

38 You can move your picture in your letter or resize it. See how mine is offset?

39 52. Select your Move Tool and position your picture the way you want it inside your letter. If you want to resize your picture, hit Command+T and resize your picture from the corner while holding the Shift key down.

40 53. Here s how mine looks, so far. 54. Now, place your pictures in each letter like we did for the first letter. Remember to select the letter you are filling in the Layers Panel.

41 55. Here s how mine looks: Looks good, but it can look better. Let s play with the text. 56. Using the Move Tool, select your first letter on the Layers Panel. Mine is B. Then, navigate to Layer/Layer Style and select any option. I chose Outer

42 Glow.

43 57. Experiment with the settings, Blending Modes, Bevels, anything you want. Experiment until you find a look you like. Here s what I liked:

44

45 58. Now, apply the same Layer Style to all letters. You can change things up for each letter, if you want. I like mine consistent. 59. Just for kicks, I put my texture layer on top and got this effect. I like it. Feel free to experiment. Yours does not have to look like mine, but should reflect considerable thought and effort.