RSS
 

Posts Tagged ‘Text’

PhotoshopUser TV: Masking Text Effect and Cyborg – Episode 423

16 Sep

This week on PSUTV, Corey shows a masking text effect and Pete has a cool tip on making a cyborg.

This Week’s Sponsors:

Wacom | mpix | B&H Photo | Kelby Training | NAPP | onOne Software | Peachpit | Squarespace | Expo Imaging | Intel | Athentech

Photoshop User TV Episode 423 is now playing!

Download Episode 423
(In order to download this file directly to your computer, right-click (Control-click on Mac) on the Download link and choose the Save As option.)

Photoshop User TV

 
Comments Off on PhotoshopUser TV: Masking Text Effect and Cyborg – Episode 423

Posted in Photography

 

How to Use the Text Tool in Photoshop

01 Feb

royal-albert

There are  many reasons that you might want to add words over your images. Text on photos makes great promotional items such as postcards; you can create your own social media messages with quotes or inspirational  sayings; and you can add your name or your website URL. I’m sure that once you understand all the creative options for adding text, you’ll come up with hundreds of other things you can create with your photos.

This article will guide you through the many ways you can work with text in Photoshop to create beautiful and eye-catching messages with your photos.

Basic Text Tools

It may seem like a pretty simple topic, but Photoshop has a really versatile selection of tools for working with text. Like so may other Photoshop goodies though, some of the best ones aren’t really obvious. So, in this section you’ll learn the various ways to add, adjust, and work with text.

Here are the basic text tools in Photoshop:

tools_

  • When you click the Text Tool in the Tools Palette (#1), the context menu on top will display most of your text tools.
  • #2 Select your font  (the typeface ), font style, bold, italic, etc.
  • #3 Font size (TIP: you can type any number in here, you’re not limited to the numbers that are displayed so your text can be ANY size you like – type 500 into this space and see what happens!)
  • #4 Anti-aliasing options
  • #5 Alignment of the text
  • #6 Text adjustments pop out

There are a few more tools in here but we’ll talk about them later. So now that you know the lay of the land, lets add some text and play with it.

Playing with Text

There are 2 ways of adding text, and it’s critical that you know when to use one way, and when to choose the other.  The first way is how most people use text, by using what is called the Point text tool. You simply click on the Text Tool in the tools palette, click back on your image and start typing. The second way is to use Paragraph Text. Let’s try both.

Open a new document in Photoshop, and click on the Text tool (keyboard shortcut = T). Start typing. you’ll see something like this:

point-text

Your text will have an underline and a cursor will show where you are inserting the next letter.  If you keep typing, the text will continue along in one long single line. To get text on a new line you have to hit ENTER. You have just created text using the POINT TEXT tool. Save this and call it “point text.”

Open another document, click on the Text tool if it’s not already clicked, now take the text tool and DRAG it out to make a rectangle. You should see something like this.

paragraph-text-box

paragraph-text

Go ahead and type. Type a lot of text. See how the text is constrained by the size of the box? This is Paragraph text. You can grab the text box handles (the little boxes on the middles and corners) to define the size of the area in which you want the text to appear. You can see this is great for larger areas of text. Because you can change the size of the text box, you have great flexibility using paragraph text.

You can use the MOVE tool to position the entire block of text anywhere on your page.

Paragraph text is also easier to center on your page. To center your text, just grab one of the handles and drag it to the right edge of your page. Drag the left box to the left edge of your page, then up in the context menu, click the CENTER text icon where number 5 is on the diagram above. It’s a little miracle! Your text is now precisely centered horizontally on your document. No more guessing.

Transforming letters in text

To give your text variety, you can also change the spacing of the individual letters, the height of the letters, and the width of letters. You can also instantly change a block of upper case text to lowercase, and vice versa. Sometimes the font you are using might be missing the italic version. You can create faux italic in Photoshop. So let’s explore the Text Character pop up box where you can try out all the nifty tricks.box

You’ll find this box in the context menu – so make sure you have your Text Tool selected, and look where number 6 is in the diagram above. Click the icon that looks like a sheet of paper (above the #6 above). This will open the Character Transform panel.  If you’re editing Point text, your text layer needs to be selected for these edits to work. If you’re using Paragraph text, you’ll need to select the text you want to transform. So, choose your text, and try going through all these options. Hovering over an item will cause a tool tip to pop up that gives you a brief explanation of what each does.

Transforming blocks of text

You can easily create attention-grabbing text by angling or slanting it. With your text layer or text selected, go to the main menu, and select EDIT>Transform>Skew. Grab a handle one of the corners and drag. You should see something like this:

skew

You can do the same with Edit>Transform>Scale and Edit>Transform>Rotate. Easy peasy!

To make text follow a curve, use the Warp Text tool (select the text tool in the tools palette and look between 5 and 6 on the context menu – it looks like the letter T with a curve underneath).

Create some text, and  make sure you are on the text layer. Click the Warp Text Tool to open the section popup box. Here you can select what type of shape to give your text, it’s so easy!

warp-tool

 

Three simple ways to make text really pop

Sometimes when you add text to a photo it can get a bit lost in the image. Even if you make it larger it just doesn’t seem to be crisp or clear. There are a few options:

A) It may be your anti-aliasing settings, #4 on the top context menu. Make sure this drop down is NOT set to None. This is particularly important on images that you will be using online. Select any of the other options and see how they change the edges of the text. These chooses are personal preferences, as to what type of smoothing look you prefer.drop

B) It may be your choice of colors. Often white works best as it has a clean, elegant look. But it’s easy for white text to get lost in the details of the image. Here’s an old web designer’s trick to make light colored text really pop. Add a drop shadow of black. But not just any random drop shadow. This one will be almost invisible but the subtle punch it adds is tremendous. Here’s how:

