Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Colombo
Red Hat Certified System Administrator (RHCSA) - RHEL 10
Sanjeewani95
Updated:
Friday at 7:43 PM
NURSING , CAREGIVER , HOTEL & BEAUTY COURSES
IVA Para Medical Campus
Updated:
Thursday at 9:24 AM
Handmade Character Soft Toys Peppa Pig Family
anil1961
Updated:
Wednesday at 9:58 PM
Ad icon
Video Content Creator
pramukag
Updated:
Jun 28, 2026
Ad icon
QA Engineer Intern
pramukag
Updated:
Jun 28, 2026
Electronics
Vehicles
Property
Search
Reply to thread
Forums
General
Education
Adobe Illustrator Tutorials
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Message
<blockquote data-quote="MaD-DoC" data-source="post: 2246354" data-attributes="member: 56284"><p><strong>3D Logo</strong></p><p></p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/3d-logo.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </p><p></p><p>This tutorial will show you how to make 3D gradient logo in minutes. This technique is great for making 3D graphic objects and icons.</p><p> <strong>Version:</strong> Illustrator CS2</p><p> <a href="http://www.ndesign-studio.com/file/illustrator/3d_logo.ai" target="_blank">Download Source File</a></p><p> <strong>1. 3D text</strong></p><p></p><p> Use the <strong>Type</strong> tool, type in "3D Logo". Go to <strong>Effect >Warp > Arc</strong> and apply the following setting:</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/1.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>2. 3D Extrude & Bevel</strong></p><p></p><p> Then go to <strong>Effect > 3D > Extrude & Bevel</strong> and apply the setting as shown in the image below. You can drag around the cube to set the <strong>X,Y,Z</strong> rotation values. Set the <strong>Extrude Depth</strong> to 20pt.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/2.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>3. Expand Appearance</strong></p><p></p><p> Now go to <strong>Object > Expand Appearance</strong> to remove all effects and convert to paths. After the text object is expanded, <strong>Ungrounp</strong> the object by <strong>Object > Ungroup</strong> or press <strong>Ctrl+Shift+G</strong>. You probably need to do <strong>Ungroup</strong> 4-5 times in order to break the object apart.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/3.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>4. Merge paths</strong></p><p></p><p> Select the round corner paths and merge them together by the <strong>Pathfinder</strong> tool. Hold down <strong>Alt</strong> key, click on the <strong>Add to shape area</strong> and the selected paths will be merged. Repeat this step to clean up all round corner paths.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/4.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>5. Apply gradient</strong></p><p></p><p> Select the top level paths and apply a yellow-green color gradient.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/5.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>6. Eyedropper</strong></p><p></p><p> Select the back(depth) paths, use the <strong>Eyedropper</strong> tool and click on the front paths. This will copy the gradient fill.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/6.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>7. Darken</strong></p><p></p><p> Keep the back paths selected, go to <strong>Gradient</strong> pallete and adjust the gradient colors to darker tone.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/7.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>8. 3D logo</strong></p><p></p><p> You can use this technique to make 3D objects from any shape, text, etc.</p><p> <strong>Here are the steps: </strong></p><ol> <li data-xf-list-type="ol">Apply <strong>3D Extrude & Bevel</strong> effect</li> <li data-xf-list-type="ol"><strong>Expand</strong> object</li> <li data-xf-list-type="ol"><strong>Ungroup</strong> object</li> <li data-xf-list-type="ol">Apply <strong>gradient</strong></li> <li data-xf-list-type="ol"><strong>Eyedropper</strong> gradient fill</li> </ol><p><img src="http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/9.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>More…</strong></p><p></p><p> Here are more samples I made using the same technique.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/more-3d-logo.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p></blockquote><p></p>
[QUOTE="MaD-DoC, post: 2246354, member: 56284"] [B]3D Logo[/B] [IMG]http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/3d-logo.gif[/IMG] This tutorial will show you how to make 3D gradient logo in minutes. This technique is great for making 3D graphic objects and icons. [B]Version:[/B] Illustrator CS2 [URL="http://www.ndesign-studio.com/file/illustrator/3d_logo.ai"]Download Source File[/URL] [B]1. 3D text[/B] Use the [B]Type[/B] tool, type in "3D Logo". Go to [B]Effect >Warp > Arc[/B] and apply the following setting: [IMG]http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/1.gif[/IMG] [B]2. 3D Extrude & Bevel[/B] Then go to [B]Effect > 3D > Extrude & Bevel[/B] and apply the setting as shown in the image below. You can drag around the cube to set the [B]X,Y,Z[/B] rotation values. Set the [B]Extrude Depth[/B] to 20pt. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/2.gif[/IMG] [B]3. Expand Appearance[/B] Now go to [B]Object > Expand Appearance[/B] to remove all effects and convert to paths. After the text object is expanded, [B]Ungrounp[/B] the object by [B]Object > Ungroup[/B] or press [B]Ctrl+Shift+G[/B]. You probably need to do [B]Ungroup[/B] 4-5 times in order to break the object apart. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/3.gif[/IMG] [B]4. Merge paths[/B] Select the round corner paths and merge them together by the [B]Pathfinder[/B] tool. Hold down [B]Alt[/B] key, click on the [B]Add to shape area[/B] and the selected paths will be merged. Repeat this step to clean up all round corner paths. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/4.gif[/IMG] [B]5. Apply gradient[/B] Select the top level paths and apply a yellow-green color gradient. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/5.gif[/IMG] [B]6. Eyedropper[/B] Select the back(depth) paths, use the [B]Eyedropper[/B] tool and click on the front paths. This will copy the gradient fill. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/6.gif[/IMG] [B]7. Darken[/B] Keep the back paths selected, go to [B]Gradient[/B] pallete and adjust the gradient colors to darker tone. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/7.gif[/IMG] [B]8. 3D logo[/B] You can use this technique to make 3D objects from any shape, text, etc. [B]Here are the steps: [/B] [LIST=1] [*]Apply [B]3D Extrude & Bevel[/B] effect [*][B]Expand[/B] object [*][B]Ungroup[/B] object [*]Apply [B]gradient[/B] [*][B]Eyedropper[/B] gradient fill[/LIST] [IMG]http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/9.gif[/IMG] [B]More…[/B] Here are more samples I made using the same technique. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/3d_logo/more-3d-logo.jpg[/IMG] [/QUOTE]
Insert quotes…
Verification
Hath warak paha keeyada? (hatha wadikireema paha)
Post reply
Top
Bottom