New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Start learning with our library of video tutorials taught by experts. Get started

Up and Running with Photoshop CS6
Illustration by

Creating graphic design elements


From:

Up and Running with Photoshop CS6

with Chad Perkins

Video: Creating graphic design elements

In this tutorial, we're going to look at just a couple quick tricks to add some graphic design elements to your compositions in Photoshop. Often times, you want to just maybe add a triangle here, or a cool little line, or just something simple like that, like a block of color, or an underlining bar, whatever it is. And I just want to show you, a couple cool tricks with that. So, what I'm going to do is I'm going to create a brand new layer and I am going to choose the Rectangular Marquee tool. And this is one of the Selection tools you'll find in this group, right at the top there. And I'm going to Click and Drag, because I think the space between the top text and the bottom text is a little bit too big.
Expand all | Collapse all
  1. 1m 59s
    1. Welcome
      1m 59s
  2. 3m 7s
    1. Overview
      3m 7s
  3. 19m 26s
    1. Importing images from a camera
      4m 3s
    2. Using Adobe Bridge
      7m 10s
    3. Using Camera Raw
      5m 57s
    4. Opening images in Photoshop
      2m 16s
  4. 45m 18s
    1. Creating new documents
      3m 43s
    2. Interface overview
      5m 43s
    3. Navigating documents
      4m 58s
    4. Working with layers
      9m 33s
    5. Straightening images
      3m 15s
    6. Cropping images
      3m 54s
    7. Performing basic transformations
      5m 45s
    8. Moving and aligning objects
      8m 27s
  5. 8m 36s
    1. Understanding pixels
      2m 19s
    2. Understanding resolution
      4m 32s
    3. Saving your work
      1m 45s
  6. 23m 33s
    1. Understanding color modes
      3m 55s
    2. Using adjustment layers
      3m 35s
    3. Fixing problems automatically
      2m 36s
    4. Reading a histogram
      3m 40s
    5. Adjusting exposure (brightness)
      4m 27s
    6. Adjusting colors selectively
      5m 20s
  7. 31m 4s
    1. Intro to selecting
      4m 47s
    2. Making quick selections
      6m 45s
    3. Refining selections
      8m 26s
    4. Making a collage
      11m 6s
  8. 11m 46s
    1. Removing small problems
      2m 4s
    2. Fixing bigger problems
      6m 39s
    3. Intelligently scaling an object
      3m 3s
  9. 12m 33s
    1. Creating Smart Objects
      5m 13s
    2. Applying effects
      5m 1s
    3. Adjusting applied effects
      2m 19s
  10. 26m 30s
    1. Creating text
      5m 47s
    2. Editing text
      8m 30s
    3. Using layer styles
      5m 54s
    4. Creating graphic design elements
      6m 19s
  11. 31m 14s
    1. Painting
      9m 54s
    2. Customizing brushes
      9m 44s
    3. Creating vector shapes
      11m 36s
  12. 14m 51s
    1. Understanding file formats
      3m 46s
    2. Saving for the web
      7m 6s
    3. Printing from Photoshop
      3m 59s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Up and Running with Photoshop CS6
3h 49m Beginner May 14, 2012

Viewers: in countries Watching now:

Adobe Photoshop is more than just an image editing application—it is a foundational staple in all the visual arts, from print design, to photography, to web design, to motion graphics and 3D graphics. In this course, Adobe Certified Instructor Chad Perkins covers the basics of Photoshop. Learn about the components of visual images, making selections, color correcting, fixing images, outputting images, and much more. This course uses Photoshop CS6, but the information presented is applicable to all versions of the application.

Topics include:
  • Getting images into Photoshop
  • Creating and navigating documents
  • Working with layers
  • Cropping and straightening images
  • Color correction
  • Making selections
  • Fixing image problems
  • Working with effects
  • Creating and editing text
  • Exporting and printing
Subjects:
Design Photography video2brain
Software:
Photoshop
Author:
Chad Perkins

Creating graphic design elements

In this tutorial, we're going to look at just a couple quick tricks to add some graphic design elements to your compositions in Photoshop. Often times, you want to just maybe add a triangle here, or a cool little line, or just something simple like that, like a block of color, or an underlining bar, whatever it is. And I just want to show you, a couple cool tricks with that. So, what I'm going to do is I'm going to create a brand new layer and I am going to choose the Rectangular Marquee tool. And this is one of the Selection tools you'll find in this group, right at the top there. And I'm going to Click and Drag, because I think the space between the top text and the bottom text is a little bit too big.

