Categories
Adobe Adobe Photoshop

The Complete Photoshop Manual Tutorial #1- Transparency From Blend 🎨🖌️

As promised dear readers here is another Photoshop tutorial from yours truly. I am well into my end-of-year holiday period (still seven days to go!). And as promised, I wanted to up my game a little on this blog with Adobe tutorials. So I’ve done a whole heap of them some of which I’ll be writing about here for anyone with an interest in creating art with Adobe software.

My last review was on the Adobe Photoshop In-app tutorial for working with layers. Today I have a an exercise with type which I haven’t done in a long while. One of my friends let me borrow this manual so I decided to do one of the exercises from it for today’s post.

Here’s a little bit of a preview of what we’ll be making:

MADE BY DARKSIDE CREATIVE

Using Transparency from Blend

Blend modes are a great thing to use for making your creations stand out. You can use blend modes to alter the appearance of something simply by changing the transparency.

That is what we will be doing in today’s tutorial. Don’t worry if you’re not used to using blend modes. As long as you have a basic understanding of layers and you are relatively well-versed in how to use the layer’s panel, you should be fine.

The first thing we need to do is to open our grungy peeled paint image in Photoshop. Once you’ve done that, you will then need to create a new layer for your text (or simply type on the grunge layer if you want). This will create a layer for your text.

For the text please type the letters ‘P’ and ‘s’ as shown in the example above. Change the colour to blue 026fc2. The font should be something that is going to look good bold and big enough to stand out. I used Alte Haas Grotesk with a size of 150 (but you can change these if you wish).

Next we will move to the layers panel where we need to make sure the background layer is not locked. If it is, please click on the padlock to unlock this layer. That way we can move the layers around so that our grunge layer is above our text.

Now we need to focus on the layer panel so we can adjust our text using blend modes. To do this, make sure you have the grunge layer highlighted. Then double click on that layer in the panel to open up the blend modes. Here you will see an array of different settings. Don’t feel overwhelmed, we are only going to focus on “Blend if” settings.

MADE BY DARKSIDE CREATIVE

Look down at the “Blend If” settings as per the image above. You will need to push the white slider from where it says “this layer” all they way left to ‘0’. This is so that the light parts of the image give way to the darker parts which we need for our text effect.

Right click the layer and choose “Convert To Smart Object”. Now right click the layer again and choose “Select Pixels” from the drop down menu. This should then select all of the dark cracks in the image so we can manipulate this part of the image.

Next you will need to change the scale of this layer so that you can add as many cracks to your text as possible. Use the transform tool to do this.

Now we only want to add this effect to the text and nothing else so we need to right click again and choose “Create Clipping Mask”. You can also press the “CTRL” key in Windows (CMD on a Mac) and click with your mouse between the layers which does the same thing.

MADE BY DARKSIDE CREATIVE

Finally let’s add our final adjustments to the image by highlighting our text layer and right clicking so that the blending layer panel opens up again. Here you can experiment with any of the options you like. I kept things simple with a little “Bevel and Emboss” on the text. My settings are in the image above.

And THAT is it! If you got the end, WELL done friend! If you followed the steps above, your final image should look something like this:

MADE BY DARKSIDE CREATIVE

Final Summary:

Website: No website available.

There is an asset file for this tutorial which you can download here.

Tutor: BDM Publications

Time: For brand new Photoshop artists, probably around 5 minutes.

Level: Beginner

Assets included: Yes but no PSD.

Rating: 8/10 👍 I enjoyed making this tutorial review and following along to the tutorial. The text was easy to follow and clear with no missing steps. It’s perfect for a beginner looking to learn about transparency and blend modes.

Thanks for reading and supporting me. Catch you in my next post, friends – stay safe out there and keep creating!

If you like my Adobe posts, you can check out more of them right here.

And while you’re there, why not consider following me on Twitter, Instagram and right here, on WordPress.

Thanks for your support!

 

Categories
Adobe Adobe Photoshop

Photoshop In-App Tutorial #1 And Welcome Back To Adobe 🎨🖌️

How’s it going, friends? I haven’t had much time to catch up with my artistic friends here for some time simply because life keeps getting in the way. However, I am still every bit the Adobe fan-girl and I try to use Adobe apps every day in one way or another.

