Creating stunning geometrical designs and brand identities is a staple for graphic designers. But, not every designer has the same approach to creating shapes in Illustrator. That’s why we’re sharing a simple and effective trick that can make the process a lot easier. This guide is designed to help both beginners and advanced users to create geometrical shapes or brand identities with ease in just a matter of minutes.

Step-by-Step Guide to Crafting Geometrical Shapes

This tutorial will provide you with a step-by-step guide to creating precise and symmetrical shapes that can be used for a variety of graphic design projects. With our guide, you will learn how to incorporate your own creative touch and make your designs truly stand out. Whether you’re working on a new project for a client or creating designs for your own business, this guide will provide you with the essential tools and techniques needed to create stunning and impactful designs.

By the end of this tutorial, you will be equipped with the skills and knowledge necessary to take your design skills to the next level. So why wait? Start learning today and unleash your full design potential!

Let’s draw some Geometric Shapes in Illustrator

Step 1:

Begin by creating a new file. Click on “File” and then “New” (Ctrl+N for Windows, Command+N for Mac).

A pop-up window will appear, prompting you to set the artboard size.

Step 2:

Choose the Rectangle tool (M) and click anywhere on the artboard. A pop-up window will appear showing width and height options. Set both of them to 200pt to create a perfect square, then press the OK button.

Step 3:

You now have a square. While the square is selected, navigate to Object > Path > Split into Grid.

Upon clicking ‘Split into Grid’, a pop-up box will appear with options for rows and columns. In this box, set the number of rows to 5, then click OK. This will divide your square into 5 rows. Next, select the entire square and group all 5 rows together by pressing ‘Ctrl + G’ on a Windows computer or ‘Cmd + G’ on a Mac.

Step 4:

After setting aside the square, go to the Rectangle tool (M) and select the Polygon tool option. Create a hexagonal shape with no stroke and choose a color of your own preference. (Note: On a Mac, use the Command key instead of Ctrl)

Step 5:

With both the grid square and hexagon selected, align them. You’ll notice that the hexagon is smaller than the square. Using the Direct Selection Tool, select the lower middle point of the hexagon, hold down the Shift key, and bring it to the same level as the square as shown in the figure.

Step 6:

Using the Selection Tool, select the square and then right-click with your mouse. From the options that appear, select Arrange > Bring to Front to make the square appear above the hexagon.

Step 7:

Using the Selection Tool, select the grid square and press Ctrl+C and then Ctrl+F on your keyboard to make a copy of the square. Next, rotate the copied square by -59.77 degrees. You will now have 2 squares.

Repeat this process by pressing Ctrl+F twice on the second square to make another copy, and then rotate it by -119.51 degrees. This will give you a total of 3 squares.

Finally, adjust the position of the first square slightly upward or downward to reveal triangle shapes.

Step 8:

Using the Selection Tool, select all 3 squares and the hexagon shape.

and use the Shape Builder Tool (Shift+M).

Now go to swatches and pick any color, then click on any triangle. The triangle has that color that you pick from swatches.

Now pick another color and do the same.

Step 9:

I make an “N-shape” with different colors.

Step 10:

Now click on any colored triangle Ungroup them with the Right Click of your mouse. Select the portion which you do not require as I did and Delete them.

Final Preview:

After doing all the processes/steps you will have a perfect alphabet shape.

With this simple trick, you can easily create unique geometric shapes and alphabets in Illustrator. Whether you’re a beginner or an experienced graphic designer, this technique will make the process of designing brand identities or logos a breeze. The best part is, it only takes 5 to 10 minutes to achieve a professional-looking design. In this tutorial, we’ll show you step-by-step how to create geometrical shapes with ease, and as a bonus, we’ll even provide an example to get you started.

NOTE:

While coloring triangles the stroke option must be OFF.

Hopefully, this tutorial on creating geometric shapes will help you to create different designs with ease. Soon I’ll also share a video tutorial to make the process of creating geometric shapes even more convenient for you.

The post Learn How to Create Stunning Geometric Shapes in Illustrator Quickly and Easily appeared first on TutorialsBucket.