First select the text layer you want the drop shadow on. Go to your layers palette and select the Layer FX icon at the bottom, then select Drop Shadow.

In the Drop Shadow dialog box make your drop shadow with these settings. If you are working on a high res image from print, change the shadow size from 1 to 10. You may need to adjust these setting depending on the size of your image, just make sure they are both the same number.

drop2

See how the white text pops in this image even though the image is all soft shades? No cheesy 1990’s drop shadows here.  It gives just enough edge separation and dimension to make the text obvious, without being obnoxious.

_DSC8453---W

C) Finally, another text popping trick from the graphic design world  – add a “secret” layer behind your text and use layer blending modes to darken it down just a bit, to give your text a darker background for more contrast.

In the example below, you want to get rid of the clouds behind the text, and make the sky just a touch darker to make the text stand out more.   Select a soft-edged brush, and use the eye-dropper tool to select a mid-tone brush color – in this image I selected the sky just above the “P”. Make the brush diameter equal to the height of the letters. Now add a new layer between the photo and your text, this is your secret layer, and just brush over the text – which will really be under the text as your layer is “under” the text. Change the blending mode to Darker Color or Darken ( this will depend on the color you’re using) and then you can adjust the layer’s opacity to suit.

secret-layer

_DSC7232--

Text before the secret layer. 

With the secret layer added.

With the secret layer added.

Text embellishments and decorations

One of the most common questions I get asked about text on photos is how did I make the swooshes and swirly decorations and embellishments. These in most cases are simply fonts that are decorations rather than letters. There are hundreds of free fonts like this. Here’s one place you can get started: Embellishment fonts.  Be sure to check the licensing restrictions on free fonts  – some require payment or donations if you are selling your images.

_DSC8194---

So there you go – the basics of adding creative text you your photographs. You can now elegantly add messages, taglines, quotes, and verses to your images. You can make text grab your viewers’ attention by  placing it at an angle or on a curve; you can make it really stand out by using a few simple techniques, and you can add interest and artistic flair by adding embellishments and decorations. Unleash your inner graphic artist – you have the technology!

Give it a try – I’d love to see what kinds of messages you add to your images!

googletag.cmd.push(function() {
tablet_slots.push( googletag.defineSlot( “/1005424/_dPSv4_tab-all-article-bottom_(300×250)”, [300, 250], “pb-ad-78623” ).addService( googletag.pubads() ) ); } );

googletag.cmd.push(function() {
mobile_slots.push( googletag.defineSlot( “/1005424/_dPSv4_mob-all-article-bottom_(300×250)”, [300, 250], “pb-ad-78158” ).addService( googletag.pubads() ) ); } );

The post How to Use the Text Tool in Photoshop by Alex Morrison appeared first on Digital Photography School.


