How to Add Text in an Image?

How to add text in an mage so it look like this.

 

You could either make the text part of the image using Photoshop, or position the text absolute over the image using CSS.

A rough example would be like this, which you'll need to customize as per your design:

<div class="box">
<img src="">
<p></p>
</div>

HTML:

.box {
  width: 300px;
  height: 300px;
  position: relative;
}

.box img {
  display: block;
  width: 300px;
  height: 300px;
}

.box p {
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 1;
  width: 100%;
  text-align: center;
}

Code (CSS):

 

Use the text tool which has the keyboard shortcut "t". From there go into the character tab and customize the font and look of the text.

 

its very simple just select type tool from toolbar on photoshop. at the same time you should select appropriate color and font. remember that dont rustrize the layer before final coustomization. if you do that you cant add or remove words from the layer.

 

Don't make it so complex.
Take image, and work on Photoshop.
Directly add text into image. So there is no need to load more CSS for this purpose.

 

html is great way,another option is http://pixlr.com/express/ upload your image here and write text as you want.

 

hope it helps

 

I think you should not make it too hard to add text in an image. As i think Photoshop is the best way to add text in an image. So go with this.
Enjoy designing.............

 

I will guide you to follow these steps to add text in an image.I hope after using it you get your answer.Just goon this link,http://www.wikihow.com/Add-Text-to-an-Image-in-Adobe-Photoshop.

 

more tutorials -https://plus.google.com/u/0/109655349939936636778/posts/fefijde3LHg

 

If you don't own Photoshop, you can download Paint.Net from GetPaint.Net it will let you do the same things and is 100% free.

I suggest adding a layer and applying your text in the new layer so you can adjust transparency and use other effects without affecting the underlying image.

There are thousands of tutorials on YouTube to help you learn how to use Paint.Net, plus a ton of free plugins that allow you to do most tasks you can do in Photoshop.

 

Depending on which Microsoft Office program you are using, you can add text on top of a photo using either WordArt or by drawing a text box and then typing text. You can move the WordArt or text box over your photo and then, depending on which Microsoft Office program you're using, rotate the text to best fit your photo.

 

it,s very esy Depending on which work on Photoshop Directly add text into image. So there is no need to load more purpose.

 

it's very simple ..i think this video can help

 

Select the Type tool from the tools palette. It looks like a "T." Keep the tool button pressed and choose from the following options from the pop-up menu. Click on the part of your image where you want to add text in Photoshop. Pick 1 of the corners of the text box that you have created and drag it up and down or sideways until the box is approximately the same size as the text that you want to put in it.

 

its all about font style and colors, download fonts that you want then add them on photoshop and after that open and image and use your text tool to add the text and choose your preferred colors

 

Open the file, click the text tool (the 'T' on the tool palette). Now the cursor will be a little vertical line. Click on the photo where you want the type and start typing. This will add a layer in the layers palette. If you want to move the type you just created, click the arrow in the upper right of the tool palette, go back to the photo and move the type to where you want it. If you want to edit the type, click the 'T' took again and click on the type and edit at will.

 

Guys, your decisions are helpful but so complex... There are dozens of nice online services for those purposes, here is one of them (very easy) http://picfont.com

 

If you are using Windows OS then you can add TEXT to any Image in M.S Paint, or if you want some effects like Shine & Shadow etc. then I would suggest you to use Adobe Photoshop (any version ; Latest is CC).

> Open the Image in Photoshop.
> Choost "Text Tool" from toolbar on left of screen with icon "T". (Shortcut key to select this very tool is "T").
> Take Mouse cursor to the place where you want your text and type anything you want. After entering text press CTRL + ENTER keys to come out of Type tool.
> If you want to resize the entered text then press CTRL + T (Free Transform) that will make a rectangular selection over text layer. Now Press Shift key and take Mouse cursor to one of the edge of text layer and press & hold left click button, move cursor to resize the text size.
> After that release Mouse click first and then shift key then Press Enter. Hence the text is resized.

Thanks