How to overlay image onto black clothing?
I have two screenshots attached. One is when overlay is applied to layer and one is without. Im trying to have the effects of overlay without losing color and brightness in design. When i try to brighten the overlayed layer it changes the color of the shirt. Also, soft light and hard light do not look desirable as well. I would like the design to look normal in color but still have that overlay effect where the curvatures and seams in the shirt are shown through the design. Any suggestions or help ? Thank you.
Displacement map, maybe?
Similar Messages
-
Single page design - how to load images onto page
Hello,
Take a look at the site http://www.blacktie.es/ I'm trying to learn how they load the larger images onto the page.
When you click on the button — the website loads the large project images above — how is this being done. Is this being done with PHP? Can someone point me in the right direction?
</div>
<section id="sec_project">
<div class="project_wrap" id="pro_container">
</div>Ejetty wrote:
Thanks... but the thing the http:// link does not change when you click/hover on the thumbnail in this example.
Which example? When you are directed to a particular solution, don't ever expect the solution to work out of the box. You need to modify or even adapt it to suit your own circumstances. There is no such thing as silver bullet when it comes to web design solutions.
I don't understand your question so I have nothing to add here.
Good luck. -
How to overlay images with tags?
How can I overlay the small image (tag_smallimage) with the large image (tag_largeimage) ?
with HTML is...
<div style="position: absolute; z-index:100"><img src="yourimage1"></div>
<div style="position: absolute; z-index:5000"><img src="yourimage2"></div>
but how it works with tags?
Thank you in advance!Well first off, your CSS is a little overkill. You don't really need z-index at all since the image you want overlayed on top of the other image comes after the small image in the markup. You can just set position:absolute and it will appear above your image by default. You'd want to use z-index if an element that comes before another element in the markup is required to be layered on top. Also, try to avoid inline styles unless you are doing an email campaign, in which case, inline styles are best practice since email clients rarely adhere to web standards.
I'm assuming you are creating a web app and you've creted the "smallimage" and "largeimage" fields already for your web app. Here's the HTML:
<div class="image-container">
<div class="small-image">
{tag_smallimage}
</div>
<div class="large-image">
{tag_largeimage}
</div>
</div>
And here's some CSS that you can put in your main stylesheet:
.image-container { position: relative; }
.large-image { position: absolute; top: 0; left: 0; }
This should work for you but you might run into problems with the large images running on top of other image groups if you use this in multiple places on one page. What is your goal for these images? A hover effect so that the large image shows when you hover over the small one? -
How to import images onto iMac from MBP?
I know I've made this work in the past but now, I'm not sure how. Came back from a trip with several hundred photos on iPhoto on my MBP(running SL). i would like to import them into Aperture on my iMac(Leopard).I think that in the past I copied the files into my Public folder on the MBP and would be able to import wirelessly into Aperture on the iMac. I have File Sharing enabled on both machines. Now Aperture on the iMac appears to see the MBP Public Folder but no photos show up in it. I must be missing something here but I'm not sure what. Is there some other straight forward to way to move the files from the MBP to the iMac short of burning them to a dvd or connecting the two via firewire?
Thanks in advance.
JimIf you simply enable File Sharing on the MBP: Sys prefs -> Sharing -> File Sharing -> On.
And then on your iMac use the Finder sidebar -> Shared -> click on your laptop's name in the list -> choose connect as -> fill in your username/password as it is on the MBP and you should be able to select all partitions on the MBP, and your own user folder (and perhaps public folders).
And you should have read/write permissions so you can copy the files over. -
Hi,
im using Dreamweaver 8 and trying to 'mix' 2 images like
laying one over the other. Can this be done?
Thanks
R.Wouldn't it be better to create a single image with this
effect in your
graphics editor?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Rudei" <[email protected]> wrote in message
news:f1ipcm$f5$[email protected]..
> Hi,
>
> im using Dreamweaver 8 and trying to 'mix' 2 images like
laying one over
> the other. Can this be done?
>
> Thanks
>
> R. -
I am currently working a project and need to mount an image onto a button, so when the image is clicked on it makes the button event work?
set icons? , do i have to have the image in the same
folder as where the code is saved? I have not been
able to find any code showing how to apply images
onto buttons on a GUI.Did you atleast read reply 2 and 4?Have you ever read the JButton API?There's no necessity that the image has to be in the same folder.You use have to specify the absolute path of the image when you create an instance representing it. -
How do I post an image onto a piece of clothing?
Can someone help me post an image onto a piece of clothing? first time using photoshop.
Here's a pretty good tutorial that shows you how to add an image to a tshirt!
Hope this helps!
Julia -
How do I overlay an image onto video
Hello
I found a tip on how to create a mask in Photoshop, then overlay it onto iMovie. But the example video was so small I could not follow it.
My requirement is that I shoot video of say a computer screen, then I want to make a blurred out portion of the screen image in Photoshop, then overlay it back onto the video footage. I want to do this to blur out any private information, for example a username or password.
Can anyone help, please?I want to do this to blur out any private information, for example a username or password.
With iMovie, I would normally do this as a post edit in QT Pro. Simply create your "mask" and layer it over the information you wish to protect. By using the "Add to Selection & Scale" option, you can then set the proper duration automatically, as well as, set the location to "cover" the exact area needed. Would assume this might also be possible in iMovie, but would require a PNG with "Alpha" channel to be dropped on your original clip and then manually adjusting the duration and would still likely require QT Pro to set the proper alpha-channel "mask" option later. Assume ther may be other ways to do this. -
How to overlay an image onto separate layers while maintaining separate layers and adding no layers?
I have a 6400x6400 image that I have divided into 100 640x640 layers. I want to overlay an separate image over the entire 6400x6400 document while making the individual layers hold part of the overlayed image.
An anaology would be this:
Imagine that I have created a giant board (6400x6400) and I have cut it into small pieces, where each piece is it's own layers. I want to put a picture to that entire puzzle, so that each layer holds a part of the picture and the picture is not it's own layer, but made up of the smaller layers.Here's one way to do it, I added the image in as a new layer, and used Clipping Masks to clip them to the layers.
You can merge them into one layer by selecting both layers, right click and Merge Layers:
Hope this helps!
Julia -
Trying to overlay text onto images and save them.
What I want: I have a computer running the media in my car and I want to hook up a camera to it that'll record when the computer is running and overlay the GPS speed onto the video for later viewing.
What I got: I have the following piece of code that saves a series of .jpg images at a specified frame rate and a separate Java application that puts them together into a .mov file to view later. I couldn't find anything to record the straight video so if you have any links for that, please point me. But for now I'll settle for doing it this way and I'm not too concerned with the GPS speed NMEA parsing for now, I'll just use a static speed label until I get the overlaying working.
What I need: I need to know what to plug into the speedOverlay() method in order to grab the image and put the speed on top of it before saving it and moving to the next image. Any ideas?
Code:
import com.sun.image.codec.jpeg.JPEGCodec;
import com.sun.image.codec.jpeg.JPEGEncodeParam;
import com.sun.image.codec.jpeg.JPEGImageEncoder;
import com.sun.media.sound.Toolkit;
import javax.imageio.ImageIO;
import javax.media.*;
import javax.media.control.FrameGrabbingControl;
import javax.media.format.VideoFormat;
import javax.media.util.BufferToImage;
import javax.swing.JButton;
import javax.swing.JComponent;
import javax.swing.JTextField;
import javax.swing.JLabel;
import javax.swing.JPanel;
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Component;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.Image;
import java.awt.Panel;
import java.awt.Shape;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import java.awt.font.TextLayout;
import java.awt.geom.AffineTransform;
import java.awt.image.BufferedImage;
import java.io.FileOutputStream;
import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.Timer;
import java.util.TimerTask;
public class SwingCapture1 extends Panel implements Runnable, ActionListener
private static final long serialVersionUID = 1L;
public static Player player = null;
public CaptureDeviceInfo di = null;
public MediaLocator ml = null;
public JButton start = new JButton("START");
public JButton stop = new JButton ("STOP NOW");
public JLabel frequencyLabel = new JLabel("Frequency:");
public JTextField frequencyInputField = new JTextField(5);
public JLabel framerateLabel = new JLabel("Framerate: ");
public JTextField framerateInputField = new JTextField(5);
public JLabel timerLabel = new JLabel("Timer: ");
public JTextField timerInputField = new JTextField(5);
public JPanel southPanel = new JPanel();
public static Buffer buf = null;
public static Image img = null;
public VideoFormat vf = null;
public static BufferToImage btoi = null;
public static ImagePanel imgpanel = null;
public static Timer timer = new Timer();
static int theFrameRate = 0;
static int theTimeLength = 0;
static int i = 0;
static int interval = 0;
int count = 0;
static int timeLength = 0;
static String filePrefix = "";
static String imagesDirectory = "c:\\images\\";
static boolean timerBoolean = true;
Thread capThread;
Toolkit toolkit;
public SwingCapture1()
setLayout(new BorderLayout());
// setSize(640, 480);
imgpanel = new ImagePanel();
start.addActionListener(this);
final String str = "vfw:Microsoft WDM Image Capture (Win32):0";
di = CaptureDeviceManager.getDevice(str);
ml = new MediaLocator(str);
try
player = Manager.createRealizedPlayer(ml);
player.start();
Component comp;
if ((comp = player.getVisualComponent()) != null)
add(comp, BorderLayout.LINE_START);
// add(capture);
add(imgpanel, BorderLayout.LINE_END);
add(southPanel, BorderLayout.SOUTH);
southPanel.add(framerateLabel);
southPanel.add(framerateInputField);
southPanel.add(timerLabel);
southPanel.add(timerInputField);
southPanel.add(start);
southPanel.add(stop);
catch (final Exception e)
System.out.println("ERROR 1");
e.printStackTrace();
public static void playerclose()
player.close();
player.deallocate();
public void actionPerformed(final ActionEvent e)
final JComponent c = (JComponent) e.getSource();
if (c == start)
// snapPicture();
theFrameRate = Integer.parseInt(framerateInputField.getText());
theTimeLength = Integer.parseInt(timerInputField.getText());
startCapture(theFrameRate, theTimeLength);
if (c == stop)
timerBoolean = false;
public void startCapture(final int framerate, final int timeLength)
interval = 1000 / framerate;
// Start timer.
timer.scheduleAtFixedRate(new TimerTask ()
public void run()
System.out.println("SNAP");
snapPicture();
count++;
if (count >= timeLength * framerate)
this.cancel();
}, 1000, interval);
public static void snapPicture()
final FrameGrabbingControl fgc = (FrameGrabbingControl) player.getControl("javax.media.control.FrameGrabbingControl");
buf = fgc.grabFrame(); // Convert it to an image
btoi = new BufferToImage((VideoFormat) buf.getFormat());
img = btoi.createImage(buf); // show the image
imgpanel.setImage(img); // save image
// saveJPG(img, "c:\\java\\Tomcat\\webapps\\loadimage\\main.jpg");
i++;
speedOverlay(img);
saveJPG(img, imagesDirectory + filePrefix + i + ".jpg");
public static void speedOverlay(Image img)
public static void saveJPG(final Image img, final String s)
final BufferedImage bi = new BufferedImage(img.getWidth(null), img.getHeight(null), BufferedImage.TYPE_INT_RGB);
final Graphics2D g2 = bi.createGraphics();
g2.drawImage(img, null, null);
FileOutputStream out = null;
try
out = new FileOutputStream(s);
catch (final java.io.FileNotFoundException io)
System.out.println("ERROR 2");
System.out.println("File Not Found");
final JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);
final JPEGEncodeParam param = encoder.getDefaultJPEGEncodeParam(bi);
param.setQuality(0.5f, false);
encoder.setJPEGEncodeParam(param);
try
encoder.encode(bi);
out.close();
catch (final java.io.IOException io)
System.out.println("ERROR 3");
System.out.println("IOException");
public void start()
if (capThread == null)
capThread = new Thread(this, "Capture Thread");
capThread.start();
public Image getFrameImage()
// Grab a frame
final FrameGrabbingControl fgc = (FrameGrabbingControl)
player.getControl("javax.media.control.FrameGrabbingControl");
buf = fgc.grabFrame();
// Convert it to an image
btoi = new BufferToImage((VideoFormat)buf.getFormat());
return btoi.createImage(buf);
@Override
public void run() {
// TODO Auto-generated method stub
}Sorry guys, I haven't looked at your links yet but I will, once I get some time to sit down and code again. I just wanted to provide this piece of code that uses the Graphics2d you're talking about to overlay text onto an image but I haven't been able to plug it into my code at all. If you're links answer the question, I'm sorry, just providing it until I can actually sit down and spend time on the research you've given me. Thanks.
import java.awt.*;
import java.awt.font.*;
import java.awt.geom.*;
import java.awt.image.*;
import java.io.*;
import java.net.*;
import java.text.*;
import java.util.*;
import javax.imageio.*;
import javax.swing.*;
public class WaterMark {
public static void main(String[] args) throws IOException {
String speed = "50";
URL url = new URL("file:c:\\images\\1.jpg");
BufferedImage im = ImageIO.read(url);
String text = speed + " Km/H";
Graphics2D g = im.createGraphics();
// g.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_ON);
// g.setRenderingHint(RenderingHints.KEY_FRACTIONALMETRICS, RenderingHints.VALUE_FRACTIONALMETRICS_ON);
// g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g.setFont(new Font("Lucida Bright", Font.ITALIC, 40));
// g.rotate(-Math.PI/4, im.getWidth()/2, im.getHeight()/2);
TextLayout tl = new TextLayout(text, g.getFont(), g.getFontRenderContext());
// Rectangle2D bounds = tl.getBounds();
// double x = (im.getWidth()-bounds.getWidth())/2 - bounds.getX();
// double y = (im.getHeight()-bounds.getHeight())/2 - bounds.getY();
double x = 10;
double y = 50;
Shape outline = tl.getOutline(AffineTransform.getTranslateInstance(x+2, y+1));
// g.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.3f));
g.setPaint(Color.BLACK);
g.draw(outline);
// g.setPaint(new GradientPaint(0, 0, Color.WHITE, 30, 20, new Color(128,128,255), true));
tl.draw(g, (float)x, (float)y);
g.dispose();
display(im);
public static void display(BufferedImage image) {
JFrame f = new JFrame("WaterMark");
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
f.getContentPane().add(new JLabel(new ImageIcon(image)));
f.pack();
f.setLocationRelativeTo(null);
f.setVisible(true);
} -
How to project an image onto a background image?
Hi,
I am looking for help with projecting an image over another image.
I am looking for a similar effect to the image above where it looks like the image of the player as (physically) been projected onto the tunnel.
Looking closely at the detail of the image you can see that the projection adjusts to the contours of the tunnel i.e. over the framing. This is what I specifically need some help with. I know how to overlay an image onto another using different layers but it doesn't really give a three-dimensional perspective and looks rather flat.
Any help or advice would be greatly appreciated. Thanks
Ravi.Hi Ravi -
Could you post what you have done so far, and include your expanded layers panel? The source images would also be helpful, if possible!
One thing you could try is creating a Displacement Map of your background tunnel image and then wrapping your overlay image to it. The video tutorial below shows you how to do this:
Beside this, you might just have to spend time tweaking your image to create a realistic overlay. This includes adjusting lighting, but also distorting your overlay image. Have you tried using Edit > Transform > Perspective to align your image to the tunnel? The other Transform tools like Distort and Warp might also come in handy.
I'm looking forward to helping you with this effect!
Cheers,
Kendall -
How do I get my IPad 2 images onto a regular TV? I've got the converter plug for HDMI from the apple store and an HDMI cord, etc. I've plugged everything in and the TV recognizes a devise, but no images on TV...help!
Hey Anndog,
Thanks for the question. I understand you wish to connect your iPad 2 to an HDMI TV. The following article provides some great information on how to do this, along with troubleshooting information if you are experiencing issues:
iOS: About Apple Digital AV Adapters
http://support.apple.com/kb/HT4108
Thanks,
Matt M. -
How can I create a black and white image similar to what I see in the "Replace Color" tool?
Hi all, I'm just wondering how I can create a black and white image similar to what I see in the preview window of the "Replace Color" tool. See attached screenshot for clarification -- I need the grass to be black while the soil is white or vice versa. Any tips?
One way is to use Select>Color Range
Make a new Color Fill Layer>White
(Layer>New Fill Layer>Solid Color)
Put a new color fill layer below>black
Just invert the layer mask on the top fill layer for the opposite effect. -
How do you print one large image onto multiple smaller sheets?
For example, I want to print one 17x22-inch image onto 2, 8.5x11-inch sheets.
I think you have your calculations wrong. It would take four sheets of paper to have the same size image because you have to double in both directions. I think printing an image on multiple pages is a function of the printer. If your printer has that capability then the options will be in the printer driver. Otherwise, I guess you could try to create virtual copies and crop each one individually and print them and hope they match up.
My printer does not have that capability, so I'm not familiar with how it would work. But it might be necessary to print outside of Lightroom in order to me that feature function properly. If it sounds like I don't know what I'm talking about, that's probably because I don't, really. -
How do I copy one image onto another image?
How do I copy one image onto another image?
Lots of ways; Use the Place command to place a file in another. Open two files and drag one to the other's window tab, drag an image from bridge onto an open file. Open an image, press ctrl/cmd-A to select all, the ctrl/com-C to copy the image, the ctrl/cmd-V to paste it into another image.
Maybe you are looking for
-
My background color for all pages has changed to pink, how do I get it back to white?
The background color in all of my screens has switched to pink. How do I get it back to white? I wonder if it changed when I was shopping in a web site and had clicked on a pink watch(?)
-
Hi community, I set up search server 2010 express on a windows 2008 r2 server. The Adobe PDF iFilter 9 64 bit is installed and search is correctly configured to find PDF-files. When doing a search and clicking on a link of the result page, the PDF is
-
Hi... I am setting up a new MacBook Pro and I use Apple Mail just as I did on my old computer... I've imported the mail and tried to set the new one up like it is/was on the old. But something is different because every five minutes (or at least i
-
Can a FSDB repository reside on an Unix system?
Does the Network Path have to reside on a windows file server or can it exist on a unix system?
-
I want to turn my video on my Mac into a URL link to share via email
Just trying to share one of my videos via email. Would like to turn it into a URL link and send it,