Digital Photography School

 
Comments Off on How to Use the Text Tool in Photoshop

Posted in Photography

 

Mozilla Firefox – Plugins and Extensions – Grab a Word Count and Readability Score of Selected Text

21 Apr

Need a quick count of the number of words or characters on a webpage or section of text?

Typing a comment on a webpage and curious if you’re getting a little long-winded? Writing a blog post for an assignment and need to satisfy a word count minimum? Or writing an article and want to get an estimated readability score to help ensure your text can be understood by as many people as possible?

The “Word Count Tool” extension for Mozilla Firefox lets you select a block of text on a webpage and see the word and character counts in the Add-On bar. Pressing Ctrl + Alt + C (or navigating the right-click menu) shows an enhanced details screen displaying the number of sentences, paragraphs, average word length, estimated readability score, and more….

Read more at MalekTips.
New Computer and Technology Help and Tips – MalekTips.Com

 
Comments Off on Mozilla Firefox – Plugins and Extensions – Grab a Word Count and Readability Score of Selected Text

Posted in Technology

 

Type Face: Monumental Figurative Sculptures Made of Text

25 Jun

[ By Steph in Art & Sculpture & Craft. ]

Jaume Plensa Typeface Sculptures 1

Giant human figures made of jumbled steel letters loom over public spaces in a series of monumental typographic sculptures by artist Jaume Plensa. The contemplative seated figures seem to watch over the landscapes and city squares where they have been installed around the world, from London to Rio de Janeiro.

Jaume Plensa Typeface Sculptures 3

(images via: chris huggins, jaume plensa)

Jaume Plensa Typographic Sculpture 2

(images via: terry madeley)

The text seems to wrap around invisible human forms, looking at times as if it is incomplete. Plensa’s work is not just thought-provoking, it is about thought itself and how words can shape our world and the way we interact with it.

Jaume Plensa Typeface Sculptures 4

(images via: terry madeley, jw sherman, anders sandberg)

Plensa has borrowed paragraphs from biblical texts, classic literature like Dante’s Divine Comedy, and poetry by William Blake. Stand beneath or inside one of these massive sculptures and you likely won’t be able to read much of the text – but that’s not the point.

Jaume Plensa Typeface Sculptures 5

Jaume Plensa Typeface Sculptures 6

(images via: tim green, lorraine 1 + 2, liza31337)

Conceptual dualities, like the play between negative and positive space, are intended to stimulate intellectual engagement, connecting the sculptures with the viewers on an intuitive level. The pieces often include ‘doorways’ so viewers can interact with the work, temporarily becoming a part of it.

Share on Facebook



[ By Steph in Art & Sculpture & Craft. ]

[ WebUrbanist | Archives | Galleries | Privacy | TOS ]

    


WebUrbanist

 
Comments Off on Type Face: Monumental Figurative Sculptures Made of Text

Posted in Creativity

 

Your Text Here: Messages of Light Displayed on Buildings

08 Jan

[ By Steph in Art & Street Art & Graffiti. ]

Your Text Here Projection Bombing Urban Art

City dwellers are bombarded each day with the demands of advertisers, government, media and other groups that dominate communication, and their own voices can be lost in the din. Signs, images and symbols confront us on every possible surface with messages that tell us what to do and how to think. YOUR TEXT HERE, an installation by artist Marcos Zotes, flips that dynamic, displaying the words of citizens in bold type on the sides of buildings.

Your Text Here Projection Bombing Urban Art 2

YOUR TEXT HERE is an urban light art installation that projects short messages from participants onto buildings, allowing them to broadcast their thoughts and feelings back to the city. Users enter their messages through a website on their mobile phones, enabling their voices to be heard while remaining anonymous.

Your Text Here Projection Bombing Light Art 4

More than 1,000 anonymous messages were projected for 10 to 20 seconds each during DLECTRICITY, an outdoors light art festival that took place in midtown Detroit in October 2012.

Your Text Here Projection Bombing Urban Art 3

While this particular project was approved by local officials, ‘projection bombing‘ is often done guerrilla-style. Because it’s temporary and the source of the light can be hard to pinpoint, it offers a relatively easy way to get messages across to a large number of people without fear of getting in trouble with the authorities. This technique was used by activist Mike Read during the peak of Occupy Wall Street to display messages like “Look around, you are a part of a global uprising.”

