Category : Design

Adobe Illustrator Design Video Tutorials

Adobe Illustrator Tutorial – How To Use The Live Paint Bucket Tool

In this video tutorial you will learn how to use the live paint bucket tool in Adobe Illustrator.

The live paint bucket tool is a great way to color in large spaces without having to manually go in and paint the whole area with the paint brush or blob paint brush tools. It allows you to go in to a large area and color it all one color.

Read More
Design Photoshop

Photoshop Tutorial – How To Add Shadows To Your Objects in Photoshop

Add Shadows to your objects in Photoshop

In this video tutorial you will learn Add Shadows to your objects in Photoshop.

1. The first thing you want to do is decide what object you want to apply the shadow to. (Text, Image, etc.)

2. Duplicate your layer (Text Layer for Text, Image Layer for an Image)

3. Drag your copy layer below the original layer. Just click on the layer and hold down the mouse and drag the copy layer below the original.

4. Rasterize the copy layer by right clicking on it and then select “Rasterize Layer”.

5. Next, select your copy layer and then click Edit > Transform > Distort.

6. This will allow you to take the copy layer and drag it anywhere that you want as well as manipulate each point individually.

7. Once you are able to distort the copy layer you then want to manipulate the object so that it appears to cast a shadow on the original layer.

When doing this play around with different angles and locations for this layer to get a different look. With each location you can actually change to look of the object by changing the light source.

8. Next you need to apply a Gaussian Blur by clicking Filter < Blur < Gaussian Blur (Make sure that you have your copy layer selected).

9. Change the radius for the Gaussian Blur to 3.2-4.0 depending on the object you are applying the shadow to.

10. The last thing that you want to do is decrease the opacity of the copy layer so that the shadow is less visible than the original layer.Add Shadows to your objects in Photoshop

That is it! Now you know how to Add Shadows to your objects in Photoshop!

Read More
Design Photoshop

Photoshop Tutorial – Neon Text Effect

Photoshop Tutorial – Neon Text Effect

Download the Neon 80’s Font at Dafont.com

Read More
Design HTML5

HTML5 Tutorial – How To Create A Link In HTML5

HTML5 Logo Image

HTML5 is such a great tool and very easy to use. One of the first things that you will need to understand when coding in HTML5 will be how to create a link. In this tutorial I am going to be showing you how to create a link that is masked by different text.

HTML5 Logo Image

We will be coding the following:

Hey guys go check out my YouTube Channel for more great tech tips and reviews!

In order to create links in HTML5 you need to understand a few things.

HREF = The destination link (In this example href = http://www.youtube.com/user/Technologyguru77/featured, which is my youtube channel link).

Also, you need to understand that in order to create a link you must have your opening and closing code which is:

<a> – Opening

</a> – Clsoing

The exact code looks like this:

Hey guys go check out my <a href=”https://www.youtube.com/user/Technologyguru77/featured”>YouTube Channel</a> for more great tech tips and reviews!

As stated before href is your destination link and “YouTube Channel” is your text link mask. Your readers will see “YouTube Channel”, and when they click on the link it will take them to my YouTube channel page.




Button

Read More
Adobe Illustrator Design

Adobe Illustrator Tutorial – How to Create Text on a Path in Adobe Illustrator

How to Create Text on a Path in Adobe Illustrator

1.) Draw a straight line using the Pen Tool (P) from the Tools Panel. Then, select the Convert Anchor Point Tool (Shift + C) and drag the handles of one anchor point to a 45 degree angle. This will create a small arc.

illustrator pen tool

2.) Next, hold the mouse down on the Type Tool (T) in the Tools Panel to view the flyout menu. Select the Type on a Path Tool and click on the top of the arc in the artboard.

text-on-a-path

3.) From the top menu, choose Window > Type > Paragraph. In the Paragraph Menu, select Align Left. Type a phrase and the text will begin on the left side of the arc and follow the path.

type on a path

4.) To move the text on the path, select the Direct Selection Tool (A) from the Tools Panel and click on the left bracket (near the anchor point). A small perpendicular icon will appear.

type on a path

5.) Hold Cmd (Mac) or Ctrl (Windows) and drag the bracket to move the text along the path. To flip the text to the opposite side of the path, drag the perpendicular icon to the other side of the path. This time, don’t hold down the Cmd (Mac) or Ctrl (Windows) keys.

type on a path

6.) The alignment of the text on the path can also be changed. Choose Type > Type on a Path > Type on a Path Options. In the Type on a Path Options window, there is a drop down menu for Align to Path that includes: Ascender, Descender, Center, and Baseline. The Ascender (1) option moves the text below the path and aligned with the top of the text. The Descender (2) option moves the text above the path and aligned with the bottom of the text. The Center (3) option has the path running through the halfway point of the text. The Baseline (4) option is the default and aligns the text to the base path.

type on a path

[box] You an play around with the different settings to get your desired effect. You can also type on shapes as well.[/box]

Button

  Adobe Illustrator Suggested Products

Read More
Design Video Tutorials Wordpress

WordPress Tutorial – How To Install WordPress To Your Web Host

How To Install WordPress To Your Web Host

List of the best Hosting Services:

BlueHost

CLICK HERE TO SIGNUP FOR BLUEHOST.COM

Host Gator

CLICK HERE TO SIGNUP FOR HOSTGATOR.COM

GoDaddy

GoDaddy.com Hosting Plans from $1.99 per month! Now with Unlimited Bandwidth!

Read More
Design HTML5 Video Tutorials

HTML5 For Beginners – How To Set Up Your First HTML5 Web Page

How To Set Up Your First HTML5 Web Page

[box] HTML5 is a fairly simple coding language, and with a little effort you can become knowledgeable on how to create web pages with HTML5.[/box]

Button

Read More
Adobe Indesign Design

Indesign CS5 Tutorial: Basic Rundown of Design Tools

Adobe has established itself as the top distributor of web and print design software. Indesign is a very versatile piece of software that has been helping print and web designers for years. I am going to list out all of the Indesign design tools and a basic run down of what they are used for.

Read More
1 2 3 4