Learn character animation in adobe Photoshop. In this lecture you will learn how you can create animation in adobe Photoshop. We can create GIF animation with a few easy steps in Adobe Photoshop and you can use that animation on various platforms.
Basic steps for animation
Try to keep your character or object as vector for better graphic quality. In any vector tool like Adobe Illustrator or Corel Draw just keep your character or object as sprites. You can also create an environment for you animation as you can see in above video we have created a green park environment for our character. If you don’t want to create environment then just create a new file in Photoshop and you can use reasonable canvas size according to your requirement. We have used 1366px by 768px size for our canvas.
Let’s start animation
Next step is just copy all of your sprite images one by one from your Illustrator/Corel draw to Photoshop. But the very most important point is the dimension and position of all characters should be same. You can set “x” and “y” positions with grids so that when your animation is playing there should be no jerk at all.
Now simply just open your timeline from window menu. Select “Create Frame Animation” if this option is not selected. At this stage it depends on you that you can create as much frames as you want. on frame one only first character or object layer should be visible rest layers should be hide. Similary you can do with all frames, at each frame you just need to keep visible only relevant layers other layers should be hide. When all frames done one by one then you can play your animation. There is small drop down icon under each frame from there you can set speed of animation/video. You can also set its loop time, either it should run for once, twice or forever.
Save your animation
To save your animation just go into file menu, click option “Save for web”. A new window will open, from top right corner you can select option GIF from the drop down, colors option should be selected 256 and click on Save button and save it at your required destination.
Now go into your destination folder and drag your GIF file in any browser it will be working perfectly.
How to make text, icon or shape thicker/bold in Illustrator. Recently I faced a problem for my on going project regarding font thickness. I was designing a four pages brochure and and when I sent it for approval, my client shared a paid font which he wanted to use for all headings. But the problem was that was slightly light weight font and client wanted to see is little thicker. Then I got the solution and now going to share with all of you.
In Adobe Illustrator you can make your heading, letter or shape thicker or thinner only with a few steps. Sometime it happens that you have only light or regular font of any particular font type in your computer and you want to make it little thicker like medium, bold or black but for this you don’t have complete font family.
How to do it?
Just select your required text, go into Type menu press option “Create Outlines”. Now your text has been converted into shapes and you can not change it’s font type anymore. Now go into Object menu, select Path, from path menu select “Offset Path” option. A new window will open with a few option. In the first field of offset you can enter your required number, for example if it is “0.1 inches” then you can increase it to “0.5 inches” and press ok. But keep mind when you are working in inches do not enter too much big numbers like 2 inches or 3 inches because it will increase too much thickness and will destroy its shape. Similarly you can play with your icons or other design shapes but in this case you don’t need to convert it into outlines. Because we need to create outlines only in case of fonts.
Adobe Photoshop is a huge design tool and every year it is getting more better and providing more options to designers. Today I am going to discuss How to design Logo in Photoshop. There are various design tools like Adobe Illustrator and Adobe Indesign but Adobe Photoshop is more powerful than other design tools and programs.
It is all about creativity and even you can say ideas and concepts are God gifted. The purpose of making this video you don’t need to be creative. Just follow this video and start creating your own logo. In this above video I have explained how you can create simple, decent and clean logo for your business without hiring any professional designer. There was a time when people have to hire highly paid professional designers for their small business website or project. But now with advance shape based options of Adobe Photoshop any technical and non-technical person can design his own logo for his business or blog.
How to design logo
When you are going to create your logo for all platforms including printing, websites and mobile applications you just need to take care of a few things. For example, canvas size, resolution, color mode etc. Once you created the canvas then you need to be careful about layers. Most important thing is you have to use always shapes for circles, rectangles and other object. All of your layers should be separate so that you can edit them at any stage. If you will merge your layers or will create Marquee circles and rectangles then you can be in trouble after sometime and you can not edit them easily.
Canvas size and resolution
If you are going to create logo for printing purpose then you can set your document size in inches for instance width 10 inches, height 10 inches and resolution 300 Pixels/inches. If you are going to create logo for website then you can set your width and height in pixels with 72 resolution. When we are working with shapes in Photoshop we don’t need to worry about quality. We can modify our canvas at any stage it will not pixelate or destroy design because our logo will be like vector and you can modify vector or shape as much as you like.
Always use sharp and bright colors according to your subject. Sometime people do not care of color scheme of their logo and they are failed to get much response because they are not following color guidelines. You have to focus on your target audience, for example if you are creating logo for kids then you have to think that what kind of colors attract to kids. Each industry has its own color identity so before starting creating logo we should study or search on google that what kind of colors need to be used in my required logo.
Save logo with different extensions
When your logo is done, try to save them with various extensions like Jpeg, PNG, SVG, and Tiff. So that you can use them according to your requirements. The most important extension is PNG because it is transparent and there is no background behind your logo. So you have to be careful when you are saving PNG logo you need to hide the last background layer from layer panel. Otherwise logo will not be saved as transparent.
Hello Friends in this tutorial you will learn how to copy design from Adobe Illustrator to Adobe Photoshop. If you are going to start project in Adobe Photoshop and might be you need some of your design parts from Adobe Illustrator then this tutorial is very important for you. This is very easy to copy content from Illustrator to Photoshop it is slightly tricky.
When you have to move your design from Adobe Illustrator to Adobe Photoshop you will have to options, one is export which I never use and second is copy your desired part of design and paste in Photoshop. When you will paste your design in Photoshop it will give you a few options:
You have to choose one them option.
1- Smart Object
If you select Smart Object option that is good because you can edit anytime time your design by double clicking on the layer. You can resize this object as you want it will not be pixalting and when you need to edit this just double click on its layer and it will get open in Illustrator because originally it was designed in Illustrator. To know more about Smart Object you can visit my Video and Article from the following link: How to use Smart Object in Photoshop CC Tutorial. Smart Object Benefits.
If you select Pixels then you design will appear as raster image and this method is not recommended at all. Because once you pasted neither you can enlarge this nor you can edit it. You can simple avoid this option.
3- Path & Shape Layers
This method is recommended as well like Smart Object. In this method you will get all original layers and objects as they were in Illustrator. The most useful benefit is you can edit them within Photoshop because now you have full control of layers. You can change the colors and modify the shapes according to your requirement.