Remove Background by Color Range in Bangla (Lesson 48)

Watch on YouTube:

In this video, I showed how to Remove Background by Color Range in Bangla. By using Color range you can erase backgrounds of images easily. You just have to select the different colors from the backgrounds and adjust the Fuzziness and Range. How much details of the foreground you can keep that depends on the complexity of the image backgrounds and the color difference between foreground and background. But compared to many other background removing techniques Color Range command takes less time. And another positive thing is: when you use Color Range it is further editable as it is in a layer mask.

From this lesson, you will learn removing background by Color Range.

This lesson, Remove Background by Color Range in Bangla (Lesson 48) is in 2 versions as always. You can either watch the English or the Bangla version.

Subscribe to this channel from here:

www.youtube.com/rakibul2010islam

Source of images:

Photo by Hans from Pixabay

pixabay.com/en/cobweb-morgentau-dew-dewdrop-drip-4193/

Photo by Ákos Szabó from Pexels

www.pexels.com/photo/agriculture-clouds-countryside-cropland-440731/

Photo by Jakob Owens on Unsplash

unsplash.com/photos/qvWcqbSH_Eg

About the tutorial series (Photoshop Tutorials):

This is my first video tutorial series on YouTube. I have prepared both Bengali and English versions for the viewers. In this tutorial series, I have discussed starting from the very basics of Photoshop all the way to the advance level tutorials.

This tutorial series is divided into 7 different chapters. Those are:

Chapter-1: Fundamentals of Photoshop

Chapter-2: Different selection tools and their use

Chapter-3: Working with texts in Photoshop

Chapter-4: Use of different photo correction tools

Chapter-5: Image Adjustments

Chapter-6: Filter effects

Chapter-7: Advanced projects and commands

These tutorials are for everyone. So if you are a beginner then you can start from today. If you follow all these lessons and understand everything and practice them well  then you will be able to do professional works. So, best of luck.

Remove Background by Color Range (Lesson 48)

Watch on YouTube:

In this video, I showed how to Remove Background by Color Range. By using Color range you can erase backgrounds of images easily. You just have to select the different colors from the backgrounds and adjust the Fuzziness and Range. How much details of the foreground you can keep that depends on the complexity of the image backgrounds and the color difference between foreground and background. But compared to many other background removing techniques Color Range command takes less time. And another positive thing is: when you use Color Range it is further editable as it is in a layer mask.

From this lesson, you will learn removing background by Color Range.

This lesson, Remove Background by Color Range (Lesson 48) is in 2 versions as always. You can either watch the English or the Bangla version.

Subscribe to this channel from here:

www.youtube.com/rakibul2010islam

Source of images:

Photo by Hans from Pixabay

pixabay.com/en/cobweb-morgentau-dew-dewdrop-drip-4193/

Photo by Ákos Szabó from Pexels

www.pexels.com/photo/agriculture-clouds-countryside-cropland-440731/

Photo by Jakob Owens on Unsplash

unsplash.com/photos/qvWcqbSH_Eg

English Subtitle:

Hello viewers! I am Rakib. In this lesson, I will show you how you can use Color Range command to remove background from this kind of complex images very easily. Basically how Color Range works is, you have to pick one or more colors from the background and it will remove those colors as well as the different shades of closely related colors. So, let's see how it works. First, we will add another image as the background. Now, selecting this layer we will add a layer mask and will double click here and select Color Range. You will see this box. In this preview, you may see some sort of result because of the previously selected color. Don't get confused seeing that. What we have to do here is: we have to check this "Localized Color Clusters" if not checked and will also check 'invert'. You can see it is currently in selection view, we have to change it to 'Image' view. Sometimes you may need to see it in Selection view as well to see the selections. We will pick the colors from here. We will select this dark green color of the background. We can do it from here as well. As you can see, when I clicked it this color of the background is removed as well as some similar color shades are removed. And if I increase the Fuzziness, then it will cover more areas. But we have to be careful about the foreground so that we don't miss important details of the foreground. We can adjust the Range from this slider. So after getting a pretty good result, you will see some remaining areas of the background. To fix these, we will select this plus Eyedropper and will click on those areas. When selecting and removing the remaining parts of the background if you see it is affecting the foreground significantly then you have to undo that change and select a different area. Let's adjust Fuzziness from here. From the Selection view, we can get a better view of which areas are already selected and which areas are not. So in this way, after selecting all the areas and adjusting Fuzziness and Range we will click OK. So this is the change. And when applying Color Range you can also edit it later as it is in the layer mask. We will see the application of this Color Range in another image. Here we will only see the result quickly. So, here is the result. I missed this area. If we clicked here then it would look better. So in this way, using Color Range you can erase the background of this kind of critical images. So that's all. If you like this video then you can give a thumbs up and share it. And for more videos you can subscribe to this channel. See you in the next video. Thanks for watching.

