Images & Animation
![Ireland](http://www.erepublik.net/images/flags_png/S/Ireland.png)
Sean Power
The Media Module Series:
![](http://i52.tinypic.com/33jmv75.gif)
![](http://i52.tinypic.com/33jmv75.gif)
![](http://i52.tinypic.com/33jmv75.gif)
Up Next: (Subscribe to be alerted of its release)
![](http://i52.tinypic.com/33jmv75.gif)
![](http://i54.tinypic.com/2zehypz.jpg)
Image Code Troubleshooting
![](http://i52.tinypic.com/33jmv75.gif)
![](http://i52.tinypic.com/33jmv75.gif)
![](http://i52.tinypic.com/33jmv75.gif)
Tip
The first time you view an article the image is resized to a width of about 550 pixels. But view it again and it’ll be resized to a width of 400px. Splitting the image in two and then using them side by side in an article can ensure that the image is displayed at a large size constantly
(Eg. This article )
![](http://img51.imageshack.us/img51/2792/trconsig1.jpg)
+
![](http://img98.imageshack.us/img98/912/trconsig2.jpg)
=
![](http://img51.imageshack.us/img51/2792/trconsig1.jpg)
![](http://img98.imageshack.us/img98/912/trconsig2.jpg)
Finding images
Google image search : Search for a keyword related to the article or paragraph and you’ll find plenty of useful relevant images to spice up your article.
Step One : Click on one of the thumbnailed results
Step Two : Click “Full sized image” in the right window
Step Three : Use the image link that’s in the address bar.
Erepublik Images
Right click and select “copy image location” (I use firefox so the exact wording may be different) then paste that between the img tags.
Alternatively, click “view image” or its equivalent and copy the url from the address bar.
Useful for : party avatars, newspaper avatars or any other erepublik icons. This method doesn’t kinda doesn’t work with citizen, company or org avatars however. (see section below)
Examples:
![](http://www.erepublik.com/images/modules/timemanagement/wellness_small.png)
![](http://www.erepublik.com/images/parts/icon-law_valid.gif)
![](http://www.erepublik.com/images/parts/btn_icon-wiki.gif)
![](http://www.erepublik.com/images/parts/icon-gold.gif)
![](http://www.erepublik.com/images/icons/industry/6/default.png)
citizen / org / company avatars
How to get image link:
1. Go to the citizen / org / company profile
2. Click the company they work in (first under activity)
3. Show Employees
4. Use the usual right click method on avatar (will be 142x142 by default)
You’ll see a url something like this:
http://static.erepublik.com/uploads/avatars/Citizens/2009/04/28/58b43ae56bc2384d3bbded77553b5a1f_142x142.jpg
![](http://static.erepublik.com/uploads/avatars/Citizens/2009/03/09/f81b0d8e0d2862b1e5689dc03bc2e253_55x55.jpg)
![](http://static.erepublik.com/uploads/avatars/Citizens/2009/03/09/f81b0d8e0d2862b1e5689dc03bc2e253_100x100.jpg)
![](http://static.erepublik.com/uploads/avatars/Citizens/2009/03/09/f81b0d8e0d2862b1e5689dc03bc2e253_142x142.jpg)
![](http://static.erepublik.com/uploads/avatars/Citizens/2009/03/09/f81b0d8e0d2862b1e5689dc03bc2e253.jpg)
Sizes
You can choose from a couple of sizes by editing the 142x142 bit at the end of the url. Choose from
55x55, 100x100, 142x142 or remove the _142x142 to see the image in its original size.
Unemployed?
1. Find their profile pic in a comment or friends list and right click method their avatar
OR
2. Get it from their citizen feed through the API
http://api.erepublik.com/v2/feeds/citizen_by_name/xml/[name here]
(avatar-link) the 4th line of the page has the image link
Name must be exactly the same as erep name including any spaces
See above section to resize the image to your suiting
![](http://www.erepublik.com/images/flags_png/S/Ireland.png)
![](http://www.erepublik.com/images/flags_png/M/Ireland.png)
![](http://www.erepublik.com/images/flags_png/L/Ireland.png)
![](http://www.erepublik.com/images/flags_png/XL/Ireland.png)
Flags
http://www.erepublik.com/images/flags_png/M/country-name.png
Hyphens (-) must be placed between words. Eg. North-Korea.png
Flag sizes : Edit the bit before the country name and replace it with S, M, L or XL (must be capitals)
![](http://www.erepublik.com/images/icons/industry/1/q1.png)
Products
http://www.erepublik.com/images/icons/industry/industry number/q1.png
![](http://i52.tinypic.com/33jmv75.gif)
![](http://i52.tinypic.com/33jmv75.gif)
![](http://www.erepublik.com/images/icons/industry/1/q1_90x90.png)
Change q1 to the quality of your choice up to q5.
Industry number reference below
1: food
2: moving ticket
3: house
4: hospital
5: defence system
14 weapons
Medals
![](http://www.erepublik.com/images/achievements/icon_achievement_hardworker_on.gif)
![](http://www.erepublik.com/images/achievements/icon_achievement_congressman_on.gif)
![](http://www.erepublik.com/images/achievements/icon_achievement_president_on.gif)
![](http://www.erepublik.com/images/achievements/icon_achievement_mediamogul_on.gif)
![](http://www.erepublik.com/images/achievements/icon_achievement_battlehero_on.gif)
![](http://www.erepublik.com/images/achievements/icon_achievement_resistance_on.gif)
![](http://www.erepublik.com/images/achievements/icon_achievement_supersoldier_on.gif)
![](http://www.erepublik.com/images/achievements/icon_achievement_society_builder_on.gif)
![](http://www.erepublik.com/images/modules/ranks/national_force_2.png)
Rank badges
Look at the list of ranks
- Anything with two words use _ between them with no space
- Anything with a star use the number of stars
Eg. http://www.erepublik.com/images/modules/ranks/national_force_2.png
![](http://www.erepublik.com/images/modules/goals/20101004mon1.png)
Monuments
http://www.erepublik.com/images/modules/goals/20101004mon1.png
![](http://i52.tinypic.com/33jmv75.gif)
Eg. 20101004mon1.png creates the obelisk reward given on 4th October 2010.
mon1 : shows that months Obelisk
mon2 : shows that months Statue
mon3 : shows that months Archway
![](http://www.erepublik.com/images/resources/3.png)
Raw Materials :
http://www.erepublik.com/images/resources/3.png
![](http://i52.tinypic.com/33jmv75.gif)
![](http://i52.tinypic.com/33jmv75.gif)
![](http://www.erepublik.com/images/modules/homepage/missions/18.png)
Missions:
http://www.erepublik.com/images/modules/homepage/missions/18.png
![](http://i52.tinypic.com/33jmv75.gif)
![](http://ads.erepublik.com/system/photos/2010/12/162595/small/YCN_title.jpg)
Advertisements (Special thanks to Luminara for this info)
Use the right click method on the image in a citizen ad and you'll get something like:
http://ads.erepublik.com/system/photos/2010/12/162595/small/YCN_title.jpg?1292271617
Remove the ? and all the numbers after .jpg and you can use that url in an article in it's ad sized format as it is above.
![](http://ads.erepublik.com/system/photos/2010/12/162595/original/YCN_title.jpg)
Just replace small with the word original to see it's original size.
![](http://forum.erepublik.com/images/icons/icon14.png)
Forum
http://forum.erepublik.com/images/icons/icon14.png
![](http://i52.tinypic.com/33jmv75.gif)
Wiki
Wiki image search
![](http://i52.tinypic.com/33jmv75.gif)
![](http://i52.tinypic.com/33jmv75.gif)
Images from the net
The right click method can be used on most images on the net. However be aware that some people don’t like this “hotlinking” as it uses up bandwidth which they might have paid for. Occasionally you’ll find that the image you’ll displayed wont be what you intended and instead one voicing disapproving with “hotlinking”. Therefore ideally you should upload the image to a site that will host it for you so that you can link to it. The two recommended hosting sites below both have an option to upload the image by simply having the image url.
Image hosting sites
Use direct link to the image within the image code. Or you could use the forum link, which has the image link within the img code.
![](http://i52.tinypic.com/33jmv75.gif)
1. Green upload now button [on the top nav bar]
2. Upload from the web url or your computer
3. Save and continue to album
4. Hover over image
5. Click direct link
![](http://i52.tinypic.com/33jmv75.gif)
1. Browse button -> select file or from URL
2. Upload
3. Complete Capcha
4. Direct link for layouts
Creating Images
Click the example to go to the site
![](http://i53.tinypic.com/2zi5uuf.gif)
(animated text useful for signatures, headers,etc + cool buttons)
About 30 styles. Easy to use. Wide selection of fonts.
![](http://i52.tinypic.com/2ywzv4h.gif)
(Logo / Button / Banner creator)
About 30 different styles. More freedom to customize
Userbar designer
Eg.
![](http://i54.tinypic.com/3efkg.gif)
(Complex designer with alot of freedom)
To start click “start designer” in top left of the page
![](http://i54.tinypic.com/211w6x2.gif)
(choose pattern, direction, font, etc)
![](http://i51.tinypic.com/b8o84h.gif)
(couple of different sizes but all the above style)
![](http://img696.imageshack.us/img696/3097/hg87mix8rn.gif)
(typewriter style)
Loogix.com
Add dynamic effects to a static image (12 different styles)
![](http://www.loogix.com/img/res/1/2/9/2/1/3/12921376341791325.gif)
Creating Graphs
![](http://i56.tinypic.com/k2oig2.png)
nces.ed.gov/nceskids/createagraph/
- Plenty of choice, easy to use and preview feature
- Create, download and then upload to image hosting site
![](http://i51.tinypic.com/t5hfm9.png)
www.onlinecharttool.com/graph.php
- Even more types of graphs, easy to use and preview feature
- Create, download and then upload to image hosting site
Creating Comics
![](http://static.toondoo.com/public/w/a/l/waldi1/toons/cool-cartoon-1893481.png)
http://www.toondoo.com
Above comic created by Waldi1
Using Images as Bullet Points
![](http://i52.tinypic.com/33jmv75.gif)
Full image editors
MS Paint : Incorporated into windows since... seems like forever! Remember to save file as something other than .bmp!
SumoPaint (tutorials)
Paint.net (tutorials)
Gimp - free downloadable photoshop-like editor
Creating Gif Animations
Movie2gif - No time limit, edit in program, video to gif
gifsoup.com/ - Create gif animations from youtube vids
www.gifup.com/ - Upload images can be edited, effects and text can be added
www.blumentals.net/egifan/ - trial version of downloadable gif animation tool
Flipbook Creator - fun & easy short cartoon creator. Example below...
![](http://www.benettonplay.com/toys/flipbookdeluxe/flipbooks_gif/2010/12/10/307436.gif)
Above was Created by Vaca with Flipbook Creator
![](http://www.gifsoup.com/view3/1470841/miyabi-isshiki-s-boobs-o.gif)
Doesn't breach Youtube family friendly T&Cs so not offensive or pr0n >_>
Finding Gif Animations
gifsoup.com : Large archive of animations created from youtube clips
Animated Gifs Archive - Nicely organised by category
Finding Funny sh1t
Loads of funny cr@p to chuck into an article
lolcats & stuff: http://icanhascheezburger.com/
Images of Fail : http://failblog.org/
Memebase : http://memebase.com/
REMEMBER
- Be aware of copyright laws and fair use exemptions
- Credit the image creator where-ever possible
►►►►►► ►►►►VOTE & SUBSCRIBE ◄◄◄◄◄◄◄◄◄◄
Brought to you by:
![](http://i1034.photobucket.com/albums/a423/openRepublik/bhc2af.png)
Image designed by Luminara
Comments
There's so many pictures of Gerry Adams, it's like IRA propaganda! 🙂
Great info cheers.
Voted.
lol Bryan.... Must remember to change them to Joan Burton or someone 😛
Appreciated Mr. Taoiseach 🙂
Christ, not her...please, anyone but the MOAN!
Seriously good work Sean , nice one
^ Lol'd Bryan.
Agreed.
Thanks Luminara. I'll add that stuff in now. Forgot about images from ads and was estimating (rea😛 completely bluffing!) the pixel width stuff.
Stunning work, Sean. 10/10
Yet another extraordinarily explanatory article by Sean Power himself.
It's a pity indeed you publish this article in Ireland only. (if you do so. 🙂)
You have mad computer graphic skills, Sean.Do you have other skills? You know, like nunchuck skills, bowhunting skills, computer hacking skills... Girls only want boyfriends who have great skills.
Don't use animations of Charlie Manson, Admin takes it personal.
😉😉
[removed]
COOL!
Forgot to mention. If you're using an image as a bullet point type thing the ideal height is not more than 13 pixels I think. That way it doesn't interfere with the spacing of the lines of text.
Thanks James, Dan, Gekko & yddub emwolb... I'm grap at graphics which is how I found a load of sites that make it easy! I've always got my drinkin skillz...
Me likey 😉 If anybody wants help with graphics and the image manipulating stuff just send me a message 😉
Flippin brilliant.
If Gerry must be changed, try that pierce lad if yer keepin it SF. Failing that, Jackie Healy Rae would make a fine picture.....
Yddub's right. The more primeval, the better 🙂
Voted + Sub
Phew! Long a** article lol
like alot