Illustrator Tutorial: 3D Illuminated Buttons

  Рет қаралды 32,922

Design Made Simple

Design Made Simple

Күн бұрын

In this tutorial I’ll be demonstrating how to create vector pressed buttons with Adobe Illustrator. This exercise is a good example of how you can use gradients to create appearance of depth and reflective light. The buttons are illuminated with neon light to indicate whether they are on or off. I’ll be demonstrating how to create both variations.
The texture image can be downloaded here: logosbynick.com/vector-presse...
If you want to learn more about logo design, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them: logosbynick.com/learn/
Need a logo? Check out my portfolio and hire me at: www.logosbynick.com
Intro song: "In Da Mood" by Combustibles, used with written permission

Пікірлер: 47
@pritchs7889
@pritchs7889 3 жыл бұрын
Nicely done! This is just what I was looking for. AND, no annoying background music repeating endlessly. Thank you especially for that!!
@bjolly7722
@bjolly7722 3 жыл бұрын
This is probably the best, clearest tutorial I've watched about anything. Great job.
@jimmygarden_studio
@jimmygarden_studio 3 жыл бұрын
This was awesome, really. Thank you very much. I really enjoyed working through it. I don't have Illustrator but your instructions were clear enough that I was able to create it in Pixelmator Pro. It really was a delight to do. Very gratifying to see the final results.
@SALMANSAYEED
@SALMANSAYEED 3 жыл бұрын
Thank you for this amazing tutorial. Your each and every videos are bestest of tutorials. Amazingly explained.
@marcoolinho
@marcoolinho Жыл бұрын
This is awesome and precise. Thank you.
@mehrdadhaghighi5140
@mehrdadhaghighi5140 3 жыл бұрын
Awesome and so simple. Subscribed!
@CristyChamps
@CristyChamps 3 жыл бұрын
increíble, muchas gracias amigo, eres el mejor!!
@namratasinghchandelchandel6480
@namratasinghchandelchandel6480 3 жыл бұрын
I have done 20 logos by watching video in inkscape by you......Love you from India
@Deejk13
@Deejk13 3 жыл бұрын
Very impressive and interesting tutorial!
@syedsaadrahman7925
@syedsaadrahman7925 3 жыл бұрын
Thanks a lot for this amazing tutorial
@haithamahmed8747
@haithamahmed8747 Жыл бұрын
It's pretty awesome, thanks alot for this toturial
@leonardopinheiro6693
@leonardopinheiro6693 3 жыл бұрын
Very good video! Thank you!
@asher4898
@asher4898 3 жыл бұрын
Great tutorial
@frayedsanity
@frayedsanity Жыл бұрын
That Dark brushed metal is sexy! Also I had no idea you could do that profile thing with text! I will be using that on my project for sure!
@muhammaddin6212
@muhammaddin6212 3 жыл бұрын
Amazing skill
@vailethmachumu9412
@vailethmachumu9412 3 жыл бұрын
i like it! good job
@tounsi007
@tounsi007 3 жыл бұрын
wooow !! this is nice !! thank you
@CarlWade
@CarlWade 3 жыл бұрын
great tutorial I was able to use it to create one in Affinity Designer!
@ashwidanwar5905
@ashwidanwar5905 3 жыл бұрын
Amazing work!! Would love to see more of these in inkscape😭
@DesignMadeSimple
@DesignMadeSimple 3 жыл бұрын
Thanks Ashwid. I did a tutorial about this for Inkscape a few years ago. It's on my channel if you want to look it up.
@chasebros4948
@chasebros4948 Жыл бұрын
Nice tutorial. You can also achieve the same result with just one circle. Just create multiple gradient fills for the beveled parts and two gradient strokes (aligned to the outside) for the two highlights. Use the offset effect on each fill and stoke to get them the correct size and make sure they are stacked/ordered correctly in the appearance panel. The advantage of doing it this way is you can make it a graphic style and apply it to any shape later on.
@learning.process
@learning.process 3 жыл бұрын
This is amazing
@salaudiinahmmad568
@salaudiinahmmad568 3 жыл бұрын
It was Very impressive Video man 🙏🙏🙏 I saw your video first time. I subscribed,
@numairbaig
@numairbaig 3 жыл бұрын
amazing bro
@naitikkathiriya
@naitikkathiriya 3 жыл бұрын
so so so attractive it was, u made it so clearly simplidfied and so relative one to the audience... it's very nice creation.. thnx for this inspiration!✨✔
@eugenequincy8122
@eugenequincy8122 3 жыл бұрын
pro tip: you can watch series on Flixzone. Me and my gf have been using it for watching a lot of movies these days.
@kamarileland7116
@kamarileland7116 3 жыл бұрын
@Eugene Quincy definitely, I've been watching on Flixzone} for years myself :D
@wwetime8022
@wwetime8022 3 жыл бұрын
awesome awesome awesome tutorial sir...love the way you teach .......please give ur courses resource in detail...if possible i can buy ur tutorials...
@mdshakibhossen182
@mdshakibhossen182 3 жыл бұрын
nice bro
@rajeshbahadur1988
@rajeshbahadur1988 2 жыл бұрын
Good
@wallofchaos
@wallofchaos 3 жыл бұрын
I Really appreciate the time you put into this Tutorial. Great for some. Not for me. This was one of the hardest tutorials ive followed yet. And half time time I'm watching Indian speaking fellows that are extremely hard to understand or no speech at all. but yet. This tutorial was nothing but frustrating for me. I can see others really getting it. I'm still not real familiar with Ai. I couldn't Rotate the things half the time. I was non stop selecting the wrong things and not getting anything to line up correctly. when I was finished it looked not much like this button at all. :( I really appreciate the tut non the less. I just personally couldn't get it to look similar. rotate this this way.. and you know what. lets rotate it the other way instead.. I was LOST!
@danialanani2033
@danialanani2033 3 жыл бұрын
Can you tell me what format I should choose when I finish.
@spondoolie6450
@spondoolie6450 2 жыл бұрын
Does "convert to outlines" do the same thing as "expand appearance"?
@teckbugz1278
@teckbugz1278 3 жыл бұрын
Take all my money!!!!
@venkateswarans1012
@venkateswarans1012 2 жыл бұрын
How do I save that button as SVG
@oharappro6581
@oharappro6581 Жыл бұрын
can you click on the image later?
@neilgyverabangan6989
@neilgyverabangan6989 2 жыл бұрын
I have designed this using Affinity..
@Y3qii
@Y3qii 2 жыл бұрын
What the key u press at 8:50, plz I want to know.
@mohand-saidchalal2670
@mohand-saidchalal2670 Жыл бұрын
Same for me please
@chasebros4948
@chasebros4948 Жыл бұрын
He aligned the shape to the horizontal and vertical center of the art board using the alignment panel.
@oharappro6581
@oharappro6581 Жыл бұрын
sir, is it wearing Ai sir, does it use Ai and what category does it fall into ?
@logiccool
@logiccool 2 жыл бұрын
for god's sake just change the angle of gradient 😁😇
@behpinghang4123
@behpinghang4123 3 жыл бұрын
nice try vincent
@bananaboy8055
@bananaboy8055 3 жыл бұрын
NICE TRY VINCENT
@ambrxhographics1811
@ambrxhographics1811 3 жыл бұрын
sorry wilson
@samjordan1434
@samjordan1434 3 жыл бұрын
copy link paste it to meeting
Illustrator Beginner Tutorial: Simple Letter Logos
9:26
Design Made Simple
Рет қаралды 826 М.
GIMP Tutorial: Put Someone's Face on an Object
9:01
Logos By Nick
Рет қаралды 224 М.
Finger Heart - Fancy Refill (Inside Out Animation)
00:30
FASH
Рет қаралды 12 МЛН
ПРОВЕРИЛ АРБУЗЫ #shorts
00:34
Паша Осадчий
Рет қаралды 6 МЛН
Now THIS is entertainment! 🤣
00:59
America's Got Talent
Рет қаралды 40 МЛН
Fastest Way To Make This SMOOTH GRADIENT DESIGN In Illustrator
5:20
Satori Graphics
Рет қаралды 325 М.
Convert A PNG To Vector with Adobe Illustrator
11:05
Design Made Simple
Рет қаралды 1,6 МЛН
Soft UI Design in Adobe XD #Neumorphism
13:24
Dansky
Рет қаралды 180 М.
How To Apply Textures with Adobe Illustrator
2:54
Design Made Simple
Рет қаралды 675 М.
Create Seamless Background Patterns with Adobe Illustrator CC
9:40
Design Made Simple
Рет қаралды 407 М.
Inkscape Beginner Tutorial: Simple Letter Logos
8:24
Logos By Nick
Рет қаралды 549 М.
How To Create A Transparent Gradient Mask with Illustrator
4:41
Design Made Simple
Рет қаралды 480 М.
The Complete Guide To Using Trace Bitmap in Inkscape
10:12
Logos By Nick
Рет қаралды 241 М.
Realistic Neon Light Effect in Adobe Illustrator EPS. 2
7:46
LADALIDI ILLUSTRATOR TUTORIAL
Рет қаралды 204 М.
HOW TO MAKE 3D SUSHI IN SECONDS IN ADOBE ILLUSTRATOR
8:43
Graphic Design with Elena
Рет қаралды 921 М.
Finger Heart - Fancy Refill (Inside Out Animation)
00:30
FASH
Рет қаралды 12 МЛН