The post Classic Buttons Set appeared first on TutorialsBucket.

Name:	Laurentiu Toma
99designs Nick:	Grade
Location:	Romania
Email:	laurentiu_toma@yahoo.com
Facebook Link:	Facebook Profile

Interview Questions

Tell Us About Yourself (Laurentiu Toma):
I live in Romania, a beautiful country with many artistic and cultural values … but I do not think that the design I do has anything to do with the place where I live. I believe that the influence of the Internet is bigger than anything … unfortunately.

What are your Hobbies?
Movies, music, fine arts.

What about your experience with design?
I worked about 10 years in design area.

What kind of Design Services you provide?
logo design.

How would you describe your style?
I’m not sure if i have a style…in fact i don’t want to have a style, i just try to invent things and to be better than yesterday

How did you get your first job in design and what exactly was it?
Somewhat randomly. Years ago, after I graduated from the Faculty of Arts (Painting specialization), I worked as a drawing teacher for a while. One day, a friend contacted me and told me about a job at an IT company, I was interviewed and subsequently I got hired at that company as a graphic designer(even now I do not know why). I did not know much about computers, design … but slowly I learned and I achieved performances through hard work. I still like to think that I’m more an artist than a designer. Design is a challenge for me, a way to live, a method through which I can test my skills and patience … and why not, a source of financial earning.

What plans do you have for the future?
I don’t have, I’m in God hands.

Your expert areas
Art Institute of Timisoara graduated, where I did five years of painting which is still my passion and I can declare myself more of an expert than in the Design area. I consider Design as being a rank in Art and this would make it easier for me to have realistic opinions about a good done job or a poorly done one. This would not be possible without a long term of studies.

Your tools of work
Illustrator, CorelDRAW, Photoshop … any kind of graphic tools.

Who or what is your biggest inspiration for graphic design?
Hmm, hard to say. I think my inspiration comes from everywhere. First I try to inspire from myself, then I look around to see what other designers are working. Usually I have an eye to the professional designers, because I know that from them I learn the most…I am not interested in the weak designers at all. Of course it is also about imagination, talent, experience … all these together help in the creative process. I do not think the idea and the technique is everything, I think a balance between the two is the way to perfection.

For me it’s simply because I cannot say I have a rule, I try to work as best and hard I can and if I manage to be happy with myself, then I am on the right road.

What advice would you give to other designers?
Professionalism, ambition, perseverance. Success does not necessarily mean making money or winning contests, but to be respected. You earn respect not by how much money you make and how many contests you win, but by what you are and what you can do.

Being appreciated and respected is the biggest success.

What do you think about tutorialsbucket.com?
I think it is Great, a nice opportunity to learn!

Work

The post Interview with Laurentiu Toma appeared first on TutorialsBucket.

I was inspired by may other UI designer and most importantly Apple UI. So i decided to design something and share with all of you freely. This is the first part of Sharp & Sleek UI Kit. So you can download it and are free to use and modify.

Click the below button for free downloading.

The post Sharp & Sleek UI Kit appeared first on TutorialsBucket.

The post Add to Cart Button appeared first on TutorialsBucket.

Today I decided to share another free web element “Mini Notepad“. You can use this element to show quotation, testimonial etc.

The post Mini Notepad appeared first on TutorialsBucket.

Lets start this tutorial with opening adobe photoshop in your screen and following steps:

Step 1 – Open Photoshop and create “New Document”

Let’s start with creating a new document in abobe photoshop, so goto File > New … (Ctrl + N) and a popup box will appear and ask for document size and further details. By the way! I am going to use (1024px x 768px) size document.

Step 2 – Create Guide lines

Now go to View -> New Guides… and when you click New Guides… a popup box appear named as;
“New Guide“. Select Orientation -> Horizontal, Position -> 50% and Click OK
Now again repeat above step but now this time select Orientation -> Vertical.

In this step we use guides to know the center point of the document, because we draw our shapes in the center of the document.

Step 3 – Draw Shape

Now a draw a circle with the help of “Ellipse Tool” and select the following option from the tool bar.

Step 4 – Blending Options

