Pakistan's Urdu Forum For IT Education
 
<
Go Back   World's Favorite Urdu Forum for Free IT Education..ITQalam.Com.The World of Knowledge > Information Technology Zone > Urdu Tutorials > English Tutorials
Forgot Password? Join Us!

Whats New in iTQalam

English Tutorials Share all kinds of English tutorials step by step with screenshots.

Reply
 
Thread Tools Display Modes
  #1  
Old 10-25-2012, 02:24 AM
Riz's Avatar
Riz Riz is offline
Junior Member
Last Achievements
 
Join Date: Dec 2011
Location: Karachi
Posts: 50
Points: 145,757, Level: 100
Points: 145,757, Level: 100 Points: 145,757, Level: 100 Points: 145,757, Level: 100
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 6
Riz is on a distinguished road
Default Create a Glass text effect in photoshop

Asslamoelequm,

This is my first tutorial on IT Qalam.
I hope you all will like it.
Will wait for you comment. But comment is should not be like a Nice sharing or similar. Let's come on the tutorial.

In this Tutorial I will Define how making simple Glass Effect in Photoshop,
Hope you all like it.

Tutorial Details
• Program: Adobe Photoshop
• Difficulty: Beginner
• Estimated Completion Time: 30 min


Final Result



So Let’s start,
Open a Photoshop click new tab & select the page size is 1280 x 720


Double click on Background layer & Rename it BG, Now fill BG Color with black.
Now Right click on BG layer & the Select Blending option & choose Gradient Overlay with 3 colors, Apply these Setting as you seen in the picture,


Apply these Setting Above Picture!
Now select text icon & write D, I am using the font Anja Eliane. Font size I use 150pt,
You can use the Font size as your Design Required, Now Right click on Text layer & choose Blending Option, apply these Setting steps by step by manually or by the screen Shot.
Blending Option Custom window,


Advanced Blending Fill Opacity is 0%
Choose Inner Shadow & apply these settings:
Distance is 5px & size was 0px, & Blend Mode Color is White


Now hit Outer Glow option & apply the setting:


Blend Mode color is White, Elements Size was 8px
Now Next step is Bevel & Emboss
Select the Structure style is Pillow Emboss, Depth was 800%, Size is 5px,
Shading Attitude, select a Ring, as you see in the picture I highlighted.


Now our Next step is Gradient Overlay:
Apply these settings, Blend Mode is Screen, Opacity is 23%, & Now choose Gradient color with 3 Colors, BLACK, RED, BLACK.


Next Step is Stroke:


Select the Stoke size with 2px, & Fill type Color fill with Red Color.
Now Make Duplicate Layer of your font & Rename it what you want.
Blending Color of the Text was over, now Start How to make Action & how to apply the Action on Text.
Making an Action & how to apply on our Text:
Select the Text layer D & hold CTRL button & click, Text layer D make Selection around D, hold your Mouse cursor on Text layer D & press new layer Icon, you can see make the new layer Icon bottom of the layer panel.

Click on Windows Menu & select Action, short key is Alt+f9
Select the Create New Action, see in image.


Reply With Quote
  #2  
Old 10-25-2012, 02:25 AM
Riz's Avatar
Riz Riz is offline
Junior Member
Last Achievements
 
Join Date: Dec 2011
Location: Karachi
Posts: 50
Points: 145,757, Level: 100
Points: 145,757, Level: 100 Points: 145,757, Level: 100 Points: 145,757, Level: 100
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 6
Riz is on a distinguished road
Default Re: Create a Glass text effect in photoshop


Select Name Glass Effect Action & hit Record,
Apply Some Filter on Text D Selection layer, Click on Filter Menu & select Cloud,


Again Go in to Filter Menu & Select Distort & Choose Glass & Apply these Setting, see in Below image,


Now all Filter has Record & after that finishing the Work again open the Action panel & Click stop Recording.
Now you can see your Glass Effect Action in Action panel.



Now it’s time to apply Glass Effect Action on Blank layer,


After applying the Action on Glass Effect Layer Make a Duplicate Layer of Glass Effect layer & select the Color mode is Color Dodge with fill color of 75%,


Again make a Duplicate Layer of Glass Effect Layer, after that you have a three Layers of Glass Effect Layer.
For Merge a 3Layers Hold Shift Button & Select all 3 Layers & Press CTRL+E,


Now you can see the Result in this image,


After Complete your Text Adding DOWNGRAF, Select All Layer & Press Control+G, it will make a Group folder & transfer your all Layer in Group Folder,
Now I’ll Add Glow Line in Bottom of DOWNGRAF
Make a New Layer & Select an Elliptical Marquee Tool & Draw a Glow Line, you will make a line height & the width in your Choice,
Make a line & fill color with White & now Go filter menu & choose Blue & now Motion Blur, Apply this setting Distance is 200,

Reply With Quote
  #3  
Old 10-25-2012, 02:26 AM
Riz's Avatar
Riz Riz is offline
Junior Member
Last Achievements
 
Join Date: Dec 2011
Location: Karachi
Posts: 50
Points: 145,757, Level: 100
Points: 145,757, Level: 100 Points: 145,757, Level: 100 Points: 145,757, Level: 100
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Power: 6
Riz is on a distinguished road
Default Re: Create a Glass text effect in photoshop


The Blending Option setting of Glow line is choose Outer glow with Color of Red & Choose Element Size is 13px,


Now It’s time to add Other Effects, I’ll add Cloud,
Make new Layer & fill with Black Color, Now choose Filter & Select Cloud,
Select Color mode is Color Dodge.



After that using an Erase tool & Remove unwanted Cloud,

Now Our Final Step is adding Reflection Of Downgraf text,
Select a Group Folder Right Click & choose Duplicate Group,


Write The Duplicate Group Name Glass Effect Reflection & Click Ok,


Now Select the Duplicate Group folder, Right Click & Merge Group,


Now your Group folder Convert into a single layer, Press Ctrl+T & Rotate the pic Flip Vertical.


Drag down the pic Bottom of Text Downgraf,
Now it’s time to make Reflection of Downgraf Layer, Apply Mask in Layer Downgraf,
& Choose Gradient Color Default Black & White,
Drag the Gradient line from the Bottom of Downgraf Text Reflection to up,


Now I am going to wind up my Tutorial Because all steps are finished.
You will see the final Result Of DOWNGRAF Glass Effect.


I would love to hear in the comments your thoughts on the post, Hope Fully all of you like the Small Tutorial of Glass Effect.

Regards,
Riz
Reply With Quote
  #4  
Old 10-25-2012, 02:45 AM
anwar_hussain's Avatar
anwar_hussain anwar_hussain is offline
Advisor
Last Achievements
Award-Showcase
 
Join Date: Jan 2012
Posts: 26,645
Points: 28,120,721, Level: 100
Points: 28,120,721, Level: 100 Points: 28,120,721, Level: 100 Points: 28,120,721, Level: 100
Activity: 0.6%
Activity: 0.6% Activity: 0.6% Activity: 0.6%
Thanks: 244
Thanked 2,012 Times in 1,250 Posts
Rep Power: 10
anwar_hussain is a splendid one to behold anwar_hussain is a splendid one to behold anwar_hussain is a splendid one to behold anwar_hussain is a splendid one to behold anwar_hussain is a splendid one to behold anwar_hussain is a splendid one to behold anwar_hussain is a splendid one to behold anwar_hussain is a splendid one to behold

Awards Showcase

Default Re: Create a Glass text effect in photoshop

wah jee boht umdah tutorial banaya aap ne

hamare sath share karne ka boht shukriya

points ka tohfa qabool karain
__________________


To view links or images in signatures your post count must be 25 or greater. You currently have 0 posts.
Reply With Quote
  #5  
Old 10-25-2012, 04:39 AM
Humrah's Avatar
Humrah Humrah is offline
X Team
Last Achievements
 
Join Date: May 2012
Location: KaraChiii SinDh PaKisTan
Posts: 12,328
Points: 9,406,780, Level: 100
Points: 9,406,780, Level: 100 Points: 9,406,780, Level: 100 Points: 9,406,780, Level: 100
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
Thanks: 1,542
Thanked 1,011 Times in 660 Posts
Rep Power: 24
Humrah is a name known to all Humrah is a name known to all Humrah is a name known to all Humrah is a name known to all Humrah is a name known to all Humrah is a name known to all

Awards Showcase

Default Re: Create a Glass text effect in photoshop

hmmmmmmmm nice boht umdha effect hai
aur boht mehnat se aap ne sub kuch seekhaya
hamre sath share karne ka boht shukriya bro...
__________________

To view links or images in signatures your post count must be 25 or greater. You currently have 0 posts.


To view links or images in signatures your post count must be 25 or greater. You currently have 0 posts.

To view links or images in signatures your post count must be 25 or greater. You currently have 0 posts.
Reply With Quote
  #6  
Old 10-25-2012, 07:24 AM
Bahadar's Avatar
Bahadar Bahadar is online now
G H U L A M - E -M U S T A F A
Last Achievements
Award-Showcase
 
Join Date: Jun 2010
Location: میں (¯`v´¯) آپ کے
Posts: 32,282
Points: 54,492,978, Level: 100
Points: 54,492,978, Level: 100 Points: 54,492,978, Level: 100 Points: 54,492,978, Level: 100
Activity: 99.4%
Activity: 99.4% Activity: 99.4% Activity: 99.4%
Thanks: 6,656
Thanked 12,675 Times in 6,556 Posts
Rep Power: 10
Bahadar will become famous soon enough

Awards Showcase

Default Re: Create a Glass text effect in photoshop


بہت خوب
بہت پیاری شیئرنگ ہے
شیئرنگ کا یہ سلسلہ جاری وساری رکھیں
ہمارے ساتھ شئیر کرنے کا بے حد شکریہ
__________________

To view links or images in signatures your post count must be 25 or greater. You currently have 0 posts.
Reply With Quote
  #7  
Old 10-25-2012, 10:16 AM
Amjad Kalmati's Avatar
Amjad Kalmati Amjad Kalmati is offline
X Team
Last Achievements
 
Join Date: Apr 2011
Location: Karachi
Posts: 8,594
Points: 16,367,011, Level: 100
Points: 16,367,011, Level: 100 Points: 16,367,011, Level: 100 Points: 16,367,011, Level: 100
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
Thanks: 2,577
Thanked 2,553 Times in 1,361 Posts
Rep Power: 24
Amjad Kalmati is a splendid one to behold Amjad Kalmati is a splendid one to behold Amjad Kalmati is a splendid one to behold Amjad Kalmati is a splendid one to behold Amjad Kalmati is a splendid one to behold Amjad Kalmati is a splendid one to behold Amjad Kalmati is a splendid one to behold Amjad Kalmati is a splendid one to behold

Awards Showcase

Default Re: Create a Glass text effect in photoshop

وعلیکم السلام۔۔۔

جناب شیئرنگ تو آپ نے بہت زبردست کی ہے۔۔
لیکن جناب کوشش کریں ۔۔۔
اردو زبان میں ٹیوٹرل بنائیں۔

باقی سب کچھ ٹھیک ہیں۔
شیئرنگ کا سلسلہ جاری و ساری رکھیں۔
اگلی شیئرنگ کا انتظار رہے گا۔۔
جزاک اللہ
Reply With Quote
  #8  
Old 10-25-2012, 11:03 AM
temi's Avatar
temi temi is offline
Senior Member
Last Achievements
 
Join Date: Aug 2012
Location: in the beatiful world
Posts: 4,389
Points: 4,111,361, Level: 100
Points: 4,111,361, Level: 100 Points: 4,111,361, Level: 100 Points: 4,111,361, Level: 100
Activity: 5.6%
Activity: 5.6% Activity: 5.6% Activity: 5.6%
Thanks: 123
Thanked 319 Times in 232 Posts
Rep Power: 10
temi is on a distinguished road
Default Re: Create a Glass text effect in photoshop

Quote:
Originally Posted by amjad kalmati View Post
وعلیکم السلام۔۔۔

جناب شیئرنگ تو آپ نے بہت زبردست کی ہے۔۔
لیکن جناب کوشش کریں ۔۔۔
اردو زبان میں ٹیوٹرل بنائیں۔

باقی سب کچھ ٹھیک ہیں۔
شیئرنگ کا سلسلہ جاری و ساری رکھیں۔
اگلی شیئرنگ کا انتظار رہے گا۔۔
جزاک اللہ
اسلامُ علیکم ۔۔عید مُبارک
بہت ہی عمدہ شئیر کرنے کا شکریا
__________________
°.¸¸.·´¯`»«´¯`·.¸¸.°
• »★ TEMI ★« •
°.¸¸.·´¯`»«´¯`·.¸¸.°
Reply With Quote
  #9  
Old 10-25-2012, 02:18 PM
lovebank lovebank is offline
Lovebank
Last Achievements
 
Join Date: Oct 2010
Location: Lahore/Punjab/Pakistan
Posts: 16,190
Points: 30,969,351, Level: 100
Points: 30,969,351, Level: 100 Points: 30,969,351, Level: 100 Points: 30,969,351, Level: 100
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
Thanks: 2,337
Thanked 1,565 Times in 1,109 Posts
Rep Power: 25
lovebank will become famous soon enough lovebank will become famous soon enough

Awards Showcase

Default Re: Create a Glass text effect in photoshop

گریٹ ورک علی بھائی بہت عمدہ
__________________
To view links or images in signatures your post count must be 25 or greater. You currently have 0 posts.
width = 800 height = 100 allowScriptAccess ="never" type="application/x-shockwave-flash">
Reply With Quote
  #10  
Old 10-25-2012, 02:29 PM
lovebank lovebank is offline
Lovebank
Last Achievements
 
Join Date: Oct 2010
Location: Lahore/Punjab/Pakistan
Posts: 16,190
Points: 30,969,351, Level: 100
Points: 30,969,351, Level: 100 Points: 30,969,351, Level: 100 Points: 30,969,351, Level: 100
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
Thanks: 2,337
Thanked 1,565 Times in 1,109 Posts
Rep Power: 25
lovebank will become famous soon enough lovebank will become famous soon enough

Awards Showcase

Default Re: Create a Glass text effect in photoshop

Quote:
Originally Posted by amjad kalmati View Post
وعلیکم السلام۔۔۔

جناب شیئرنگ تو آپ نے بہت زبردست کی ہے۔۔
لیکن جناب کوشش کریں ۔۔۔
اردو زبان میں ٹیوٹرل بنائیں۔

باقی سب کچھ ٹھیک ہیں۔
شیئرنگ کا سلسلہ جاری و ساری رکھیں۔
اگلی شیئرنگ کا انتظار رہے گا۔۔
جزاک اللہ
امجد بھائی ان نے انگلش ٹیوریل کے لیے الگ سے سیکشن بنوایا ہے یہ ٹیوریل وہاں شیئر کرنا تھا
__________________
To view links or images in signatures your post count must be 25 or greater. You currently have 0 posts.
width = 800 height = 100 allowScriptAccess ="never" type="application/x-shockwave-flash">
Reply With Quote
Reply

Bookmarks


(View-All Members who have read this thread : 197
6x0z1j57 , 87tvmf9z , a haq ansari , Adeel Ahmed , aftab_maher , afzalhussain , Ahmad Mahmood , Ahmed zeb ghazi , ahmmxpnt , Ahsaaan , Alamgir Khan , Amjad Kalmati , amnazaheer , anwar_hussain , Arslan Malik , asdasdznge , aveextmd , azher , babarsir , baghi_junior , Bahadar , bblnywsg , bhsyutai , bmomerali , bose5v4d6 , catoh00g , Chaman Abbas , chesskiller , chr8istuian , ct8uu38r , dangerkungfu , Dark BOY , dqqstrut , drwtqets , ecgzeumd , Effizezex , egt8v1yq , fahadshahruch , faizansharfi , farhan213 , farhanawan , FAROOQUE , fcedvhsw , fhdbpakm , fiazmunaf , fmgntoou , gdrslgus , ghalibjan , gillanigillani88 , gpeejshu , gvaqocwx , haider_haider , hairan , hamdosh , haseebif , hazratali123 , hfserxaj , Humrah , Hunaid , ibaach , ibraheemnaveed , ihsangmw , Ijaz Farooq , imran zai , invasp , Iqbal Faraz , irfan ifee , Irfan_Ahmed , irxbd04t , it.doctor , jaanirizwan , jabirali321 , jcong13ot , jkfumzrcc , kcei33lf , Kingdom Hearts , king_m , kumbher , l522sa871 , laaehscg , lgvfqunm , lgxeluem , lisfzwtz , lkfnh2k6 , llza27rv , lovebank , M.Ahmad.raza , masterdj , MAziz , meerfarooq_ali , mipszv75 , mkifizyf , MOHAMMAD RAZA 1 , Mohammad Sajjad , MOHAMMAD-RAZA1 , mrlxs31c , mubasher1122 , mudassir3 , muddasar786 , mulberry11l , munabhaikkc , munhassay , murtaza khan , myaseen , Najam Mirani , naponnamja , Naveed Chohan , naveedprince , neouljmm , ngcstrul , niqra , Nonsslunc , noorzai , nrpu46ca , obaidbaloch , ohhkvnje , ojv16oeq , Osama Turk , oxoqdhcn , pakistan02 , pbrqvfdj , perfect , poorriaz , qusapx95 , qx662ffd , Rahi , Raza00007 , Riz , rreraw40 , rrustruy , rubalow_gnom , sadia adila , safdar khan , Saifkhan , SAIFULLAH , Saimkhan15 , Samia Habib , samiullahkhokhar , saqib majeed , saqibkhan , sarfrazrao , sasprwwc , sclujcbi , serioussahar , seysqmjj , Shahroz , shahzad jamali , shakeelhashmi85 , sheraz143 , ShiningStar* , SikandarHKhan , SILENT.WALKER , sk617pws , skesmiql , spiveyi04 , sponry , ssaeed , svfvnjbp , sweet9 , SWEETZUBI , Taimoor1 , tanveer mughal , tdpvoxbagny , temi , tfqwwxli , thilhyrl , tianya68928 , tikc07nf , tildfldh , tjkbvaqf , tovkrcsi , TuttDaydaydit , txyag51lk , umairyasir_7 , umarkhan141 , UmerAmer , UntonaDuete , usefull1 , viiccrnt , Waqar Baig , Willasase , wvzegsvm , wwwmgnuo , XRumerTest , yemtowdu , ypynp82r , Zaara , zahid sarwar , zahid6665 , zcxbnqkg , zeeshan848 , zgdyj31t , zimstrur , zmbvqctl , Zolfi , zwxstrun , zyebruau
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
-=-Now Create Shadow Of Any Text In Any Version Of Photoshop ~*Abdul Basit*~ Adobe PhotoShop 7 24 01-03-2015 11:20 AM
Glowing Glass Text Effect By Humrah Humrah Inpage Course 15 11-01-2012 01:22 AM
Create a Colorful Aurura Effect in photoshop THE_KILLER Adobe PhotoShop 7 13 11-20-2011 01:40 PM


All times are GMT +5. The time now is 11:54 PM.


Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
User Alert System provided by Advanced User Tagging v3.1.0 (Lite) - vBulletin Mods & Addons Copyright © 2017 DragonByte Technologies Ltd.
Copyright © 2010 - 2017 ITQalam.com. All rights reserved,