The internet has a whole world of great free resources for your websiteIf someone told you that you could quickly and easily improve your website and that it wouldn't cost you a penny, what would you say? Probably something like "what's the catch?". Well no catch here as I highlight 10 great (and free) website add-ons...
Showing posts with label onlinedesignteacher. Show all posts
Showing posts with label onlinedesignteacher. Show all posts
Wednesday, June 20, 2018
Thursday, October 6, 2016
undefined
201
Rulers Set up in PhotoshopIn 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,...
undefined
201
Chair with textureIn this tutorial you will learn how to create a basic chair and add a texture onto the chair.Step 1Delete the default cube by pressing X and delete.with no cube Step 2Add mesh plane or shift A mesh and plane.Zoom in with the middle mouse button, or press 1 for a side view, press Tab to go into edit...
undefined
201
Finished animation |
What is animation in blender?
Animation is making an object move or change shape over time. You would use animation in blender for very obvious reasons such as making a character walk, run, crouch. making an object move around in your scene. Animating a scene so it becomes entertaining...etc. Objects can be animated in many ways.Moving as a whole object
Changing their position, orientation or size in time.
Deforming them
Animating their vertices or control points.
Character Animation via Armature
Animated to deform by the movement of bones inside the mesh if you use a human model, a very complex and flexible interaction that makes character-shaped objects appear to walk and jump.
In this chapter we will cover the first two, but the basics given here are actually vital for understanding the following chapters as well. Three methods are normally used in animation software to make a 3D object move:
In this chapter we will cover the first two, but the basics given here are actually vital for understanding the following chapters as well. Three methods are normally used in animation software to make a 3D object move:
Key frames
Complete positions are saved for units of time (frames). An animation is created by interpolating an object fluidly through the frames. The advantage of this method is that it allows you to work with clearly visualized units. The animator can work from one position to the next and can change previously created positions, or move them in time.
Animation Curves
Curves are interpolated from keyframes, and can be drawn for each XYZ component for location, rotation, and size, as well as any other attribute in Blender. These form the graphs for the movement, with time set out horizontally and the value set out vertically. The advantage of this method is that it gives you precise control over the results of the movement.
Path
A curve is drawn in 3D space, and the Object is constrained to follow it according to a given time function of the position along the path.
The first two systems in Blender are completely integrated in a single one, the F-Curve system.
The first two systems in Blender are completely integrated in a single one, the F-Curve system.
In Blender 2.5x, everything can now be animated. Previously, only certain datablock had the ability to be keyframed. Now users have the ability to animate nearly any type of data that can be changed to multiple values.
How to animate in blender
Go to scene editor and select animation. This is located at the top of the screen.
layout of animation |
2. Find any free space and press "I" then select LocRotScale and this should open up a tab that looks like this. We use this as it allows us to move the object more easily.
LocRotScale |
3. Next go to your timeline and select frame 10
timeline ten frames |
Then move your object along the axis by pressing G + Y then move it to your desired location
moving object frame 10 |
Then press I and this will complete your keyframe
4. Now select frame 20 and move your object further down the axis rotate it as well by pressing "R" and moving it
moving object 20 frames |
timeline 20 |
5. Continue these steps until you have at least 100 frames then move the amount of frames down to 100
6. Next you go to the render tab and select render animation
7. Next press Ctrl +F11 and that will play your animation. That is your animation completed.
Sample Animation
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 |