Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
3

change logo on an image - to som ethign different

Explorer ,
Dec 15, 2023 Dec 15, 2023

how for the below image do i change the logo a different logo while keeping the colour of the bag and keeping the shaoe and slant of the current logo style - to look natural?

cmckernan93_0-1702686251155.jpeg

 

TOPICS
Windows
945
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Community Expert , Dec 15, 2023 Dec 15, 2023

Let's assume that you have a blank stock image with the appropriate permissions.

 

To make a logo conform to the shape of the bag, you need to look into using a displacement map (you can search the term, there are many tutorials).

 

You may also need to layer a copy of the original bag over the top of the displaced image, in an appropriate blend mode to add highlights and shading. You may need to process this image based on a single channel rather than just using the original image. Layer masks,

...
Translate
Community Expert , Dec 16, 2023 Dec 16, 2023

@cmckernan93

 

I have a bit more time now, so I'll run you through my approach.  For a start, I like to work with everything square and perpendicular which I'll do with Perspective Warp

image.png

 

I've used Image Size to make the height the same as the width, and FT > Warp to to nudge those gaps out of frame.

Note: we'll use this same warped image of the bag to make the Map for Displacement, so it will all line up later.

image.png

 

Next make a fairly tight selection of the old logo, and use Content Aware Fill t

...
Translate
Adobe
Community Expert ,
Dec 15, 2023 Dec 15, 2023

To remove the obvious from consideration, do you have a copy of the bag without the logo?

 

If not, you can look into content-aware fill or generative fill (AI).

 

Edit: Do you have rights to modify this image?

 

https://www.vistaprint.com.au/clothing-bags/bags/totes/classic-cotton

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 15, 2023 Dec 15, 2023

Let's assume that you have a blank stock image with the appropriate permissions.

 

To make a logo conform to the shape of the bag, you need to look into using a displacement map (you can search the term, there are many tutorials).

 

You may also need to layer a copy of the original bag over the top of the displaced image, in an appropriate blend mode to add highlights and shading. You may need to process this image based on a single channel rather than just using the original image. Layer masks, blend modes, opacity and blend if slider advanced blending may also be required.

 

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 15, 2023 Dec 15, 2023

If your Creative Cloud subscription includes Adobe Illustrator, they are testing a new feature called Mockup that simplifies this type of job:

https://helpx.adobe.com/illustrator/using/create-art-mockups.html

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 15, 2023 Dec 15, 2023

That's interesting Conrad.  Thanks for sharing.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 16, 2023 Dec 16, 2023
LATEST

@cmckernan93

 

I have a bit more time now, so I'll run you through my approach.  For a start, I like to work with everything square and perpendicular which I'll do with Perspective Warp

image.png

 

I've used Image Size to make the height the same as the width, and FT > Warp to to nudge those gaps out of frame.

Note: we'll use this same warped image of the bag to make the Map for Displacement, so it will all line up later.

image.png

 

Next make a fairly tight selection of the old logo, and use Content Aware Fill to remove the logo.

image.png

CAF will make a new layer with the fix, so merge that back to one layer.

Right click thew layer and choose Duplicate. Then use the drop down and choose New.

image.png

 

This new document is going to be our map, so increase contrast with curves or levels, and save it as a PSD file and call it Bag Map.psd  Note: Photoshop has a wee gotcha with Displacement maps.  Backward Compatability HAS to be set to Always in Preferences > File Handling, or it just won't work.  I spent ages tracking down that problem some years ago, and got the answer from this fourm.

image.png

 

I'll assume you already have or will make the new logo.  Remember it's much easier to build keeping everythis square.

When constructed, select all layers and make them a Smart Object.

Note I have two blue circle layers.  The top one has Fill Opacity set to zero, and a black stroke which is managed with a Layer Mask  You need to check Layer Mask hides effect in Layer Styles for this to work

image.png.

Move the Smart Object logo to the bag document. Position and rotate (if required) and go Filter > Distort > Displace

I started with 5 and 5.

image.png

When you OK this it will ask for the Map file, so navigate to the Bag Map.psd file and OK it.

I ended up doing it again with values of 10 and 10 which gave me this.  It's distorted, but has no shading, so scroll down to see how to fix this.

image.png

What I nearly always do with displacement maps is to add the map layer above the distorted layer, and set it to Multiply. This will add shading to the logo.  It was not strong enough in this instance, so I used a fairly steep curves layer clipped to the map layer.  That was set to Luminosity to prevent it affecting the colours.  The map is clipped to the logo, so only the logo has the shading effect.

image.png

 

With this done, select all of those layers, and make them into a Smart Object.

This is where working square really pays off, because when we move the new Smart Object to the original image we can transform to match the shape of the bag.  Hold down Ctrl (Cmd) and drage the corners to fit the bag, and perspective, shape and shading will automatically fit the original.

image.png

 

I think that is about it.  I used a layer mask and soft brush to blend the outer edges of the bag overlay, and a curves layer to darken it a wee bit to match the original.image.png

 

You can double click the SO any time to edit it and it will open in a new window with everything square again making edits nice and easy.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines