Showing posts with label Photoshop Tutorial. Show all posts
Showing posts with label Photoshop Tutorial. Show all posts

Blending Text with Brick Wall by Photoshop!!



Blend Text with Brick Wall


You can surprise your friends by writing their names on a brick texture. To make them surprised, you work must be accurate and realistic. Today I'm gonna show how to blend text with a brick wall through Adobe Photoshop . . .


Note: This tutorial is prepared on Photoshop CS6. Some options may not be similar if you're using older versions of Photoshop. 


The Brick Wall

The very first thing you need is a brick wall. You can easily find one through Google search - Brick Texture or Brick Wall. 

Or you can simply use the same brick wall which I'm gonna use in this tutorial - 


Brick Texture Image


Image Information - 
  • File Type: JPEG
  • Dimensions: 1200 x 800
  • DPI: 96
  • Image Size: 276 KB

Using a better image is very important since it may affect your output quality. A poor quality image may not generate a realistic view. So you can either use this image in your project, or find a better one. 



Choosing a Font

Choose a font which is thick enough. Our purpose is to capture as many bricks as possible in our text background. 

I would like to suggest you 2 fonts - 1. Cooper Black   2. Hobo Std

Or you can choose any other font which you prefer. But my suggestion will be - choose a thick or bold font. 



First Phase
  1. Run Photoshop from your PC.
  2. Press Ctrl + O > Choose brick wall and open it.
  3. Press T to enable Type Tool. Choose a font - Cooper Black.
  4. Choose a brown color. Color code is # 990000.
  5. Now type your text. 

At this point, your document will look like this - 


Text Over Brick Texture



Second Phase

Make sure your text layer is selected in the layer panel. Now hit on the fx button from the bottom of the layer panel > Choose Blending Options > Now you will get the Layer Style window.

Now select the very first option - Blending Options: Custom


Blending Options in Layer Style Window


Look at the above image, you've to use the Underlying Layer. Set the left slider to 60 and right slider to 210. 

(You can set different values if you think it looks better) 

After completing the second phase, your document will have this look - 



Blending Text with Brick Wall



Third Phase - Optimize the look . . . 


Our main task has been completed in the previous step. But you can look it better through - 

  • Bevel & Emboss
  • Inner Shadow
  • Drop Shadow etc.

Let's back to the work - 

  • Hit on the Bevel & Emboss | Style - Inner Bevel, Technique - Smooth, Depth - 100, Direction - Up, Size - 5. Keep the Shading part untouched.
  • Hit on the Drop Shadow | Blend Mode - Multiply, Opacity - 75 to 100, Angle - 1450, Check Use Global Right, Distance - 8, Spread - 5, Size - 9. 
All done! Hit on the OK button. 


Blending Text with Other Effects


This is your final view. From the Layer Style window, you can set different values for different options and get different result.



Final Phase - Wait a minute!

Final touch is still waiting. Have a look at the image below - 


Blending Text with Distorted Rectangle


Wanna get a view like this? Simply draw a rectangle around your text. 
  1. Set the Fill value to 0%.
  2. Make a right click and choose Blending Options.
  3. Choose Stroke | Size 4, Outside, 100% Opacity > Hit OK.
  4. Go to Filter > Distort > Ripple > OK. That's it!




You should download this project file for better understanding. Thank you for visiting us . . .




Stay with Marks PC Solution to get more interesting IT topics!



Photoshop Typing Techniques


Photoshop Typing Tutorial


The general thinking about Photoshop is it's a photo and image editing tool. The notion is not wrong at all. But Photoshop also allows you to work with text. Believe it or not, Photoshop has some extraordinary options which are not available even in Microsoft Word! Today I'm gonna share some tips on Photoshop Typing


Type Tool (T)

If you're familiar with the Photoshop Interface, you should know about type tool. It's found in the tools panel and it looks like T. Look at the image below:


Adobe Photoshop Type Tools


Here you can see the type tool along with its four variations. But the first one, I mean  Horizontal Type Tool is the mostly used option here. And you can use Vertical Type Tool when the text needs to be typed vertically. 

You can also see Type Mask Tool. When you type something normally, the text appears in a new layer. But if you type something using the type mask tool, the text will appear in the background layer. It prevents the text to create a new layer! 



Using the Type Tool

To start typing in Photoshop, first you have to create a new document. Now press T to enable the type tool or you can simply hit the type tool icon through mouse. 

Now your mouse pointer will take the shape of an I beam. Hit on the any part of your document and you will get a cursor. Start typing! 


Photoshop Text Formatting Options


Just below the Menu bar, you will get the text formatting options. Here you can change font, font style, font size, text alignment etc. And look at the marked icon at the right - T with a Curve below. It's the wrap text option. Just select your text and hit on this button. Choose different styles and see the magic! 

Note: Type tool must be selected to get the formatting bar below the Menus. Or you will not get this bar. 


Type as Text Box

Word users know well about text box. Type tool can also be used as text box. After choosing the Type tool, press and hold down the mouse pointer in the document and then drag it. You will get a bounding box with cursor. Now you can type within this box. 



Photoshop Text Box

Now you can format the above text easily. Choose Move Tool (V) to move the text. Press Ctrl+T to get the bounding box back, and you can increase or decrease the text size just by dragging the corner. You can also rotate the whole text through rotation dragging it from any corner. 

If you wanna edit the text, simply press T, and you will get the cursor back. After editing the text, you can simply press the move tool to commit changes. Or you can hit on the Tick Mark   (Commit any current change) to make changes. If you wanna cancel then hit on the cancel button. (These two options will be available just below the cross button at the upper right corner)


Choosing the Color

To choose a desired color for your text, you have to use the color picker from the toolbar. You will get the color picker at the bottom of the left toolbar. 

First, select your text > Hit on the Color picker > Select a color area you want > Hit OK.

Or you can simply select the text layer > choose color from Color Picker > Hit OK > Now press Alt+Del key to change the color. 


Working with Paragraph and Character Panel

These two options will give you more options to format your text. You can enable character and paragraph options from shortcut icons as shown below - 


Toggle Between Character and Paragraph


The shortcuts for these options are marked here. But if your interface is missing of these icons anyhow, you can directly go to the Window menu. Then choose Character or Paragraph   which you need. 


Paragrapch and Character Window

Select your text and try the each option of the character by yourself. There are some great options for your text like - Vertical Scale, Horizontal Scale, Subscript, Superscript etc. Just try each button one by one. 

You can also try the options of Paragraph window. It's a great tool to adjust your text and fix the text alignment. 


Wrap Text


It's somewhat like Word Art option of Microsoft Word. But of the effects of wrap text are not available in Word Art. Look at the Wrap Text option in Photoshop Formatting bar - 


Photoshop Wrap Text Icon

First you have to select your text. Then click on the above icon to get Wrap Text window. Now you can try each option. 


Photoshop Wrap Text

Choose the effects from the Style. Then adjust bend, horizontal distortion and vertical distortion to get a more customized look. Hit OK when you're done. 


Hope this post will guide you when typing in Photoshop. If you face any problem, please knock me . . . 


Note: All options and images of this post are compatible with Adobe Photoshop CS5. Older versions of Photoshop may slightly vary. 


Stay with Marks PC Solution to get more interesting IT topics!