1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How to Add Text in an Image?

Discussion in 'Photoshop' started by Aimable, Jun 25, 2014.

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

    [​IMG] [​IMG]
     
    Aimable, Jun 25, 2014 IP
  2. DebasishPanda

    DebasishPanda Member

    Messages:
    27
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    45
    #2
    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:

    HTML:
    1. <div class="box">
    2. <img src="">
    3. <p></p>
    4. </div>
    Code (CSS):
    1. .box {
    2.   width: 300px;
    3.   height: 300px;
    4.   position: relative;
    5. }
    6.  
    7. .box img {
    8.   display: block;
    9.   width: 300px;
    10.   height: 300px;
    11. }
    12.  
    13. .box p {
    14.   position: absolute;
    15.   left: 0;
    16.   top: 20px;
    17.   z-index: 1;
    18.   width: 100%;
    19.   text-align: center;
    20. }
     
    DebasishPanda, Jun 25, 2014 IP
  3. M0NEY

    M0NEY Greenhorn

    Messages:
    27
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    13
    #3
    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.
     
    M0NEY, Jun 25, 2014 IP
  4. thesdl

    thesdl Greenhorn

    Messages:
    18
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    23
    #4
    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.
     
    thesdl, Jul 28, 2014 IP
  5. yagnik

    yagnik Active Member

    Messages:
    128
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    53
    #5
    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.
     
    yagnik, Jul 28, 2014 IP
  6. Female1

    Female1 Banned

    Messages:
    79
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    53
    #6
    Female1, Aug 4, 2014 IP
  7. Emma S

    Emma S Greenhorn

    Messages:
    66
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    18
    #7

    hope it helps
     
    Emma S, Aug 14, 2014 IP
  8. gyanender

    gyanender Greenhorn

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #8
    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.............
     
    gyanender, Aug 25, 2014 IP
  9. tuiykkwr

    tuiykkwr Greenhorn

    Messages:
    82
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    23
    #9
    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.
     
    tuiykkwr, Aug 27, 2014 IP
  10. taniya deen

    taniya deen Greenhorn

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #10


    more tutorials -https://plus.google.com/u/0/109655349939936636778/posts/fefijde3LHg
     
    taniya deen, Sep 9, 2014 IP
  11. ArticleSpecialists

    ArticleSpecialists Active Member

    Messages:
    245
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    65
    #11
    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.
     
    ArticleSpecialists, Sep 9, 2014 IP
  12. M_line

    M_line Banned

    Messages:
    15
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #12
    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.
     
    M_line, Sep 14, 2014 IP
  13. sahil rajpput

    sahil rajpput Member

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #13
    it,s very esy Depending on which work on Photoshop Directly add text into image. So there is no need to load more purpose.
     
    sahil rajpput, Sep 23, 2014 IP
  14. Rahim14

    Rahim14 Banned

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #14
    it's very simple ..i think this video can help
     
    Rahim14, Sep 28, 2014 IP
  15. Towab Muhammad Yusuf

    Towab Muhammad Yusuf Greenhorn

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #15
    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.
     
    Towab Muhammad Yusuf, Oct 11, 2014 IP
  16. Kluivert07

    Kluivert07 Greenhorn

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    6
    #16
    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
     
    Kluivert07, Nov 3, 2014 IP
  17. jasmeencress

    jasmeencress Banned

    Messages:
    120
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #17
    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.
     
    jasmeencress, Dec 13, 2014 IP
  18. leonidus1981

    leonidus1981 Banned

    Messages:
    79
    Likes Received:
    4
    Best Answers:
    1
    Trophy Points:
    53
    #18
    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
     
    leonidus1981, Dec 13, 2014 IP
  19. chinthaka99

    chinthaka99 Greenhorn

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #19
     
    chinthaka99, Jan 29, 2015 IP
  20. Ginni Studios

    Ginni Studios Greenhorn

    Messages:
    13
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    23
    #20
    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
     
    Ginni Studios, Feb 6, 2015 IP