Cast Shadows in Photoshop in Bangla (Lesson 47)

Watch on YouTube:

In this video, I showed how to Cast Shadows in Photoshop in Bangla. I showed how to cast shadows on different situations. Creating realistic shadows is a complex thing to do in Photoshop. So I broke it down into several steps to drop shadows easily and accurately. I explained which direction one should choose to cast a shadow and how dark the shadow will be. I also did some other adjustments to make the shadows realistic.

From this lesson, you will learn How to Cast realistic shadows in Photoshop in Bangla for both objects and people.

This lesson, Cast Shadows in Photoshop in Bangla (Lesson 47) is in 2 versions as always. You can either watch the English or the Bangla version.

Subscribe to this channel from here:

www.youtube.com/rakibul2010islam

Source of images:

Photo by ThoughtCatalog from Pixabay

pixabay.com/en/tea-time-poetry-coffee-reading-3240766/

Photo by darkmoon1968 from Pixabay

pixabay.com/en/notepad-table-decoration-notes-3297994/

Photo by Yuri_B from Pixabay

pixabay.com/en/sunflower-vase-vintage-retro-wall-3292932/

Photo by Artem Bali from Pexels

www.pexels.com/photo/three-boys-standing-on-road-947811/

Photo by jplenio from Pixabay

pixabay.com/en/landscape-nature-grass-field-sky-3127859/

About the tutorial series (Photoshop Tutorials):

This is my first video tutorial series on YouTube. I have prepared both Bengali and English versions for the viewers. In this tutorial series, I have discussed starting from the very basics of Photoshop all the way to the advance level tutorials.

This tutorial series is divided into 7 different chapters. Those are:

Chapter-1: Fundamentals of Photoshop

Chapter-2: Different selection tools and their use

Chapter-3: Working with texts in Photoshop

Chapter-4: Use of different photo correction tools

Chapter-5: Image Adjustments

Chapter-6: Filter effects

Chapter-7: Advanced projects and commands

These tutorials are for everyone. So if you are a beginner then you can start from today. If you follow all these lessons and understand everything and practice them well  then you will be able to do professional works. So, best of luck.

Cast Shadows in Photoshop (Lesson 47)

Watch on YouTube:

In this video, I showed how to Cast Shadows in Photoshop. I showed how to cast shadows on different situations. Creating realistic shadows is a complex thing to do in Photoshop. So I broke it down into several steps to drop shadows easily and accurately. I explained which direction one should choose to cast a shadow and how dark the shadow will be. I also did some other adjustments to make the shadows realistic.

From this lesson, you will learn How to Cast realistic shadows in Photoshop for both objects and people.

This lesson, Cast Shadows in Photoshop (Lesson 47) is in 2 versions as always. You can either watch the English or the Bangla version.

Subscribe to this channel from here:

www.youtube.com/rakibul2010islam

Source of images:

Photo by ThoughtCatalog from Pixabay

pixabay.com/en/tea-time-poetry-coffee-reading-3240766/

Photo by darkmoon1968 from Pixabay

pixabay.com/en/notepad-table-decoration-notes-3297994/

Photo by Yuri_B from Pixabay

pixabay.com/en/sunflower-vase-vintage-retro-wall-3292932/

