How to make specific parts of an image shake/vibrate in CS5?

http://mothermonster.tumblr.com/post/2440088782/run-run-her-kiss-is-a-vampire-grin
I'm trying to make something along the lines of the link above.
Again, I'm new to Photoshop so I know this may be very easy to do.
All help would be appreciated it.

That's just an animated gif. Here's a tutorial on how to make them:
http://creativetechs.com/tipsblog/build-animated-gifs-in-photoshop/

Similar Messages

  • How to make a part of image have transitions on hover

    hey i wanna know how to make a part of a image have transitions when we hover on it like on my website :-perfectionunleashed.in i got this template from internet
    when i hover on second box "mission" comes with ease-in-out effect i cant get anything in my head while viewing source.
    will anybody view it by source and tell me how its done.

    CSS for "Coming Soon" buttons:
    .grad2 {
        display: block;
        width: 232px;
        height: 132px;
        text-indent: -99999px;
       background:url('images/grad2.png') right;
         opacity:0.0;
        -moz-transition: all 540ms ease-in-out 0s;
        transition: all 540ms ease-in-out 0s;
        -webkit-transition: all 540ms ease-in-out 0s;
    .grad2:hover {
        background:url("images/grad2.png") no-repeat scroll 0px 0px;
        box-shadow: 0px 0px 4pt rgba(0,0,0,0.9) inset;
        -moz-transition: all 540ms ease-in-out 0.0s;
        transition: all 540ms ease-in-out 0.0s;
        -webkit-transition: all 540ms ease-in-out 0.0s;
        opacity:1;
    .coming {
        display: block;
        width: 232px;
        height: 132px;
        text-indent: -99999px;
        background:url('images/grad_coming.png') left;
        opacity:0.0;
        -moz-transition: all 540ms ease-in-out 0s;
        transition: all 540ms ease-in-out 0s;
        -webkit-transition: all 540ms ease-in-out 0s;
    .coming:hover {
       background:url("images/grad_coming.png") no-repeat scroll -232px 0px;
        box-shadow: 0px 0px 4pt rgba(0,0,0,0.9) inset;
        -moz-transition: all 540ms ease-in-out 0s;
        transition: all 540ms ease-in-out 0s;
        -webkit-transition: all 540ms ease-in-out 0s;
        opacity:1;
    All buttons are inside a table.  This is the HTML for "Coming Soon."
    <td>
         <div class="grad2">
          <div class="coming">
         <a class="coming" href="http://perfectionunleashed.in/"></a>
         </div>
         </div>
    </td>
    Nancy O.

  • What's the easiest way to embed a video into a specific part of an image map?

    What's the easiest way to embed a video into a specific part of an image map?
    Anybody help? Is there a way to do this in Dreamweaver?

    One way would be to create your image map first. Then, use the CSS property position to position the div containing the video player relative to the image map or absolute to the page (depending on how your website layout is).
    Then, use an event listener (javascript) to enable the div holding the video player to show only when the specific area on the image map is clicked.

  • How to make Save/Part-Published to Save/Published in Template.

    Hi Experts.
    Can any body please let me know .How to make Save/Part-Published to Save/Published in Template (SE80-Publish Template).
    Thanks in advance.

    Hi Kvinai,
    Go to SE80 --> Utilites --> Settings --> Internet Transaction Server --> Publish --> On Selected site --> Make sure this is set to INTERNAL.
    Then right click the service name --> Publish --> Complete Service.
    Thanks - Matt

  • How to make some part of front panel transparent?

    There is a property node to make a front panel completly transparent...but is there anything that only makes some part of the vi transparent like if I define a decorative block in the vi which takes 1 quardant of front panel and I have a control to make it transparent during runtime...
    And moreover the frontpanel transparent property makes the whole window transparent, is there any way to retain toolbar of window like stop, run button when front panel is transparent??

    Hi,
    Have a look at this VI (attached). To make it work you need to create an image mask as a .png (open paint, colour in the areas that you want to become invisible and save it as a .png). The VI diffentiates between white areas and black areas of the mask you create, the black areas will become transparent and the white areas will remain the same- this will be implemented on your front panel. I've included an example of a possible paint image in "mask2.png".
    You may also want to play around with the resolution of the mask created in paint, this will effect how the program works (I advise you use a lower resolution than your display- I used 500x300)
    NT: If the front panel controls disappear, go into the block diagram window and attach a false constant instead of a control. Let me know if this works
    Cheers, Tom
    Attachments:
    custom window.zip ‏107 KB

  • How to make white part of gif file transparent?

    I have an icon and I would like to change the color of its white part by changing the background color. If I could set the white part to be transparent I could do this. Any ideas how this can be done?

    If you know Adobe Photoshop or Macromedia Fireworks or somethin like that, you can do it easily just by deleting the parts of the image which you don't want. By default it will make those parts transparent. Remember this can only be possible in GIF format.
    For a new image just open a new file in PhotoShop, there you will get options for the color of background, set it to transparent and start drwing in the area. The parts on which you won't make any drawing will be transparent.
    Note: Don't try to fill transparent areas with white, as it will loose its transparency.
    [email protected]

  • How to display different parts of an image

    hi,
    I need to display different parts of an image at specific situations.
    for example, a dice. there is only one image which includes different sides of the dice. and I wanna add
    to my panel one side if one comes, two side if two comes... I mean if one comes then we will display
    from 10 px to 80 px width and from 10 px to 80 px height of the dice image.
    is there any way to obtain this in java?
    thanks...

    import java.awt.*;
    import java.awt.font.*;
    import java.awt.geom.*;
    import java.awt.image.BufferedImage;
    import java.util.Random;
    import javax.swing.*;
    public class ImageClipping extends JPanel {
        BufferedImage image;
        Rectangle clip;
        final int ROWS = 3;
        final int COLS = 3;
        public ImageClipping() {
            // Make an image we can clip.
            Dimension d = getPreferredSize();
            int type = BufferedImage.TYPE_INT_RGB;
            image = new BufferedImage(d.width, d.height, type);
            Graphics2D g2 = image.createGraphics();
            g2.setBackground(getBackground());
            g2.clearRect(0, 0, d.width, d.height);
            Font font = g2.getFont().deriveFont(36f);
            g2.setFont(font);
            FontRenderContext frc = g2.getFontRenderContext();
            LineMetrics lm = font.getLineMetrics("0", frc);
            float sh = lm.getAscent() + lm.getDescent();
            int xInc = d.width/COLS;
            int yInc = d.height/ROWS;
            for(int j = 0; j < ROWS; j++) {
                for(int k = 0; k < COLS; k++) {
                    String s = String.valueOf(j*COLS + k+1);
                    float sw = (float)font.getStringBounds(s, frc).getWidth();
                    float sx = k*xInc + (xInc - sw)/2;
                    float sy = j*yInc + (yInc + sh)/2 - lm.getDescent();
                    g2.setPaint(Color.red);
                    g2.drawString(s, sx, sy);
                    g2.setPaint(Color.blue);
                    g2.drawRect(k*xInc, j*yInc, xInc-1, yInc-1);
            g2.dispose();
            clip = new Rectangle(xInc, yInc);
            // Inspect image.
            ImageIcon icon = new ImageIcon(image);
            JOptionPane.showMessageDialog(null, icon, "", -1);
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2 = (Graphics2D)g;
            g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                                RenderingHints.VALUE_ANTIALIAS_ON);
            Shape origClip = g2.getClip();
            //g2.setPaint(Color.red);
            //g2.draw(clip);
            // Draw clipped image at:
            int x = 100;
            int y = 100;
            // Mark location.
            g2.setPaint(Color.red);
            g2.fill(new Ellipse2D.Double(x-2,y-2,4,4));
            // Position the image.
            g2.translate(x-clip.x, y-clip.y);
            // Clip it and draw.
            g2.setClip(clip);
            g2.drawImage(image,0,0,this);
            // Reverse the changes to the graphics context.
            g2.setClip(origClip);
            g2.translate(clip.x-x, clip.y-y);
        public Dimension getPreferredSize() {
            return new Dimension(400,400);
        public static void main(String[] args) {
            ImageClipping test = new ImageClipping();
            JFrame f = new JFrame();
            f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            f.add(test);
            f.pack();
            f.setLocation(50,50);
            f.setVisible(true);
            test.start();
        private void start() {
            Thread thread = new Thread(runner);
            thread.setPriority(Thread.NORM_PRIORITY);
            thread.start();
        private Runnable runner = new Runnable() {
            Random seed = new Random();
            Dimension d = getPreferredSize();
            int xInc = d.width/COLS;
            int yInc = d.height/ROWS;
            public void run() {
                do {
                    try {
                        Thread.sleep(3000);
                    } catch(InterruptedException e) {
                        break;
                    int row = seed.nextInt(ROWS);
                    int col = seed.nextInt(COLS);
                    int x = col*xInc;
                    int y = row*yInc;
                    int n = row*COLS + col+1;
                    System.out.printf("row = %d  col = %d  n = %d%n",
                                       row, col, n);
                    clip.setLocation(x,y);
                    repaint();
                } while(isVisible());
    }

  • How to make only part of a PDF document editable?

    I'm looking to see if there is a way to make only part of a PDF document editable. My problem is, I have pieces of collateral that some of our channel partners need to be able to add their logo to and then edit the contact information on them, but we don't want them to be able to change any of the main copy on these documents. The only thing I've been able to come up with as a solution is to create outlines of the text that I don't want editable, but I need the copy to be able to be read by computer systems for disability purposes. Does anyone have any ideas on something I could do for this? Or has anyone dealt with anything like this? Any help would be greatly appreciated!

    Hi vward26,
    You can use Acrobat to make only part of a PDF document editable.
    Kindly refer this FAQ:http://tv.adobe.com/watch/acrobat-x-tips-tricks/how-to-convert-just-part-of-a-pdf-file/
    Regards,
    Florence

  • How to make a link to an image in flash?

    Hi,
    I´m new in Flash CS3 and I´m trying to get some
    answers to my problem.. The question is
    that how do I create a link to an image in flash??
    I know how to make a link to a text field but I really
    don´t know how this could get working properly.. :/

    Link to an external URL image? In AS 2 the code is
    'getURL("putaddresshere")' and in AS 3 it's 'navigateToURL("")' ...
    If it's a simple image, it's easier just to import it to the
    stage, save it as a symbol, put it in a timeline frame and then
    code your link so on click or rollover it goes
    'gotoAndPlay(framenumber)'.

  • How to clone one part of an image into another

    Is it possible in Aperture to clone one part of an image into another or as in windows fuse the photos together?
    Thanks

    This points directly to the difference between a digital image conversion and development program, and a graphics program.
    Development programs' tools adjust the color and luminance information in each pixel.  They do not (mostly) add any information to the pixels or to the image.
    Graphics programs are built around adding information to images (or blank canvases).  Rectangles, circles, text, other images -- these are all graphics elements which are combined to make a new image.
    Aperture is the former (and also a superb digital asset manager).
    The generalized workflow is this:
    Capture information using a digital camera
    Optimize that information (make the picture as good as possible) using an image development program
    Combine pictures and graphics elements to make new graphics using a graphics program
    There are many excellent graphics programs.  Photoshop is the best known and most used.

  • How to make the mask of an image

    I want to make the mask of an image by converting all non-white pixels of the image into black and leaving the white pixels unchanged. How to do this in Photoshop?
    Thanks.

    One method among many:
    Use the magic wand tool with 'Contiguous' unchecked. Select one of the white areas. You will probably have to play with the Tolerance setting until you get only the pixels you want.
    Next use Select > Inverse and you will have all the non-white pixels selected. From there you can edit in Quick Mask mode or make an Alpha Channel. Or even just Edit > Fill and select black for the fill at that point (if I understand what you're trying to do).
    Hope this helps.
    OldBob

  • How to make rounded corners of the image?

    Hi,
    I have arbitrary images which i need to change in the following way.
    1. Make the corners of the images a little bit rounded
    2. Pixels must be transparent such that the background can be seen.
    Thanks.

    import java.awt.*;
    import java.awt.geom.RoundRectangle2D;
    import java.awt.image.BufferedImage;
    import java.io.*;
    import javax.imageio.ImageIO;
    import javax.swing.*;
    public class RoundingImages extends JPanel {
        BufferedImage image;
        RoundingImages(BufferedImage src) {
            image = roundCorners(src, 50);
        private BufferedImage roundCorners(BufferedImage src, int r) {
            int w = src.getWidth();
            int h = src.getHeight();
            int type = BufferedImage.TYPE_INT_ARGB;
            BufferedImage dst = new BufferedImage(w, h, type);
            Graphics2D g2 = dst.createGraphics();
            RoundRectangle2D r2 = new RoundRectangle2D.Double(0,0,w,h,r,r);
            g2.setClip(r2);
            g2.drawImage(src, 0, 0, this);
            g2.dispose();
            return dst;
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            int x = (getWidth() - image.getWidth())/2;
            int y = (getHeight() - image.getHeight())/2;
            g.drawImage(image, x, y, this);
        public static void main(String[] args) throws IOException {
            String path = "images/cougar.jpg";
            BufferedImage image = ImageIO.read(new File(path));
            RoundingImages test = new RoundingImages(image);
            JFrame f = new JFrame();
            f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            f.getContentPane().add(test);
            f.setSize(400,400);
            f.setLocation(200,200);
            f.setVisible(true);
    }

  • How to make picture part of Excel and have siena take that image?

    Hi,
    I've got a gallery which is taking information from my excel sheet. It a name and picture column. For each name, I had image URL which directed to my pictures folder. (C:\C:\Users\exampleuser\Pictures\...).
    This worked really well. But I recently tried to publish the program and ran it on my windows RT tablet to see how it looks - and the pictures are all missing. I realize this is because on the excel sheet refers to pictures that aren't there on the tablet,
    but are there on the PC.
    I've tried embedding the images themselves into cells but Siena doesn't take the picture.
    Is there any other way this will work? Preferably, I would like the image not to be directed to any online links.
    Thanks in advanced,
    RT-XD

    Hi RT-XD,
    When you were publishing the app, did we ensure that "Download and include images, video and other media from Excel and SharePoint" was checked with the picture column as the path to the image on the file system? Siena should download the resources
    specified in the Excel document and package with you app.

  • How to zoom into a specific part of an image?

    I am trying to mess around with2DGraphics and affinetramsform to zoom into a section of an image but i have no luck doing it. Can someone help me out? Lets say I want to zoom into the coordinates (200,300) and (400,600) . I know DrawImage has a method that does this but does 2DGraphics have it too or affinetransform? I havent see anything like it yet. thanks

    you could check this
    http://www.javareference.com/jrexamples/viewexample.jsp?id=84
    it may help you

  • How to have 2DGraphics zoom into a specific part of an image?

    I am trying to mess around with2DGraphics and affinetramsform to zoom into a section of an image but i have no luck doing it. Can someone help me out? Lets say I want to zoom into the coordinates (200,300) and (400,600) . I know DrawImage has a method that does this but does 2DGraphics have it too or affinetransform? I havent see anything like it yet. thanks

    import java.awt.*;
    import java.awt.event.*;
    import java.awt.geom.AffineTransform;
    import java.awt.image.BufferedImage;
    import java.io.*;
    import javax.imageio.ImageIO;
    import javax.swing.*;
    import javax.swing.event.*;
    public class ZoomIt extends JPanel {
        BufferedImage image;
        Dimension size;
        Rectangle clip;
        AffineTransform at = new AffineTransform();
        public ZoomIt(BufferedImage image) {
            this.image = image;
            size = new Dimension(image.getWidth(), image.getHeight());
            clip = new Rectangle(100,100,200,200);
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2 = (Graphics2D)g;
            g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                                RenderingHints.VALUE_ANTIALIAS_ON);
            g2.drawRenderedImage(image, at);
            g2.setColor(Color.red);
            g2.draw(clip);
            //g2.setPaint(Color.blue);
            //g2.draw(at.createTransformedShape(clip));
        public Dimension getPreferredSize() {
            return size;
        private void zoomToClip() {
            // Viewport size.
            Dimension viewSize = ((JViewport)getParent()).getExtentSize();
            // Component dimensions.
            int w = getWidth();
            int h = getHeight();
            // Scale the clip to fit the viewport.
            double xScale = (double)viewSize.width/clip.width;
            double yScale = (double)viewSize.height/clip.height;
            double scale = Math.min(xScale, yScale);
            at.setToScale(scale, scale);
            size.width = (int)(scale*size.width);
            size.height = (int)(scale*size.height);
            revalidate();
        private void reset() {
            at.setToIdentity();
            size.setSize(image.getWidth(), image.getHeight());
            revalidate();
        private JPanel getControlPanel() {
            JPanel panel = new JPanel(new GridBagLayout());
            GridBagConstraints gbc = new GridBagConstraints();
            gbc.weightx = 1.0;
            gbc.fill = GridBagConstraints.HORIZONTAL;
            gbc.gridwidth = GridBagConstraints.REMAINDER;
            panel.add(getZoomControls(), gbc);
            panel.add(getClipControls(), gbc);
            return panel;
        private JPanel getZoomControls() {
            final JButton zoom = new JButton("zoom");
            final JButton reset = new JButton("reset");
            ActionListener al = new ActionListener() {
                public void actionPerformed(ActionEvent e) {
                    JButton button = (JButton)e.getSource();
                    if(button == zoom)
                        zoomToClip();
                    if(button == reset)
                        reset();
                    repaint();
            zoom.addActionListener(al);
            reset.addActionListener(al);
            JPanel panel = new JPanel();
            panel.add(zoom);
            panel.add(reset);
            return panel;
        private JPanel getClipControls() {
            int w = size.width;
            int h = size.height;
            SpinnerNumberModel xModel = new SpinnerNumberModel(100, 0, w/2, 1);
            final JSpinner xSpinner = new JSpinner(xModel);
            SpinnerNumberModel yModel = new SpinnerNumberModel(100, 0, h/2, 1);
            final JSpinner ySpinner = new JSpinner(yModel);
            SpinnerNumberModel wModel = new SpinnerNumberModel(200, 0, w, 1);
            final JSpinner wSpinner = new JSpinner(wModel);
            SpinnerNumberModel hModel = new SpinnerNumberModel(200, 0, h, 1);
            final JSpinner hSpinner = new JSpinner(hModel);
            ChangeListener cl = new ChangeListener() {
                public void stateChanged(ChangeEvent e) {
                    JSpinner spinner = (JSpinner)e.getSource();
                    int value = ((Integer)spinner.getValue()).intValue();
                    if(spinner == xSpinner)
                        clip.x = value;
                    if(spinner == ySpinner)
                        clip.y = value;
                    if(spinner == wSpinner)
                        clip.width = value;
                    if(spinner == hSpinner)
                        clip.height = value;
                    repaint();
            JPanel panel = new JPanel(new GridBagLayout());
            GridBagConstraints gbc = new GridBagConstraints();
            gbc.insets = new Insets(2,2,2,2);
            gbc.weightx = 1.0;
            addComponents(new JLabel("x"),      xSpinner, panel, gbc, cl);
            addComponents(new JLabel("y"),      ySpinner, panel, gbc, cl);
            addComponents(new JLabel("width"),  wSpinner, panel, gbc, cl);
            addComponents(new JLabel("height"), hSpinner, panel, gbc, cl);
            return panel;
        private void addComponents(Component c1, JSpinner s, Container c,
                                   GridBagConstraints gbc, ChangeListener cl) {
            gbc.anchor = GridBagConstraints.EAST;
            c.add(c1, gbc);
            gbc.anchor = GridBagConstraints.WEST;
            c.add(s, gbc);
            s.addChangeListener(cl);
        public static void main(String[] args) throws IOException {
            String path = "images/owls.jpg";
            BufferedImage image = ImageIO.read(new File(path));
            ZoomIt test = new ZoomIt(image);
            JFrame f = new JFrame();
            f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            f.getContentPane().add(new JScrollPane(test));
            f.getContentPane().add(test.getControlPanel(), "Last");
            f.pack();
            f.setLocationRelativeTo(null);
            f.setVisible(true);
    }

Maybe you are looking for