That said, I haven’t done a tutorial or a tutorial review of any kind in a long while (since May) and I really want to get back to doing that. With the Christmas holidays just around the corner (I get 12 glorious days off!), I’d like to be whetting my artistic appetite before then so I can hit the ground running when I’m on holiday.

I figured I’d do something simple to start off with mostly because I enjoy going back to basics. And people seem to like my Adobe tutorial reviews (which is awesome!) 😊☺️

So this is simple but so cool at the same time for anyone who needs a refresher on how layers make up so much of what Photoshop is. Layers are at the core of everything in Photoshop. I remember the first thing I read about Photoshop when I started learning how to use it, and it has stayed with me since; “There is only one word to remember about photoshop, and that word is “layers”. I never understood what that meant back then. But looking back now, it was probably the best advice to receive regarding Photoshop. Little pearls of wisdom we receive and overlook on a daily basis can enrich us more than we realise 😊☺️

An example image of what we’ll be making

Photoshop has MANY tutorials online and so many people on YouTube give advice on how to become better at using it. I started focusing on Adobe Create magazine’s tutorials last year, but it seems Adobe Create no longer exists, and I’m not quite sure why. Adobe has now integrated a lot into their software directly connected to their hub, Adobe Creative Cloud. From there, you can do just about anything you want with Adobe’s products, including learning about how they work. So that’s where I’ll stay for a little while anyway.

Here’s my first basic tutorial review on what you can do with simple layer placements in Photoshop and a few edits with a soft brush:

Photoshop In-App Tutorial #1 – Work With Layers

To find this tutorial inside Photoshop, you need to go to the top menu where it says “Help”, click on that and then navigate to “Hands-on tutorials” and then click on “Orientation”. Have the two drop down menus set to “All Categories” and “All Skill Levels” for now, as in the image below:

Step 1 to finding the Photoshop In-App Basic Tutorials

The tutorial we’ll be looking at is right at the top called “Get to know the app”. Click on that, and then you’ll be presented with a blue “Start Tutorial” button. Click on that! Each of these steps will come up as a highlighted panel within Photoshop. This is great for beginners because you’ll know exactly where to go next as you progress through the tutorial.

Step 2 shows the tutorial blurb and panel.

Click through at your own pace – very important for learning. Don’t rush to the finish line; nobody is timing you.😅 Once you click on the second blurb, you’ll be asked to change the layers in the layers panel inside Photoshop to show just how powerful layers can be within this example image. One simple object altered in this image brings an entirely new “feel”. In the original image below, the “flower” layer is behind the woman:

Photoshop In-App Tutorial #1 – Pretty yellow colours and flowers to experiment with!

Moving the flowers above the “woman” layer significantly changes the image, as we’ve done below. The woman is no longer the primary focus in the image as the flowers become prominent too.

Photoshop In-App Tutorial #1 – Woah, that looks so different with one simple layer change!

The following two steps will help with learning how to navigate the menus. And you’ll know what the “eye” icon means next to the images in the layers panel. In the remaining steps, you will learn how to zoom into an image and use the eye dropper tool to select a foreground colour. And you’ll be able to navigate the simple tools menu even further by using the “hand” tool, the brush tool and the brush preset folder.

Eventually, you’ll be asked to use the brush tool to create a stunning yellow colour with your paintbrush set to “dissolve”. This small step will enhance the woman in this image even further! Here’s my completed image below. Does yours look any different?

Photoshop In-App Tutorial #1 – My final tutorial image

Final Summary:

Website: No website required – Photoshop In-app tutorial.

There is a PSD provided within the tutorial

Tutor: Adobe

Time: For brand new Photoshop artists, probably around 5-7 minutes.

Level: Beginner

Assets included: Yes, Adobe provides all assets within the tutorial.

Rating: 10/10 👍 Probably one of the most straightforward tutorials to do for beginners. The tutorial is paced wonderfully, so everyone can keep up. And if you make a mistake or want to change something, it’s as easy as stepping back within the tutorial. Just brilliant!

Thanks for reading and supporting me. Catch you in my next post, friends – stay safe out there and keep creating!

