Fading 2 Images Together

Hi,
I am new to photoshop and have searched the forum for the solution and google, but am still pulling my hair out over something that I am sure is so, so simple.
I am trying to merge two images so the appear to melt and fade in to one another for a Christmas promotion banner.
The canvas size is 160(w) x 600(h)
Layer one has an image on it of 160 x 160
Layer two has an image in it of 160 x 440
How to I get the two to appear to merge together?
Thanks for any help

Ok looking at those two images its probably more a transparency fade that you are looking for. Learn about layer masks and the gradient tool.
There is also a new function called auto-blend layers - this is under the Edit Menu. You need to select both layers to be merged in your layers panel. In your example this will cause nasty color shifts, but will produce a seemless transition.
In both cases I have mentioned above, you will need some overlap between the two layers.
Don't know if that guys crotch really says "Happy Christmas" to me. More "welcome to the world of gay porn"

Similar Messages

Fading images slideshow

I am looking to create a fading image slideshow to use in Dreamweaver. I created in flash but having problems viewing in internet explorer. Wanted to know if there was an easier way to do this.

Yes.
Flash is a very bad idea on the web because the world's most popular mobile & tablet devices don't support it. And for those that do, Flash makes mobile device batteries run down in seconds rather than minues.   So don't use Flash.
Cycle2 is a nice jQuery fading slideshow that's very easy to implement and works in X-browsers.
Simply copy & paste the following code into a new, blank document. SaveAs test.html. Change images to your own.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 document with Cycle2</title>