So, we need to break it up by putting a little bar there I think. And it's not quite centered, but we can do that later. And I want to fill this selection area with a color. I've selected a blank layer, so I'm totally ready to do that, and there are a bunch of different ways that we can fill this area with color. We can create a Solid Color Adjustment Layer. And because we have an active selection, that solid color will only show up in that selection area. Or we can go to the Edit menu and choose Fill.

And then, we could fill this with a pattern or a gradient, or a solid color, or whatever. My preferred method of filling shapes like this, is to simply choose a Foreground Color, so I'm going to click on this Foreground Color Swatch. I'll use the Eyedropper tool to select a green color, a lime green color from this area here, and I'll click OK. And now, to fill the selected area with the Foreground Color, we use the keyboard shortcut Option + Delete on the Mac or Alt + Backspace on the PC.

And that fills that area with the Foreground Color. It's kind of a weird keyboard shortcut but if you can commit that to memory, I promise you'll use it all the time. And it makes it so much faster just to go ahead and fill areas with color very quickly. So, we're going to press Cmd + D or Ctrl + D on the PC to deselect that. And we have this line, its not really in the right spot, so I'm going to press the letter V, just like the Move tool in the tools panel. And then I can use the Arrow keys to nudge this down or up or left or right if I want to. And what I'm going to do is select this Text layer that I've actually locked, the powers within you and all that jazz.

And I'm going to go ahead and click to Padlock to unlock this layer. And then, I want to select all these layers and align them. So, what I'm going to do is select the first one, Shift-click the bottom one so that all of them are selected. And then, you come over here to align distribute. Again, this is with the Move tool selected, and we can align them horizontally. And we can also distribute them vertically if we want, although that might do some weird things. Yeah, it does some weird things.

So I'm going to hit Cmd + Z or Ctrl + Z on the PC to undo that. I'm also going to come over here to my Layers panel. Click in the blank area to deselect them, and I'm going to double-click the name of layer one to change it to bar. It's the not descriptive or inspiring name, but it's something so that I know what this layer contains at a glance. When we're creating and designing stuff, it's always good to make sure that you are aware of the artistic element of repetition. So right now, we have these hard edges on this bar, but really the great design element is this piece over here on the left, which is linear kind of like this bar is, but it's got these streaks. So, in order for this to really match, and for this piece to feel more cohesive, then I need to take this bar and blur it in a similar fashion to this over here. So, what I'm going to do, is go over to the Filter menu and I'm going to convert this for Smart Filters.

So, this makes this a Smart Object, go ahead and Click OK there. And then I'm going to go to Filter > Blur > Motion Blur, and actually that about 75 or so looks pretty good. And I'll leave the angle at 0, so that this is flat. And what this is doing, is it's going to blur both sides. So, it creates this cool streak. So, again now, there is a cohesive feel between this bar and this design element on the left. Now, I'm also going to add one more little trick here that's similar to that. I'm going to select the Innovate layer, and I'm going to drag it to the new layer icon at the bottom of the Layers panel and that duplicates it. I'm going to select the bottom copy, and I'm going to convert this for Smart Filters. (UNKNOWN) there.

And then I'm going to go to Filter > Blur > Motion Blur. And I think 75 pixels will work well for that, also I'll just go ahead and click OK. That looks pretty cool. It's a little hard to read, though. So, I'm going to double-click this little icon next to Motion Blur for the Blending Options for this effect. I'll change that to, let's try Linear Dodge. And that doesn't really do too much. Probably cuz its on the bottom.

Go ahead and take down the opacity of this effect a little bit. That looks pretty good. Click OK. And there we have a nice little streak, it's subtle, but it adds something, it adds movement and again, it connects it back to this main design element. So, if you're going to fill objects, remember that keyboard shortcut Option + Delete on the Mac or Alt + Backspace on the PC to fill an area with color. And again, it could be anything. We used the Rectangular Marquee Selection tool.

But you could use the Polygonal Asset tool and just click, and click, and click, to make triangles and you could fill those in the same way. So, basically, my purpose here is to just show you some other cool design tools that you can use when you're putting objects and scenes together like this.

There are currently no FAQs about Up and Running with Photoshop CS6.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Up and Running with Photoshop CS6.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.