If you like my Adobe posts, you can check out more of them right here.

And while you’re there, why not consider following me on Twitter, Instagram and right here, on WordPress.

Thanks for your support!

 

Categories
Adobe Adobe Photoshop

Adobe Photoshop for Beginners: Using Content Aware Scale and Fill

The content-aware tools in Photoshop are an incredibly powerful way of using pixels in an image and manipulating them. You can do a lot with content-aware scale, making an object look bigger or smaller by filling in or removing pixels. There are a lot of things possible when using this tool.

If you’d like to see the rest of my mini-reviews for this tutorial series, you can do so here.

In today’s lesson, we will be using the following assets:

Adobe for Beginners

We will be using the first image of the bee on the flower. It is hard to see it as this is a white background, but the original image is smaller and the canvas larger. Ideally, we want to extend our image’s background to cover the larger portion of the canvas that shows as a transparent part of the image when using the PSD file in Photoshop. You can do this using the “crop tool” with the content-aware scale option.

To make this change in the image, we use our edit menu and then choose “content-aware scale”. This will fill in the “extra” portion of our image by copying the pixels in the background and making it look like the image is larger.

You want to end up with something like this:

Edited by Darkside Creative

As you can see in the image I’ve edited above, the background has extended, but it doesn’t look “stretched” and looks exactly like the background in the image.

PRO TIP: Not every image will work well with content-aware scale. The best types of images to use are images with the same colour in the background (or close to the same colour). You cannot use this tool for every instance as it will not yield the same results every time.

Let’s use the second image asset for more content-aware scale editing. We want to do a similar thing with this image by extending the background to use this image as a header for let’s say our Facebook profile or even for Twitter (size constraints will vary).

Let’s apply our content-aware tool to this image and see how we go (remember using the crop tool to extend the image and then edit>content-aware scale to fill in the blank canvas).

You should end up with something looking like this:

Edited by Darkside Creative

We want to try something new with our next image by grouping the plants in this image a little closer together. To achieve that, we will be using the same technique except instead of extending the canvas outward, we want to push things closer together, so going inward.

You should end up with something that looks like this:

Edited by Darkside Creative

In our final example, we are going to do two things to the image. We will extend it just like we did with the first example except something in the image is not going to work with that technique. If you simply extend the last image’s background, you will distort the paper that is on the desk. And we don’t want that to happen. So we need to find a way to protect that part of the image when we are editing it with our crop tool. To do this, we need to select this part of the image by using any selection tool you like (I’m using the quick select tool) and then saving that selection.

Once you’ve saved the selection, you can then begin with the content-aware editing part of the technique just as we did with the first image. When you choose “edit>content-aware scale, you will need to use the drop-down menu where it says “Protect” on the toolbar and choose whatever you saved your selection as. This will avoid distorting that part of the image – pretty cool, huh?

Okay so with that done, you simply apply the technique with content-aware and voila! You should end up with something that looks like this:

Edited by Darkside Creative

Just remember our pro top above – NOT every image will be the correct type of image to use this time-saving technique, but with the image examples we’ve used above, it’s perfect!

Well, that’s it for this tutorial review, and we only have one last portion left to learn, and we will have the Adobe Photoshop for Beginners by Envato Tuts completed and that’s a HUGE achievement people!

Please let me know if you’re following this tutorial series or if you have any comments or questions about any of the art on this blog. I’d be keen to discuss with you!

Until tomorrow, stay safe out there, keep creating, and I’ll catch you in the next post!

If you like my Photoshop posts, you can check out more of them right here.

And while you’re there, why not consider following me which you can do here.

Thanks for your support!

Categories
Adobe Adobe Photoshop

Adobe Photoshop for Beginners: Retouching With the Photoshop Healing Brush

We are now into the last section of this course and learning to manipulate images by “retouching” them or making them look more appealing to the eye.

If you’d like to see the rest of my mini-reviews for this tutorial series, you can do so here.

In today’s lesson we will be using the following assets:

With each of these files we will be removing things from the image such as blemishes for the head shot of the model, graffiti in the second shot from the wall and the person and picture frame entirely from the last image.

We’ll begin with the head shot of the model first above.