<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
.cycle-slideshow, .cycle-slideshow{
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0 auto;
width:45%; /**adjust width as required**/
.cycle-slideshow img {width: 100%;}
</style>
</head>
<body>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Slideshow</h1>

<div class="cycle-slideshow"
    data-cycle-pause-on-hover="true"
    data-cycle-speed="700"
>

<img src="http://malsup.github.com/images/beach1.jpg" data-cycle-title="beach1">
<img src="http://malsup.github.com/images/beach2.jpg" data-cycle-title="beach2">
<img src="http://malsup.github.com/images/beach3.jpg" data-cycle-title="beach3">
<img src="http://malsup.github.com/images/beach4.jpg" data-cycle-title="beach4">
<img src="http://malsup.github.com/images/beach9.jpg" data-cycle-title="beach9">

</div>
</body>
</html>
Nancy O.

CS4 shows faded image in monitor compared to what LR & Bridge shows.

I processed Canon RAW files using LR 2.3, generate jpeg files and view these Jpeg files in Bridge CS4. Both LR and Bridge shows brilliant colors, but when I open the same files in Photoshop CS4. the images looks faded. Of course, I view the images on the same monitor and even put them side by side. This is the first time I have encountered such situation. I printed some images and they are very close to what LR and Bridge shows. Both LR and PS have Adobe 1998 as color space. I have attached a screen shot of the same file side by side. First in LR, then Bridge and last PS. Although the files prints with very good colors as seen in LR or Bridge, it is unsettling to see faded images in PS, especially when the images will be part of a composite or layout.
Any help would be greatly appreciated. Additional info: Canon 40D, LR 2.3, CS4 V11.01, 24 inch iMac.

My guess is that PS color managememnt is set up incorrectly. For example, it may be set to ignore profiles embedded into images or the "desaturate monitor color got checked by accident". Look at the screenshot attached and tell us how is it different from your set up (except for the RGB working space).
Also, make sure Soft Proofing is not turned on in PS.

Stitching multi layered images together?

Is there a way to stitch multiple multi-layer files together?
I'm using Cinema4D render passes and it puts all the image passes (reflectivity, ambient, specular, etc) into separate layers for easy manipulation. However, I'm using a tile camera that splits the image into quadrants for faster network rendering. The downside is that it doesn't re-assemble the images back together.
Is there a way for Photoshop to glue multi layered images together?

I have not tried to do this. As Mark stated flatten them first save a copy and merge those.
Although you could try and report back. Keep in mind that Photoshop needs some overlap to stitch images together. If its just sliced into 4 quadrants just make a Blank file the correct size and dupe all layers and point them at the new file.

Joining 2 ends of the image together

How can i join 2 images together in flash? or is there any
website that teaches this?
eg. i have a resistor and a wire and i want one end of the
resistor and the other end of the wire to be join together when i
click on both ends of the component.
Thanks.

Hi LDK,
You can click here to go to a another post that has a link to the user manual. It will give you all the options and show you the full capabilities of your printer.
If I helped you at all it would be great if you clicked the blue kudos star!
If I solved your post please mark it as solved to help others.
I'm a printer tech with HP.

Join two images together in PS7.

Hi folks I am exasperated by PS 7 again.
Someone has emailed me an old document in two sections (JPGs) and I want to "knit" them together again to make one document (JPG).
I've spent ages in PS7 trying to do this, to no avail.
Help, please?

Hey guys I am back!
The first time I knitted two images together it worked perfectly. However when I tried it again it did not work.
What happened....I used Curt's method and expanded the canvas then copied and pasted the second image in to it, the same as before. However, THIS time image 2 overlapped image 1 and there appears to be no way of dragging it downwards when that happens.

Stitching Images Together - Panoramic Views

Hi, I would be very grateful for any advice on whether or not
FW8 can be used to 'stitch' several images together to generate a
panoramic view. ...or is there a goog FW Extension that can do the
same? Best wishes, Simon

Photoshop CS4 does this exceptionally well, and all but
automatically,
if you have access to it.
Derren.
PJR wrote:
> Not that I know of. You could do it by hand but probably
better off with a
> third party app like...
>
>
http://www.panavue.com/index.htm
and there are a bunch of others if you
> search.
>
> Peter
> __________________
> "Simon RCL" <[email protected]> wrote
in message
> news:gg3cc9$n4o$[email protected]..
> | Hi, I would be very grateful for any advice on whether
or not FW8 can be
> used
> | to 'stitch' several images together to generate a
panoramic view. ...or
> is
> | there a goog FW Extension that can do the same? Best
wishes, Simon

How to create smoking fading image?

does anyone know how i can create this effect? A smoking fading image.

No, I haven't. I got this image by link by a friend. He was also trying to achieve this effect, but without much result...
But i can't find the tutorial back on the site. It's form photoshoptutorials.ws
You got the link of that tutorial perhaps? Or some tutorials like that...
Thanks!

Slideshow with Fading Images

Is there a tutorial around on creating a slideshow with
fading images. I want to drop my images into a folder. 01.jpg,
02.jpg etc. and then have an actionscript automatically fade them
in and out.
Does someone know how to do this dynamically. I know it can
be done. I want all of the .jpg images to reside in a folder and
then I want the images to load and play automatically using an .XML
file.
Thanks

I would do it with this code:
on frame 1:
mc = function() {
num = (Math.round(Math.random()*27));
//----------------------------------------- 27 being the
number of images i have (name them from 0.jpg to 26.jpg
totalfilename = num + ".jpg";
_root.picLoader.loadMovie("
http://www.yoursite/yourimageFolder/"
+ totalfilename);
//----------------------------------------picLoader being my
empty movie clip where the pictures are loaded
mc();
clearInterval(mc.intID);
mc.intID = setInterval(mc, 20000);
// ----------------------------------------------- every 20
sec the picture will change randomly
then on the emptyMovieClip ad this code:
// this will fade the image in
onClipEvent (load)
this._alpha = 0;
onClipEvent (enterFrame)
if (this._alpha < 100)
this._alpha = this._alpha + 5;
} // end if
if (this._alpha >= 100)
this._alpha = 100;
} // end if
I hop this helped

Text and some images together in a scrolling effect

Hi.
All the tutorials I find about scrolling effects are just with simple text. And all the tutorials about images don't say anything about applying it together with text.
I have a rather simple scrolling credits at the end of my video and wanted to have three or four logos at the end. (I'd do anything for the sponsors hehe).
The only way I could find to do this is to have two different scrolling effects to each individual image and another one for the text and move them back and forth until they fit. Even harder is to make them scroll at the same speed. Right now I've got one logo at the right speed, making them all do that will take hours.
Does anyone know an easier way? How can I add the images into the text?

Do you have Photoshop?
Start with one of the video presets in PS that has the same pixel dimesions as your video footage.
Make sure it is transparent.
Add a New Layer and color it black with Shift F5 - this is only temporary to help you see the text while you compose it.
Add a new text layer. Type your titles. When you need more space extend the lower part of the PS canvas: Image > Canvas Size. Repeat this as often as you need.
Paste your logos.
When you are done, go to the black layer and delete it.
Go to Layers > Merge Visible.
Save as a TIFF with the Preserve Transparency option checked on.
Import into FCP (or FCE), make it as long as you need and superimpose on your background.
Double click to place in the Viewer and set the scale to 100%.
Use the position contols to move your titles up the screen. Render.

Problem with fading images in/out

I have a product demo that runs from an XML feed. Text is
defined in the XML as are links to external images. When an image
loads it is set to alpha 0 and then fades up to 100 whilst also
changing from blurred to a crisp image using a blur filter.
When I publish the file and preview it there are horizontal
lines of white pixels that that flicker across the image like
interference as it is fading in. Once the fade is done the
interference stops but any visible bits of it stay on screen.
If I run the generated SWF in a browser this does not happen
and so I didnt worry about it. Now though, I am trying to output
the demo as a video clip to run from a DVD. I am using
File>Export>Export Movie and this picks up the interference
as well.
I have tried various compression setting with no luck and am
thinking I might have to use some third party screen capture
software (camtasia?) instead.
Any thoughts?
Cheers all

hi Markus,
found the following in DB:
"Problem Description:
I have my SCC configured with a LabVIEW perforce client. If I open the VI \examples\comm\access.llb\Retrieving Data from Access.vi and then from its block diagram open the subVI with a icons that says "2", then modify the sub VI, I don't get prompted to check the sub VI out. Howewver, if I close everything down and open the Part 2.vi from the GSW, then it does prompt for check out when I edit it.
Steps to Reproduce:
Make sure the prompt to check out SCC config option is set. 1. Launch LV. 2. Create a new project. 3. Add a VI to the project that is in SCC (not checked out) AND has a subVI that is also in SCC (and not checked out). 4. Open the VI from the project. 5. Go to the block diagram of the VI and open the subVI. 6. Edit the subVI. No prompt to check out is presented.
Workaround:
1. Explicityly add the subVI as an item under source. 2. Refresh the dependencies node after adding the main VI."
furthermore I found this link but I don't know if this will help...
greets!

Iphoto facebook exporter - faded images

Hi can anyone help me with my problem? Ive been using the iphoto facebook explorer for ages, but all of a sudden it is uploading my images with the colours very faded to facebook.
Ive uninstalled and reinstalled - done the lastest iphoto upgrades..
any other ideas?
Thanks!!

Looks like you still don't get it. Normally if we upload photos using Facebook Exporter for iPhoto, the images would still retain the 'colour information' but obviously lose some quality (like size, clarity, etc.) but the COLOUR stays, thus the photo will look similar to the one we have in iPhoto.
Meanwhile, uploading manually using the default Facebook photo uploader will result in the stripping of colour information, so basically before this problem happened, photos uploaded using this method will look a little faded in color and of course crappier than using the iPhoto. However, most Mac user might not realize this fact since they have been uploading photos to Facebook using iPhoto.
And the problem we're having right now is uploading using iPhoto actually results in really crappier images than using default method. The colour information is no longer retained, the colour looks 'faded', desaturated, less contrast. It's so bad, that people who normally use iPhoto to upload would realise a huge difference. This is a fact, the discussions page for the Facebook Exporter for iPhoto is full of people complaining about this. It's not about why should we care about photo quality in Facebook, it's about why this problem happened. And so far no one has come up with any solutions, and neither Apple nor Facebook has responded.

Masking a fading image

I hope someone can help me with my project. I'm learning
flash but still labeled as a newbie. I'm not sure if this effect is
even possible but I will ask. The problem is I created a flash
movie with a matrix style text effect that scrolls down the page. I
also created a jpeg involving basic random #s (0s and 1s) that
cover the entire page. All I intend to do is have the matix code
animation running in the foreground while the movement of the mouse
reveals the jpeg #s page in the form of a small radius around the
mouse (the mouse still has to be showing). This is the tricky part
that I cannot find anywhere, I need that mask effect to show at a
fading pace. If the mouse moves over a certain portionof the
background jpeg, that portion will show as soon as the mouse is
hovered over it at 100% but start to fade. The fading has to be at
a constant pace (say an overall period of 2 seconds), but the
revealing effect has to be only when the mouse moves.
I'm not even sure how to implement the masking part of this
because the origonal flash movie project is over 15 layers by
itself. Another problem I may see coming is whether I could even
used my finished flash project as a background in an html page. I
will create the page using dreamweaver mx and already created the
origonal flash movie with flash mx.
Any help will be greatly appreciated. Thanks.
Joe

Your basic issue is getting HTML to appear over top of an
embedded SWF. If you want to make the SWF literally a background
image like using the CSS rule "background," that is not possible.
If, however, you just need some piece of HTML to appear over top of
a Flash movie(common need is a drop down menu -- like adobe.com
homepage), then there are workarounds, but they are not fun and not
always reliable:
http://www.google.com/search?q=html+over+flash&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-U S:official&client=firefox-a

Bringing in Multiple Images Together?

Hi everybody. Is there any way of bringing in multiple images at the same time into a HTML page in Dreamweaver? I am trying to place about 70 small thumb nails on the same page. At the moment I have to bring them all in, one at a time, which takes forever! If you could just select a folder and bring all the images in that folder in to your page together, ordered as they are in the folder that would be a lot quicker. Thanks for your help.

Copy & paste this code into a new, blank document. SaveAs gallery_test.php. Change php code to point to your Gallery/thumbs and Gallery/slides. If you don't have a local testing server, upload to your remote site to test.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document</title>


<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<style>
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
body {
    margin: 0;
    padding: 0;
    background: #08035F;
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-siz: 100%;
#wrapper {
    width: 1000px; /**adjust width in px or %**/
    margin: 0 auto; /**with width, this is centered**/
header {
    background: #355DA0;
    width: 100%;
    margin: 0 auto;
    color: #FFF;
#inner_wrapper {
    background: #CCC7B3;
    overflow: hidden; /**float containment**/
aside {
    float: left;
    width: 14%;
section {
    background: #FFF;
    width: 72%;
    float: left;
    margin: 0 auto;
/**Begin image gallery styles**/
.thumbs { /*divs that hold gallery pictures*/
    float: left;
    margin: 0.5%; /*space between thumbnails*/
    border: 1px dotted #CCC;
    /**same size images**/
    width: 135px;
    height: 99px;
    opacity: .70
.thumbs a { /* in every .thumbs div there is a hyperlink exactly the size of the container */
    width: 135px;
    height: 99px;
    text-indent: -99999px; /*move text links off screen*/
    display: block;
    outline: none;
/**on mouse over**/
.thumbs:hover { opacity: 1.0 }
/**end gallery styles**/
footer {
    clear: both;
    background: #222;
    width: 100%;
    color: #FFF;
    margin: 0 auto
</style>
</head>
<body>
<div id="wrapper">
<header> <h1>Header</h1>
<nav>Navigtion</nav>
</header>
<div id="inner_wrapper">
<aside> LEFT ASIDE </aside>
<section> <h2>Dynamic Thumbnails go here</h2>
<?php
$directory = 'GALLERY/thumbs'; //path to your thumbnails
$link = 'GALLERY/slides'; //path to your full-sized images
$allowed_types = array('jpg','jpeg','gif','png');
$aFiles = array();
$dir_handle = @opendir($directory) or die("There is an error with your image directory!");
while ($file = readdir($dir_handle)) //traverse through files
if($file=='.' || $file == '..') continue; //skip links to parent directories
$file_parts = explode('.',$file); //split filenames and put each part in an array
$ext = strtolower(array_pop($file_parts)); //last element is the file extension
$title = implode('.',$file_parts); //what's left is the filename
if(in_array($ext,$allowed_types))
$aFiles[] = $file; //filename array
closedir($dir_handle); //close directory
natsort($aFiles); // natural sort by filename 01, 02, 10, 20
$i=0;
foreach ($aFiles as $file) {
$file_parts = explode('.',$file); //split filenames and put each part in an array
$ext = strtolower(array_pop($file_parts)); //last element is the file extension
$title = implode('.',$file_parts); //what's left is the filename
$title = htmlspecialchars($title); //make it html-safe
echo '<div class="thumbs" style="background:url('.$directory.'/'.$file.') no-repeat 50% 50%">
<a class="fancybox" data-fancybox-group="gallery" href="GALLERY/slides/'.$file.'" title="'.$title.'">'.$title.'</a>
</div>';
$i++; //increment the image counter
?>

</section>
<aside> RIGHT ASIDE </aside>
</div>
<footer>Footer</footer>
</div>

<script>
$(document).ready(function() {
    $('.fancybox').fancybox();
</script>
</body>
</html>
Nancy O.

How do you automatically stick images together without merging?

I have to make an animation for a game, and I have to put a large numer of images exactly next to eachother in a line. This takes a lot of time to do by hand. Is there a way (or software) to do this automatically?
Thanx!
-x-

You might try Adobe Bridge. I used it once just to get the job done. Use the OUTPUT panel (Window/Workspace/Output) and play around with creating a .pdf (contact sheet in a way). You can select the images you want, adjust the page size (you may have to do some math here or just create it large enough to accomodate your images - trial-n-error), then adjust the layout dimensions in order for all the images to be placed against each other, and so on. Once the .pdf is created, you can always open this .pdf in Photoshop and crop accordingly and export as whatever file type you need. This may be pretty time consuming, but it all depends on your intended purpose.

Fading 2 Images Together

Similar Messages

Maybe you are looking for