Now it is a time to play with blending option to get desired results. Goto the Layers Panel and click “Blending Option” and you will see a popup box with lot of more options and then we select “Gradient Overlay”

After selecting “Gradient Overlay” you will notice a popup box appear, so the task is simple please follow the following image for accurate results.

• Blend Mode : Normal
• Opacity : 100%
• Gradient : Please check below this image for gradient color setting
• Style : Angle and tick (check) Align with Layer
• Angle : -120 Degree
• Scale : 100%

Power of Gradient in this Photoshop tutorial

Gradient Settings:

1. Color : #aaaaaa, Location: 0%
2. Color : #f7f7f7, Location: 9%
3. Color : #c8c8c8, Location: 14%
4. Color : #f7f7f7, Location: 31%
5. Color : #c5c5c5, Location: 51%
6. Color : #ffffff, Location: 57%
7. Color : #bbbbbb, Location: 63%
8. Color : #f2f2f2, Location: 75%
9. Color : #aaaaaa, Location: 100%

Now Select “Bevel and Emboss” and follow the following settings;

• Style : Inner Bevel
• Technique : Smooth
• Depth : 100%
• Direction : up
• Size : 1px
• Soften : 0px
• Angle : 111 degree & 42 degree
• Highlight Mode : #ffffff and Opacity : 100%
• Shadow Mode : #000000 and Opacity : 32%

Inner Glow Settings:

• Blend Mode : Normal
• Opacity : 100%
• Noise : 0%
• White color: #ffffff
• Technique : Softer
• Source : Edge
• Choke : 0%
• Size : 3px
• Range : 50%
• Jitter : 0%

Drop Shadow Settings:

• Bend Mode : Multiply -> black color
• Opacity : 40%
• Angle : 70%
• Distance : 8px
• Spread : 0%
• Size : 20px
• Noise : 0%

And finally click OK button

After playing with blending you are able to see the following results on your screen, but it’s not enough we have to give this final touch.

Now hold the Ctrl key from you keyboard and click over the circle shape from Layers and you will see that the circle from artboard is already select, now create new layer ( Shift + Ctrl +N ) and Fill (G) with #cccccc. And select Color Burn, Opacity: 80% and Fill 30%.

And goto Filter -> Noise -> Add Noise and you will see a popup box “Add Noise” and set the Amount : 400%, Distribution : Uniform and tick the Monochromatic.

Next Step is Filer -> Blur -> Radial Blur. Then Radial Blur, Amount : 50, Blur Method : Spin and Quality : Best.

Step 5 – Draw node

Let’s draw node over the circle shape with the help of “Rounded Rectangle Tool” same as following image.

After the above step let’s add some blending style for final results:
Select Drop Shadow:

• Blend Mode : Normal and color white
• Opacity : 100%
• Angle : 120 degree
• Distance : 1px
• Spread : 0px
• Size : 0px

Inner Shadow:

• Blend Mode : Multiply with Black color
• Opacity : 73%
• Angle : -120 degree
• Distance : 2px
• Choke : 0%
• Size : 7px

Add some cool background and if you want to add more things in your drawing you can. Please take a look at my final results bellow;

I hope you like this photoshop tutorial and give me you comments.

The post How to create Amplifier knob appeared first on TutorialsBucket.

The post Video Player Interface appeared first on TutorialsBucket.

Download Free Photoshop Patterns

[button link=”http://tutorialsbucket.com/downloads/Circles” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/crissXcross” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Cubes” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Dark+Brick+Wall” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Dark+leather” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Dark+Mosaic” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Diagonal+Noise” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Diamonds+Are+Forever” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Fancy+Deboss” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Inflicted” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Mirrored+Squares” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Noise+pattern+with+subtle+cross+lines” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Pool+Table” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Project+Papper” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Robots” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Small+Crosses” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Soft+Circle+Scales” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Triangles” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/White+Texture” style=”download”]Download Now[/button]

[button link=”http://tutorialsbucket.com/downloads/Whitey” style=”download”]Download Now[/button]

The post 20 Soft and Elegant Photoshop Patterns appeared first on TutorialsBucket.

The post Member’s Login Box appeared first on TutorialsBucket.