You will be opening this file in photoshop and then using the “Spot Healing Brush” tool from the tool bar to remove blemishes from this model’s face. For retouching, you can pretty much do whatever you want as long as you don’t destroy the original source image (by not creating a separate layer) or making the image look too “retouched” and therefore obvious. The idea is to make the image better but not fake to anyone looking at it.

PRO TIP: ALWAYS MAKE SURE YOU ARE USING THE “CONTENT AWARE” OPTION FOR THIS TYPE OF RETOUCHING AND TO TICK THE OPTION TO “SAMPLE ALL LAYERS”

Create a second layer above your head shot and name that layer “retouching layer”. This is where you will be making all the changes and the original file will not be touched (remember destructive versus non-destructive editing?) Very important to get into the habit of doing this whenever you are editing a source file.

To make the retouching look more realistic, we can use the “opacity” tool in the layer menu to create a more realistic looking image. It should be difficult to tell if a face or image has been photo shopped or not. That is the art of retouching masterfully as opposed to creating fake looking images.

Here is my final image:

Retouched by Darkside Creative

And the second image only works because the brick wall is so damaged and has probably had a lot of graffiti on it. This technique would not work very well with a perfect brick wall (that’s definitely an intermediate or even advanced technique).

Retouched by Darkside Creative

And our final example has as woman walking past a wall and we want to make the wall look a little nicer, remove the woman entirely and the picture hanging above her so it looks something like this:

Retouched by Darkside Creative

And that’s it for another tutorial review – only a few more to go before we complete this entire course! Can you believe it we are almost there!

Please let me know if you’re following this tutorial series or if you have any comments or questions about any of the art on this blog. I’d be keen to discuss with you!

Until tomorrow, stay safe out there, keep creating and I’ll catch you in the next post!

If you like my Photoshop posts, you can check out more of them right here.

And while you’re there, why not consider following me which you can do here.

Thanks for your support!

Categories
Adobe Adobe Photoshop

Adobe Photoshop for Beginners: Transform and Wrap

After finishing off Smart Objects in the last post, we are now moving onto using Transform and Wrap and getting very close to the end of this course!

If you’d like to see the rest of my mini-reviews for this tutorial series, you can do so here.

In today’s lesson we will be using the following assets:

Adobe for Beginners
Adobe for Beginners
Adobe for Beginners

As with the previous tutorial, you will be using the above vector files from Illustrator which are provided by the course instructor. As you can see one is a flat logo file and the other one is called a brand file for branding something which we’ll be doing in this tutorial.

You will start off with this asset first:

Adobe for Beginners

Once you open this up in Photoshop, we will then be using the logo file first so you will need to bring that into photoshop using the transform tool. Our objective with this file is to make it look as flat as possible so that it sits on the table in the image as part of the table (it could be a sticker placed onto the table). Just remember that we need to rasterize these images so we won’t be using smart objects for this exercise (make sure you disable it in by right-clicking on the image and choosing “rasterize image”).

You will need to use the transform tool to make the logo look as flat and realistic as possible. It should hopefully look something similar to what I’ve done here:

Made by Darkside Creative

The next step is using the warp tool which is one part of the transform tool’s many options. Warping is exactly as it sounds – you are going to bend and squish and pull and push the brand into shape so that it looks kind of like it’s wrapped around our cup mock up like this (remember to rasterize!)

Created by Darkside Creative

And the final step to make the logo and the branding look more realistic is to add a “multiply” blending effect to darken the logo and branding file as I have done above by choosing the blend mode from the drop-down menu in the layer window.

Does your mock up look like it’s ready to show to your client? These techniques are used by graphic designers the world over when preparing and creating mock up ideas for their clients. It helps your client to visualise what their brand might look like on a coffee cup or a table for instance.

And that’s another short and sweet tutorial to get you warping and transforming like a pro! I hope you enjoyed this tutorial review.

Please let me know if you’re following this tutorial series or if you have any comments or questions about any of the art on this blog. I’d be keen to discuss with you!

Until tomorrow, stay safe out there, keep creating and I’ll catch you in the next post!

If you like my Photoshop posts, you can check out more of them right here.

And while you’re there, why not consider following me which you can do here.

Thanks for your support!