Finishing the Raster Logo: Creating the P Circle and Adding Texture

Creating the P Circle and Adding Texture: Finalizing the Raster Logo with Textured Border

Learn how to finalize a raster logo in a Photoshop file. This article guides you through creating a symmetrical logo with a textured border, using key Photoshop tools like the rectangular marquee tool and the paint bucket tool.

Key Insights

  • The tutorial starts with creating a new layer titled 'p circle cutout' to create a circle in the middle of the logo. This involves using the rectangular marquee tool, the elliptical marquee tool, and the paint bucket tool for filling in the selection.
  • Using the eyedropper tool, the background color is sampled to create an impression of cutting out a part of the rectangle. The final step includes creating another circle, smaller than the first one, using 'ctrl t' on the keyboard to transform it, and adjusting it to fit within the 'p'.
  • A texture is added to the border by selecting 'filter' and choosing from the filter gallery. The 'patchwork' texture is applied, and the final raster image of the logo is saved. The tutorial concludes with a note that the next article will guide the reader to recreate this logo as a vector.

Note: These materials offer prospective students a preview of how our classes are structured. Students enrolled in this course will receive access to the full set of materials, including video lectures, project-based assignments, and instructor feedback.

In this video, we'll be finishing up our raster logo. Let's begin where we left off with our Phase 10 Raster Photoshop file.

Let's now create the P Circle in the middle, as well as cut out some of our P Base*. We'll first start by creating a new layer, and let's title this P Circle Cutout and hit ENTER. The first thing we'll do here is create a new guide at the top-left-hand corner of our P*. We can simply drag the guides, which will snap into place here.

Next, let's hit CTRL+D to deselect that, and we'll go to our Rectangular Marquee Tool, where we'll click and hold until we select the Elliptical Marquee Tool. Making sure that P Circle Cutout is highlighted, let's begin drawing from the guides we've just created. We'll click from the top-left-hand corner and, holding Shift, make a perfect circle and release when we have a circle appropriately sized.

In this case, I'll release at the middle guide. Next, we'll go back to our Paint Bucket Tool because we'll be filling in this selection. However, since we want to cut it out of our P Base*, we'll want it to be the same color as the background.

In order to find that color, we can access our Eyedropper Tool and sample the blue. Then go back to our Paint Bucket Tool, where we can click on our P Circle Cutout selection. We've now successfully cut out some of the circle from our P Base*. We can click outside of this selection and hit CTRL+D to deselect. While it currently looks like we've cut out part of the rectangle, what we've actually done is created a blue circle matching the same blue of our trapezoid below, giving us the impression that we've cut out part of the rectangle.

Adobe Photoshop Bootcamp: Live & Hands-on, In NYC or Online, Learn From Experts, Free Retake, Small Class Sizes,  1-on-1 Bonus Training. Named a Top Bootcamp by Forbes, Fortune, & Time Out. Noble Desktop. Learn More.

For our final step, we'll be creating the circle in the middle. We can go back to our Elliptical Marquee Tool and create a new layer. We'll drag this layer into Artboard 1*, and we'll see that all of our guides show up.

Let's rename this layer P Middle Circle and hit ENTER. Finally, we'll draw a circle just like we did with the last one—starting at the top-left guides and holding Shift until it matches the size of the previously drawn circle. We'll then fill it with the color used for our base.

First, use the Eyedropper Tool to sample the color. Next, use the Paint Bucket Tool to fill the selection. However, this circle needs to be smaller within the P*, so we'll next hit CTRL+T on the keyboard to transform it. As we click from the sides, we'll see that it maintains its shape. To ensure it resizes from the center, hold ALT. Now, as we resize this circle, it will scale from the center, which aligns with the center of the previous circle.

We'll resize this to an appropriate size, release, and hit ENTER. We can then hit CTRL+D on our keyboard to deselect, and here we've finished up our logo. Let's hit CTRL+S on our keyboard to save it. Finally, let's add a little texture to our border.

We can select the border and go to Filter and select from our Filter Gallery. From the Filter Gallery, we're able to see different styles for this layer. Let's go to the bottom and select Fit in View*. Here, we can see a little texture added to the base layer that forms our border.

Next, we can choose from a couple of different textures and styles to determine what would work best for our border. In this case, I think Patchwork looks good. We'll click OK, and now we can see that this has been applied to our logo.

If we zoom in, we'll see that the border has a little bit of texture. We'll zoom back out and hit CTRL+S on the keyboard to save our work. We've now created a raster image of our logo.

In the next video, we'll be recreating this logo as a vector. See you there!

Matt Fons

Adobe Instructor

Matt is a jack of all trades in the realm of marketing and an expert using Adobe’s Creative Cloud as the essential software for supporting students and clients. With experience in graphic design, photography, web design, social media planning, and videography, Matt creates impressive and comprehensive marketing strategies. In his free time, Matt and his wife enjoy surfing and hiking California’s Central Coast and traveling to countries around the world.

  • Adobe Certified Instructor
  • Adobe Certified Specialist
  • Photoshop, Illustrator, InDesign
More articles by Matt Fons

How to Learn Photoshop

Master Photoshop, the Industry-standard Application for Photo Retouching, Color Correction, and More, with Hands-on Training.

Yelp Facebook LinkedIn YouTube Twitter Instagram