Photo by Artem Bali from Pexels

www.pexels.com/photo/three-boys-standing-on-road-947811/

Photo by jplenio from Pixabay

pixabay.com/en/landscape-nature-grass-field-sky-3127859/

English Subtitle:

Hello viewers! I am Rakib. In this project, I will show you how you can cast realistic shadows on 3 different situations. There are a lot of techniques to cast shadows. Here I will show you casting shadows on 3 different situations. So, let's start with a simple one. Drag and drop this object into this image. Let's make it a little bigger. To cast or drop a shadow first you have to understand from where the light is coming. And the shadow will be exactly on the opposite direction. This is a digitally created image so there is no actual light source. So we have to follow the direction of the shadow of other objects. As you can see the shadows of different objects here are in this direction. So for this object we also have to cast the shadow in this direction. Within this object there is an existing shadow which is in this direction. So first we will rotate it to bring it into the same direction. Another thing we can do here is curves correction because the color and the lightness are not matching with the background. After that selecting this layer go to: Layer/ Layer style/ Drop Shadow. You can also click fx and select Drop Shadow from here. Let's reset it first. And now we can see a very slight shadow here. We can simply drag this shadow to this direction. Here you can see the blend mode is Soft Light. We can change it to normal. Now we can see a very dark shadow. So we will decrease opacity. We can also decrease the distance. And when we change the size you will see it providing a blur effect. Here you can see a lot of other options to customize it more. Let's click OK. So this is the Drop shadow effect that we just applied. So for this kind of flat images using the drop shadow effect we can cast shadows easily. Let's do it on a little harder one. Let's drag and drop this object into a new background. Casting shadow for this object we have to consider the both axis. First we have to draw a dark shadow underneath this object. We will select Ellipse tool from Shape tools. And without selecting pure black we will pick a dark gray color from here and will click OK. Now we will draw the shape. Will transform it. Now we will add Gaussian blur. We will select this one so that it would be editable later. So the dark shadow is added. And another thing to consider is that besides dark shadow there should be a slight influence shadow to a larger area for this kind of objects.

So to create this secondary shadow we will create another layer. And with this color we will draw a line here and will again add blur effect. Decreasing the opacity. I think this amount is OK. And another thing is: When one object is attached with a surface then that attached area will be blurry. So we will blur this edge using blur tool. So in this way we can cast shadows for this kind of objects. Let's work on the final and the harder one. First we will transform it. Now we will make curves correction. First we have to draw the dark shadows underneath the shoes. Let's take a look on the image from the one we extracted our subjects. You can see these dark shadows here. That's what we're gonna be drawing there. To draw those shadows first we will select this layer and will load selection and will go to: Select/ Modify/ Border and will keep it 7px. Now you can see here is a margin which will help us to draw the shadows easily. Let's create a new layer and select the pure black color for this time and draw the shadows. After drawing this basic line we have to make the line thick where necessary. Now we will add Gaussian blur from Filter menu. We can also adjust the opacity. So after creating the dark shadow we will create another layer and selecting the brush tool we will draw a thick line like this. Using this line we will create an influence of this dark shadow like we did in the 2nd image. Now will add Gaussian blur again. So it is done. Now here you can notice the direction of the shadow. So it means the light source is somewhere from here. So we have to follow this direction to create the longer shadow. First we will duplicate the layer that contains our subjects and then will select the layer below and will transform it. This transformation will take some time to do it correctly. This transformation looks good to me. So I will go with it. Now we will click 'Lock Transparent Pixels' from here and will select Gradient tool from here. Select Black and White from here and Linear Gradient and finally Black to White Gradient from here. After that, we will change the blending mode of this layer into Multiply. Now if we drag it until the head then you can notice that it doesn't seem visible in this area. But if we drag it a little more then the shadow will also appear more. So depending on your image you can decide how much to drag it. Now we will unlock 'Transparent Pixels' and will add blur effect. How much dark it will be, it depends upon the light intensity. If the light is very intensive then the shadow will be very dark and if it is not that intensive then the shadow will be slight and soft. Here I will decrease the opacity. This amount seems good to me. So in this way, in different situations you can create or cast realistic shadows. And one last thing is: If you think critically then you can notice that the amount of sunlight in these kids body specially in the face is quite equal but it should not be like that because if the light comes from this direction then we will see the highest amount of light in this kid's face and then this one and then this one. We can fix this issue. To do that, we will duplicate this layer and will drag and drop it above and will lock the transparent pixels. Select Gradient tool from here, it will be Linear Gradient and this time select Foreground to Transparent and will drag from here like this. Now you can see the left side is darker than the right. And now we will decrease the opacity of this layer. So, now you can see the light is gradually decreasing from the right to the left. So in this way maintaining this kind of techniques you can cast realistic shadows on different situations. So that's all for this lesson. If you like this video then you can give a thumbs up and share it. And if you are a new viewer then consider subscribing. See you in the next project. Thanks for watching.

