Design Post Update: adobe photoshop

Showing posts with label adobe photoshop. Show all posts

Thursday, October 6, 2016

Read How To Create A Tileable Texture Now

This image shows a finished texture that can be used in a game.

Steps To Create The "Diffuse" Texture

1. Search for an image that will be suitable for your game and an image that you want to be your tileable texture. the best website is http://www.textures.com/

2. Put an image that you want to be your texture in to Photoshop software.

This image shows the brick wall.

3. Crop the image, removing any potentially troublesome areas.

This image shows Crop tool has taken away part of the image.

4. Then resize image to be power of 2.

This image shows the Image size setting in power of 2.

5. Press filter on top software tool bar than select other option and then select offset.

This image shows the right setting for offset.

This image shows an image that is divided into two parts the better one in on top and the bad one is on bottom of the picture. The bottom part will be covered with clone tool.

6. We will use clone tool to copy good parts of image.

This image shows that the clone tool created a copy of the top part of the image.

7. Use Sharpen tool to get rid of the blur but do not over use Sharpen tool because we get bad effect.

8. Use dodge tool to make shadows lighter and burn tool to make highlights darker.

This image shows how you can make image brighter by using Dodge Tool.

This image shows how you can make image darker by using Burn Tool.

9. On tap bar go to Image\Adjustment\Hue and Saturation.Add Hue and Saturation adjustment the way that you want to make this texture more interesting. Make sure that there is not any defects.

This image shows settings for Hue and Saturation Adjustment.

10. If everything is good and you are happy of effects save as targa file. You should save your targa with a resolution of 32 bits/pixel.

This image shows a finished texture that can be used in a game.

Steps To Create The "Normal" Texture

1. Search in Google for NVIDIA texture tool the best way to find it is: “NVIDIA Texture Tools for Adobe Photoshop”. If you cannot find there is a link for website where you can download NVIDIA plugging tool.

https://developer.nvidia.com/nvidia-texture-tools-adobe-photoshop

2. Press download and chose version of Windows that you work with either 32 bit or 64 bit.

3. When download is finish just install the program.

4. Open Photoshop and check in NVIDIA installed right be pressing filter and down in list should be NVIDIA Tool.

5. Open your texture targa file.

This image shows the file name and format that is saved.

6. Unlock layer so you can work with NVIDIA Tool.

This image shows layer blocked.

This image shows layer unblocked.

7. Go to filter and select NVIDIA Tool and take “NormalMapFilter” option.

This image shows setting of NVIDIA Tool.

This image shows some effect that we can get from NVIDIA Tool.

8. Duplicate the layer until you get effect that you want.

This image shows Duplicate layer which give better effect.

This image shows last step that you should take after last duplicate layer.

9. If you are happy of yours effect save in targa(tga) file.

This image shows saving mode.

This image shows a finished texture that can be used in a game. The texture is in targa(tga) file.

This image shows right format that you can save your targa format and it shows the resolution that you can chose the best options is 16 bits/pixel and 32 bits/pixel because is the power of 2.

This link shows Video Tutorial about how to install NVIDIA Texture tool and how creating Tillable texture.

The Next Step

Now that you have created the texture the next step is to import and add them to whatever software you need them for.

Read How To Remove Green Eye In An Image Now

SmartGirl adobe , adobe photoshop

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.

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 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

SmartGirl adobe , adobe photoshop

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

SmartGirl adobe , adobe photoshop

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 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 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 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 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.

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.

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".

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.

Layers Inside Group

Design Post Update

Thursday, October 6, 2016

Read How To Create A Tileable Texture Now

Steps To Create The "Diffuse" Texture

Steps To Create The "Normal" Texture

The Next Step

Read How To Remove Green Eye In An Image Now

Read Downloading, Installing and Editing fonts in Photoshop Now

Step one:

Step Two:

Step Three:

Step Five:

Before:

After adding the different effects on the text:

Read Understanding Layers & Groups In Photoshop Now

Step 1:

Step 2:

Step 3:

Step 4:

Step 5:

Step 6:

Step 7:

Grouping Layers

Step 1:

Step 2:

Search This Blog

Recent Posts

latestposts

Popular Posts

Featured

Blog Archive

Recent Post

Popular Posts

Recent Comments