Showing posts with label adobe. Show all posts
Showing posts with label adobe. Show all posts

Thursday, October 6, 2016

Read How to set up margins and guidelines in Photoshop Now

Rulers Set up in Photoshop
In this tutorial you will learn how to set up the use of Rulers in Photoshop. Rulers are use to help you to position images and text in the exact position you require when using Photoshop.



Step One:

Select file and new and create a new file. I have chosen the settings off 8.5 inches for the width, 11 inches for the height, with 300 for the resolution and RGB color for the color mode.


Setting up a new file for Photoshop

Step Two:

For this demo I am going use some text to show how using rulers can position your text correctly.

Sample of a new canvas for setting up the ruler example

Step Three:

To set up the rulers manually, click view and a drop down menu will appear.
View drop down menu in Photoshop

Click to turn the rulers on. A guide will then appear with numbers on the top (Horizontal) and on the left hand (Vertical) side of the page. This is your rulers guide.

Image of Rulers as the appear in Photoshop


Step Four:
Now with your mouse, hover over the numbers until a white cursor appears. Click and drag down the top line and place onto the template at desire level. Clicking and the pulling down of the rulers (Horizontal).


Adding of the Rulers (horizontal)

Bring the rulers in from the left hand size (Vertical)

Adding of Rulers (Vertical)

All the rulers in place.

All the Rulers in the correct positions

Step Five:

As you can see from the above image the text is on the outside of the rulers on the left hand side. To move the text into the correct place, select the text layer, on the right hand size and with the move tool and move into position. 

Rulers and Text in the correct position

Step Six:

You can also set up the rulers to the exact measurement required. To do this, again select view, and the drop down menu will appear, scroll down and select “New Guides”. A pop up menu will appear and you are able to select the correct measurement for the rulers by selecting either horizontal or vertical position.

Drop down menu once selected the View option on Photoshop

Pop up menu to select the correct measurements 

Selecting the measurements in the New Guide

For this demo I selected the measure for the Horizontal (top) for 3cm, with the Vertical (left side) set also at 3cm. Again for the bottom Horizontal and right side Vertical set the setting to this time 3mm for the rulers to appear.  Example show in the images below.



Creating the Horizontal Ruler with the correct measurement

New guides rulers for Horizontal and Vertical (3cm)

Horizontal and Vertical rulers appearing in Photoshop


Rulers in place after creating them with the new guide option in the view section of Photoshop. To move the text into the correct place, select the text layer, on the right hand size and with the move tool and move into position. 

Rulers and Text in the correct position on Photoshop

Read How To Remove Green Eye In An Image Now

dog with green eye
Green Eye In A Photo

This tutorial will teach you how to remove green eye in pictures. Green eye commonly occurs in dogs and cats. This picture of a dog needs to be edited because the dog’s eyes appear green due to an effect the camera flash has on animals’ eyes. I will use the polygonal lasso tool, the sponge tool, the burn tool and the blur tool.


Step 1: Open Adobe Photoshop and import the image you wish to edit.

Step 2: Use the zoom tool to zoom in closer on the dogs’ eyes.

zoom on dogs face
Zoomed In On The Dogs Face

Step 3: Select the polygonal lasso tool and trace around the green part of the dogs eyes.

tracing the eyes using polygonal lasso tool
The Trace Around The Dogs Eyes Using The Polygonal Lasso Tool

Step 4: Select the sponge tool and set the size to approximately 15 pixels. Make sure the mode is set to desaturate and click over the dogs eyes so the green colour will desaturate.

using the sponge tool to desaturate colour in the eyes
Using The Sponge Tool To Desaturate The Colour In The Eyes


Step 5: Select the burn tool and set the range to shadows and the exposure to 17% and click on the eyes to make them darker.

using the burn tool
Using The Burn Tool To Darken The Dogs Eyes

Step 6: Select the blur tool and set the size to approximately 10 pixels and the strength to 15%. Click and go around the pupils so it will appear smoother and less sharp and jagged.

using the blur tool to smooth out the eyes
Using The Blur Tool To Make The Eyes Appear Smoother

Click here to see our How To Remove Red Eye Tutorial.

Read Downloading, Installing and Editing fonts in Photoshop Now

Design Quote from Steve Jobs
In this tutorial you will learn how to download a font from the website "dafonts", install onto your computer, and how to change and style the font using the properties of the Text Tool in Photoshop.


Step one:

Create new file

Creating a new file 

Step Two:

Go to the website “dafont”. And select desired font to download. I have chosen the font called “Elkwood” for this demo.

"dafont.com" Logo


The file will download as a zip file in the download area. Double click to unzip the folder and install the font file. This will then appear in the text section in Photoshop.

Installing of the font 

Step Three:

In Photoshop select the Text tool to create new text.

Text Tool option on Photoshop

Selected the font “Elkwood”. And click on the canvas. This will create a new layer.

Creating a new "Layer" in Photoshop

Step Four:

Enter your desired text. For the demo I am using a quote from Steve Jobs creator of Apple “Design is not what it looks like and feels like. Design is how it works”.

Example of the text used


I am now going to add different character setting using the character and paragraph panels.


Selecting the Character and Paragraph panels to change the text 

By changing the settings in the character and paragraph panels, it allows you to selected different sizes for the font, different colours. It also gives you the option to space out the letter both horizontal (across) and vertical (up and down). I have changed the font size, the colour and both the horizontal and vertical of the text. As shown in the image below.

Different options used in the Character and Paragraph for the text

Step Five:

Effects after changing the settings in the character and paragraph panels.. For this demo I have added a drop shadow to the text. To do this you need to right click on the text layer and a drop bar will appear, here you can select the blending mode to create different effects to the text. The Blending options show in the below image.


Blending Options on the drop down menu


Then I selected to add a drop shadow to the text. I added in different settings as show in the image below. This gives a shadow effect to the text. The sample is not intended to be inspiring! But rather a simple example showing that the text can be edited. Explore the various layers styles to create a text effect that suits your design project.

Setting for adding a Drop Shadow to the text layer in Photoshop

Before:


Original text with no effects in Photoshop


After adding the different effects on the text:


Drop Shadow effect and Character effects done to the text in Photoshop



Read Understanding Layers & Groups In Photoshop Now

chile flag

To show you how layers work in this tutorial I am going to create the flag of Chile as an example.
Layers are an important part of Adobe Photoshop to understand and using groups to keep them organised is also important to  help make it easier to keep track of layers. I will show you how to use groups in this tutorial.

Step 1: 

Create a white background, in this example I have used an A-3 size which is 420 x 297 mm in landscape mode.


setting page properties
Setting Up The Page

Step 2:

Select the rectangle shape tool and create a rectangle by holding shift which will keep all sides at the same aspect ratio.


using the shape tool
Using The Shape Tool To Make A Blue Rectangle


Step 3: 

Select the rectangle tool again and create another red rectangle that takes up the bottom half of the white A-3 background.

using the shape tool to create a red rectangle
Using The Shape Tool To Make A Red Rectangle

Step 4: 

Select the custom shape tool and go to all shapes. Select the star shape and size it appropriately to the size of the flag. Then place it over the blue rectangle layer.

using the custom shape tool
Using The Custom Shape Tool To Place A Star


Step 5: 

To make the area inside the star white, select the eraser tool and erase the blue part to reveal the white background layer underneath it.

using the eraser tool
Using The Eraser Tool On The Inside Of The Star

Step 6: 

As you see if you press the eye symbol beside a layer the layer will no longer be visible. To make the layer visible again simply press the box where the eye symbol was and the layer will now be visible again. Here I have turned off the blue rectangle layer.

using the eye symbol
Demonstrating Layer Visibility

Step 7: 

To put all of the shapes into the one layer you need to combine the layers. To do this go to Layer and select Merge Layers and all of the shapes will now be in one layer.

merging layers together
Layers Merged Together

Grouping Layers

Putting layers in groups is a good way to keep a project organised.

Step 1: 

Select the "create new group" folder icon underneath the layer section on the right side of the page. Name the group accordingly to what you will put in it. Here I have named the group "shapes".

creating a new group
Group Created

Step 2: 

Hold the shift key and click on the layers that you wish to put into a group. Now drag them into the group by holding the mouse over the group and let go. The layers are now placed in the group.

placing layers into a group
Layers Inside Group


Read Optimising Images for the web Now

Optimising an image in Photoshop
In this tutorial you will learn how to change the size by using the crop tool and how to optimise an image for the web in Photoshop. When an image is optimise it helps for a faster download when using the image on the web.

Step One:

In Photoshop, open up an image that you have saved by clicking on open and selecting the image you need.

Opening the image to be used in Photoshop


The image I am using the below image for the demo. I downloaded the image from google images. It is a non-copyright image,that means it’s free to use without having to pay any fees. I searched in the “Search Tools” area in google images and selected “Usage Rights” and selected “Labeled for reuse with modification”.

Selecting the usage rights on Google Images

Image used for the demo 

Image used for cropping and optimising in Photoshop

Step Two:

If you would like to get rid of any unwanted area of the image, you can crop the image. You can use the crop tool as show below to get rid of unwanted areas.

Selecting the Crop Tool in Photoshop


Appearance of the Crop Tool on Photoshop

Selection area on the image once the Crop Tool is selected in Photoshop

Step Three:

To save this image to use for the web. Click on file and the selected “saving for the web”.

Selecting  "Save for Web" in the file area on Photoshop

Step Four:

The “Save for web” window will appear. In this window, selected 4-Up, select png-24 for a faster download and for a greater number of colours of the image to be displayed when using it for on the web. 


Pop up menu to help you to select the correct format for your image to use for the web

Then you can save your image as beach_opt.png. 

Saving your optimized image 
close
Banner iklan disini