Ecommerce product images editing (Amazon) in Bangla [Lesson 46]

 
Watch on YouTube:

In this video, I showed Ecommerce product images editing (Amazon) in Bangla. I mainly focused on Amazon.com product images requirements and pointed out what one should follow to fulfill amazon product images requirements.

Best practices for amazon product images editing:

- 2000px square image

- Cropped tight to the product (85% or more of the image frame)

- Save for web as JPEG

- Save it as Srgb color space.

Amazon Site Standards for Product Images:

amzn.to/2kVRpOo

From this lesson, you will learn How to do Ecommerce product images editing (Amazon) in Bangla.

This lesson, Ecommerce product images editing (Amazon) [Lesson 46] is in 2 versions as always. You can either watch the English or the Bangla version.

Subscribe to this channel from here:

www.youtube.com/rakibul2010islam

Source of images:

- Product:

Photo by cuncon from Pixabay

pixabay.com/en/camera-dslr-photo-digital-1721373/

-Background:

Photo by Joanna Kosinska on Unsplash

unsplash.com/photos/RE-8WswW95o

-Amazon logo credit:

By Amazon.com Inc. (It can be found here) [Public domain], via Wikimedia Commons

About the tutorial series (Photoshop Tutorials):

This is my first video tutorial series on YouTube. I have prepared both Bengali and English versions for the viewers. In this tutorial series, I have discussed starting from the very basics of Photoshop all the way to the advance level tutorials.

This tutorial series is divided into 7 different chapters. Those are:

Chapter-1: Fundamentals of Photoshop

Chapter-2: Different selection tools and their use

Chapter-3: Working with texts in Photoshop

Chapter-4: Use of different photo correction tools

Chapter-5: Image Adjustments

Chapter-6: Filter effects

Chapter-7: Advanced projects and commands

These tutorials are for everyone. So if you are a beginner then you can start from today. If you follow all these lessons and understand everything and practice them well  then you will be able to do professional works. So, best of luck.

Ecommerce product images editing (Amazon) [Lesson 46]

Watch on YouTube:

In this video, I showed Ecommerce product images editing (Amazon). I mainly focused on Amazon.com product images requirements and pointed out what one should follow to fulfill amazon product images requirements.

Best practices for amazon product images editing:

- 2000px square image

- Cropped tight to the product (85% or more of the image frame)

- Save for web as JPEG

- Save it as Srgb color space.

Amazon Site Standards for Product Images:

amzn.to/2kVRpOo

From this lesson, you will learn How to do Ecommerce product images editing (Amazon).

This lesson, Ecommerce product images editing (Amazon) [Lesson 46] is in 2 versions as always. You can either watch the English or the Bangla version.

Subscribe to this channel from here:

www.youtube.com/rakibul2010islam

Source of images:

- Product:

Photo by cuncon from Pixabay

pixabay.com/en/camera-dslr-photo-digital-1721373/

-Background:

Photo by Joanna Kosinska on Unsplash

unsplash.com/photos/RE-8WswW95o

-Amazon logo credit:

By Amazon.com Inc. (It can be found here) [Public domain], via Wikimedia Commons