Share on Facebook





[ By Steph in Art & Street Art & Graffiti. ]

[ WebUrbanist | Archives | Galleries | Privacy | TOS ]


WebUrbanist

 
Comments Off on Your Text Here: Messages of Light Displayed on Buildings

Posted in Creativity

 

Realistic Fire Text Effect how to tutorial – Photoshop

28 Oct

Can you donate and help our appeal? Do a good thing today. www.indiegogo.com Photoshop CS3 The Easy Way!!!…. Just a little video to show you how to make text look like its on fire looks hot 😛 Want the font? (Bleeding? Cowboys) www.youtube.com

More to come! Don’t forget to share with your friends and request new tutorials! I’m running out of ideas lately, so that would help a lot. And ask me how to donate Bitcoins! I will love some of those! Peace.

 
Comments Off on Realistic Fire Text Effect how to tutorial – Photoshop

Posted in Retouching in Photoshop

 

After Effects Tutorial: Basic Text & Knoll Light Factory Animation. Part 1. by AcrezHD

23 Oct

Part 1: Here is a basic tutorial in After Effects on how to animate text and lens flare. Thanks for watching! Please leave your feedback in the comment box and make sure to post your videos as a response as well! Would you like me to make a free background pack for my subscribers as well? Let me know in the comments box! Programs Used: 1.After Effects 2.Final Cut Express 3.Screenflow Extra Tags; AcrezHD After Effects Tutorial Basic Text Knoll Light Factory Animation Part 1 Part 2 Final Cut Express Studio Screen Flow
Video Rating: 4 / 5

 
Comments Off on After Effects Tutorial: Basic Text & Knoll Light Factory Animation. Part 1. by AcrezHD

Posted in Animation Videos

 

After Effects CS6 3D Text Tutorial

18 Oct

Adobe After Effects CS6 3D Text Tutorial by AcrezHD. Follow Me on Twitter: twitter.com “after effects” “after effects cs6” “cs6” “adobe after effects” “after effects templates” “after effects tutorials for beginners” “3d text” “3d text tutorial” “after effects 3d text” after effects 3d…
Video Rating: 4 / 5

 
Comments Off on After Effects CS6 3D Text Tutorial

Posted in Animation Videos

 

Motion Tracking Tutorial: 3D Text [Boujou & C4D] – AcrezHD

05 Oct

In this tutorial i show you how to motion track 3D text into real life footage / game cinematic with life like shadows in the scene using Boujou (Motion Tacking Footage) and Cinema 4D (Compositing 3D text, Lighting, Shadows etc.) I also go over some of the problems you may run into when doing this kind of thing and do my best to address these issues so hopefully you will get the best possible result. Be sure to leave your feedback in the comments box below, and also if you found the tutorial helpful maybe rate the video as well, Thanks. Follow me on Twitter to keep to date with all the latest news, projects, tutorials, GFX packs and much more. www.twitter.com Example Clip [Nuketown – 720p – 30fps] Download Link: – www.sendspace.com – www.zshare.net – www.filefront.com Programs Used: – After Effects (Render JPEG Sequence) – Boujou (Motion Track Footage) – Cinema 4D (Compositing 3D Text, Lighting, Real Life Shadows Etc.) Extra Tags: AcrezHD tutorials 3D Text Motion Tracking Tutorial MatchMaking Match Making Real Life Footage Compositing Boujou Tutorial Synth Eyes Phoe Cinema 4D Adobe After Effects CS3 CS4 CS5 AE AAE C4D FCP

David Sztypuljak from HeyUGuys visits Aardman Animation Studios for a set isit on The Pirates! In an Adventure with Scientists and uses the b-roll footage to narrate his experience. You can read his entire report here: bit.ly Pirates! stars Hugh Grant, Brian Blessed, David Tennant, Martin Freeman, Jeremy Piven, Imelda Staunton, Salma Hayek, Brendan Gleeson and Ashley Jensen.
Video Rating: 4 / 5

 

Photoshop Elements Tutorials- Make Gradient Text

02 Aug

essential-photoshop-elements.com Use Photoshop Elements to fill any text with a gradient. This technique is very quick and easy to do and allows for lots of different options. Visit http for more free content.