English Subtitle:Hello viewers! I am Rakib. In this project, I will show you ecommerce product images editing. Mainly I will focus on amazon.com product image requirements. If you follow these requirements and learn editing for Amazon.com then you will be able to apply the same technique for other ecommerce websites. You may just need to change the values or some points based on that particular ecommerce site. Amazon asks different versions for product images but we will only learn the main product image editing in this project. For product images approval there are some guidelines but we will not study them here. Rather we will see how we can fulfill the requirements following some of the best practices. Here I have mentioned 5 points. And we will edit the image based on these points. The first point is: It should be a square image of 2000 pixels. And the second point is: It should be cropped tight to the product. You can see some space on the left-right and up-down sides. These areas should be cropped and the borders will be very close to the product. The next one is: A pure white background. We have to remove the existing background to change it into a pure white background. If you ever see a requirement 255-white that means exactly the same thing which is a pure white background. After that we have to save it as a web optimized JPEG format. And finally the color space will be Srgb. So let's begin. First we will crop it into a 2000 pixels square image. Let's uncheck this layer. So, before we do the cropping let's see the current image size from here. You can see the Width is 4288 pixels and the Height is 2848 pixels. We have to turn these into 2000 X 2000 pixels. And here the resolution is 300 pixels/inch. So, let's select the crop tool from here. Here you can see The 'Original Ratio' is selected and we will select W X H X Resolution. And now we will input the values. 2000px Width, 2000px Height. Make sure you put the units as well. And the resolution will be 300 pixels/inch as it is the resolution of the main image. And now you can see the 2000 pixels square box here. We also have to crop these extra spaces surrounding the product. To do that we will hold Shift and drag from the corner. I think we don't need to crop any more space because the product is covering more than 85% of the canvas considering the left and right side. But there is still more space above and below the product. And this space should be there as it is not a perfect square image. Now we will press Enter. And if we see the image size you can see it's a perfect 2000 pixels square image and the resolution is 300. As you can see we have completed the first 2 points and now we have to make it a pure white background. To do that we have to erase the existing background. To make selection let's select the Pen tool from here and start clipping path. Path clipping is completed. Now we will press Ctrl+Enter to make selection. Now we will select this layer and click here to hide the background. Double click here to add some feather. We don't need to add a white background. When we will save it to JPEG format then a white background will be added automatically. But before we save it as a JPEG we will keep a copy of PNG version in case we need a transparent version later. We can simply save it as a PNG format or we can go to:File/Export/Save for web and save a copy as PNG-24. Now we have to save it as a web optimized JPEG and the color space will be Srgb. To do that we will go to: File/Export/Save for web(Legacy) The keyboard shortcut is: Ctrl+Alt+Shift+S For previous Photoshop versions you will find this Save for Web option somewhere in here. But for this version it is inside the 'Export'. Now from here we will set the preset as JPEG Medium. When you are in the Optimized tab you can see the final file size here. When the quality is Medium the file size is 170 kb. And for website faster loading if you want to reduce the file size then you can set a lower Quality value here and  select this 2-Up tab to see the difference between the original and final file side by side. Like if we set the value 20 then you can see the result here. As both of these are almost the same so we can keep it. So in this way, we can upload a lower sized file to the website maintaining the image quality. So here we can save this image as 140.7 kb. I recommend you to save the images as JPEG Medium for most of the images. Make sure this Optimized and Convert to sRGB are checked. Now we will click save which is below from here. And here is an option Preview. By clicking it you can see the image preview in your browser. Let's click save. Here we will add a character 'e' and click save. Let's save it normally as well to see the difference. Now you can see the web optimized one is 141 kb and the normal one is 357 kb. So basically web optimization is getting the lowest possible file size maintaining a fair image quality. So in this way, maintaining these 5 best practices you can prepare images for Amazon.com and also following this technique with some modifications or following requirements or guidelines of a different ecommerce site you can prepare the images for that site too. So that's pretty much it. If you like this video then you can give a thumbs up and share it. And to get more videos you can subscribe to this channel. See you in the next project. Thanks for watching.