RPG Game · RPG Shop · RPG Bank · RPG Ebay · RPG Farm

Top Sponsor of the Month
The Top Sponsor of the Month at the moment is Prissy Priss with a total of $20 dollars
Site: Funender.com
Become a Sponsor

Post new topic   Reply to topic    Home -> Funender.com's Final Fantasy Forum Index -> Forum Announcements -> Support and Suggestions
The easy way to create new item images - Goto page 1, 2  Next
  View previous topic :: View next topic 
 User is Hidden FuNEnD3R   PostPosted: Sat Aug 11, 2007 3:47 pm
Site Owner




Age: 29

Joined: 09 Oct 2004


Posts: 7931
Karma: 862


Usergroups:
Advent Children
Blacksmith
FF Experts

7536813 Gil

Class: Knight
Level: 44

Items
Award - Master Sniper Boss Item - Durahan Measure Boss Item - Light Of Abyss Boss Item - Order Of Joining Boss Item - Rammed Earth
more...

 

The easy way to create new item images

Hello, I figured that a lot of people may not be aware of how to create the item images found here so I wanted to create this short FAQ that explains how to do it using step by step instructions. It only takes about 30 seconds to create an item image so with the help of a lot of people we could probably have images for nearly every item. In this tutorial I will be using an older version of Photoshop (version 6.0).

1. The first thing to do is make sure that your item image has the brown background to match the others. You can copy and save this image below to use as a new item image background:



2. Locate an item in the shop that doesn't have an item image already (items with no images automatically display a question mark).

In this example I will create an image for the item named "Black Hawk" located here:

http://www.funender.com/finalfantasy/forums/shop_inventory.php?action=displayitem&item=1055

NOTE: (You will see a hawk image already for this item since I created it during this tutorial)

3. I then go to the Google Image search page to find an image relating to a black hawk. Here is what I have found:

http://images.google.com/images?q=black+hawk&svnum=10&um=1&hl=en&start=20&sa=N&ndsp=20

Next I will choose which image to use and save it to my computer. In this example I have chosen this image:



4. I will then open my brown background image in Photoshop first:

Make sure to go to the Photoshop menu and go to Image > Mode > and select the RGB Color option for the brown background image like you see in this screenshot:



5. Next I will open up the Google Image that I have found of the black hawk. I will zoom in on the image to make it as large as possible so that it is easy to use the Lasso Tool to copy the part of the image that I want. On the menu located to the left select the Lasso Tool:



If you mouseover the Lasso Tool icon, right click on your mouse and you will have additional lasso tool options:



Select the Polygonal Lasso Tool Option. Now we are ready to roll Smile

6. Now go to the Google image you have downloaded and use the Polygonal Lasso Tool to make an outline of the image you want. You do this by first clicking on your mouse where you want your start point to be, then drag your mouse across the outline of the image and click again to create a pattern. You can see in the following screenshot where I outlined part of the image that I wanted to copy (You will see dotted lines around the image)



Once I have completed the outline, I use the CONTROL + C keys on my keyboard to copy the image. I then click the CONTROL + N keys to open a new page in Photoshop. Once I have opened a new page I use the CONTROL + V keys to paste the image I have just outlined. You should see the image that you have just copied if done correctly.

7. Now I resize the image that I have just copied. It is best to go no larger than 21 by 21 pixels in size. To resize the image, in the Photoshop menu go to Image > Image Size... and a menu will pop up where you will see the height and width adjustments. In this example I choose the image dimensions to be width - 17 height - 21 and clicked OK to save changes:



After you have saved the new image size, I then use the CONTROL + A keys to copy the whole image. The whole image will be surrounded by dots and I then use the CONTROL + C keys to copy:



8. I then open up the brown background image that has been minimized this whole time and use the CONTROL + V keys to paste the small hawk image I just copied:



9. Almost done! Now all I do is go to Photoshop menu located at the top and go to File and Save As... I make sure to choose the .Gif option (CompuServe GIF) and name the image after the item name:



I click the OK button for the rest of the menus during the save and then I am done Very Happy I upload the image and when you look at the item again you will see that it will have the Black Hawk image assigned to it:



At the moment there is no way for you guys to upload images so if you could create a post and link to the image you have created Kim or I could upload them for you Smile I hope that this little FAQ helps and even though it looks like a lot of work it only takes about 30 seconds to create an item image.

_________________


Check out cool site with music you never heard before: www.f3music.com
View user's profile
 User is Offline malific   PostPosted: Sat Aug 11, 2007 3:54 pm
Ultima Weapon



Age: 19

Joined: 09 Sep 2005


Posts: 10385
Karma: 676
Location: Argentina

Usergroups:
Chocobo Trainers
Funender Garden
Funender Support

4478634 Gil

Class: Knight
Level: 78

Items
Advent Children DVD Aeris Flower Al Bhed Dictionary Applesauce Art Of The Master
more...

 

Just great Fun, that´s really MUCH easier than the way I made mine...
As soon as I get back home on Monday, I´ll start making a lot of item images with Photoshop Very Happy

_________________
-25 Chocos caught and 6 defeated.

-Got any Funender RPG questions? Check here. Also look at Shandy's Chocobo FAQ if you´re planning on raising Chocobos ^^

-Try out this game!
Personal Photo Album View user's profile
 User is Offline Nerthul   PostPosted: Sat Aug 11, 2007 3:55 pm
Omega Weapon



Age: 16

Joined: 01 Nov 2005


Posts: 12264
Karma: 298
Location: Argentina

Usergroups:
Chocobo Trainers
Funender Garden
Funender Walkthrough Team

1050976 Gil

Class: Warrior
Level: 61

Items
Award - Master Wizard Knight Cauldron Tip Secret 5 Gift - Christmas Present 2005 FFVIII Game For The PC Cauldron Tip Secret 10
more...

 

Nice FAQ there Fun Razz

Also, as a little thing to add, saving them in GIF is necessary in order to add the transparence in the image corners...

To add it, just put a random colour to the corners, making sure it´s the same in all of them and also making sure it´s NOT used in the image, then open Microsoft Photo Editor, and there´s some option among all the buttons to add it... When I get my PC, I will post it with more detail ^^

_________________




Damaged 11 Chocobos! (Though it´s a waste counting now XD)

First one to post on first page 1000 of the forum Cool

This is another good RPG to spend time in Wink
Personal Photo Album View user's profile
 User is Hidden FuNEnD3R   PostPosted: Sat Aug 11, 2007 3:57 pm
Site Owner




Age: 29

Joined: 09 Oct 2004


Posts: 7931
Karma: 862


Usergroups:
Advent Children
Blacksmith
FF Experts

7536813 Gil

Class: Knight
Level: 44

Items
Award - Master Sniper Boss Item - Durahan Measure Boss Item - Light Of Abyss Boss Item - Order Of Joining Boss Item - Rammed Earth
more...

 

Thanks malific Very Happy I hope that I explained everything well enough so you will not experience any problems. Good luck Wink

To Nerthul:

Yes I didn't want to confuse anyone so I just explain what to do instead of typing an additonal 20 paragraphs on the importance of transparency. I noticed a lot of books and FAQs begin explaining about things that may confuse the reader so I try to keep things as brief as possible Smile

_________________


Check out cool site with music you never heard before: www.f3music.com
View user's profile
 User is Offline Shandris   PostPosted: Sat Aug 11, 2007 3:59 pm
Guest








Karma: 0


Usergroups:
None



Items

 

Fun i think youre reading my mind LOL i was thinking about making few images once im done with my sig requests...i was just wondergin where to get that bg neccesary for it...and now here it is haha

cool thanks a lot...nice tutorial too ^^
View user's profile
 User is Offline malific   PostPosted: Sat Aug 11, 2007 4:01 pm
Ultima Weapon



Age: 19

Joined: 09 Sep 2005


Posts: 10385
Karma: 676
Location: Argentina

Usergroups:
Chocobo Trainers
Funender Garden
Funender Support

4478634 Gil

Class: Knight
Level: 78

Items
Advent Children DVD Aeris Flower Al Bhed Dictionary Applesauce Art Of The Master
more...

 

Shandris wrote:
Fun i think youre reading my mind LOL i was thinking about making few images once im done with my sig requests...i was just wondergin where to get that bg neccesary for it...and now here it is haha

cool thanks a lot ^^ nice tutorial too ^^


You could also download the item image with the question mark on it and paste the image over the question mark, or just take the colours from the question mark image and use them to make the background yourself (that´s how I did it up to now)
But this makes everything easier Smile

And yeah I agree with you Fun, tutorials are meant to make things easy and let everyone be able to make it.

_________________
-25 Chocos caught and 6 defeated.

-Got any Funender RPG questions? Check here. Also look at Shandy's Chocobo FAQ if you´re planning on raising Chocobos ^^

-Try out this game!
Personal Photo Album View user's profile
 User is Offline Nerthul   PostPosted: Sat Aug 11, 2007 4:02 pm
Omega Weapon



Age: 16

Joined: 01 Nov 2005


Posts: 12264
Karma: 298
Location: Argentina

Usergroups:
Chocobo Trainers
Funender Garden
Funender Walkthrough Team

1050976 Gil

Class: Warrior
Level: 61

Items
Award - Master Wizard Knight Cauldron Tip Secret 5 Gift - Christmas Present 2005 FFVIII Game For The PC Cauldron Tip Secret 10
more...

 

For the background, I first took the image with the question mark in it... I make them a harder way, guess that I´ll have to make use of Photoshop now...

_________________




Damaged 11 Chocobos! (Though it´s a waste counting now XD)

First one to post on first page 1000 of the forum Cool

This is another good RPG to spend time in Wink
Personal Photo Album View user's profile
 User is Offline Shandris   PostPosted: Sat Aug 11, 2007 4:04 pm
Guest








Karma: 0


Usergroups:
None



Items

 

yes i was planning to do copy that image with question mark....but now i dun have to anymore lol
View user's profile
 User is Offline malific   PostPosted: Sat Aug 11, 2007 4:04 pm
Ultima Weapon



Age: 19

Joined: 09 Sep 2005


Posts: 10385
Karma: 676
Location: Argentina

Usergroups:
Chocobo Trainers
Funender Garden
Funender Support

4478634 Gil

Class: Knight
Level: 78

Items
Advent Children DVD Aeris Flower Al Bhed Dictionary Applesauce Art Of The Master
more...

 

Oh, should I make the image creation topic now? I´ll put a link to this tutorial so people check it easily.

But I´m not sure about the section...

_________________
-25 Chocos caught and 6 defeated.

-Got any Funender RPG questions? Check here. Also look at Shandy's Chocobo FAQ if you´re planning on raising Chocobos ^^

-Try out this game!
Personal Photo Album View user's profile
 User is Hidden FuNEnD3R   PostPosted: Sat Aug 11, 2007 4:09 pm
Site Owner




Age: 29

Joined: 09 Oct 2004


Posts: 7931
Karma: 862


Usergroups:
Advent Children
Blacksmith
FF Experts

7536813 Gil

Class: Knight
Level: 44

Items
Award - Master Sniper Boss Item - Durahan Measure Boss Item - Light Of Abyss Boss Item - Order Of Joining Boss Item - Rammed Earth
more...

 

malific wrote:
Oh, should I make the image creation topic now? I´ll put a link to this tutorial so people check it easily.

But I´m not sure about the section...


Yeah I wasn't sure where to place this topic either at first Razz I suppose you can create it in the final RPG forum. In the future I plan to add an item image suggestion script for you guys to easily submit images for approval similar to the item suggestor.

_________________


Check out cool site with music you never heard before: www.f3music.com
View user's profile
 User is Offline malific   PostPosted: Sat Aug 11, 2007 4:10 pm
Ultima Weapon



Age: 19

Joined: 09 Sep 2005


Posts: 10385
Karma: 676
Location: Argentina

Usergroups:
Chocobo Trainers
Funender Garden
Funender Support

4478634 Gil

Class: Knight
Level: 78

Items
Advent Children DVD Aeris Flower Al Bhed Dictionary Applesauce Art Of The Master
more...

 

All right, I´ll make it now.

_________________
-25 Chocos caught and 6 defeated.

-Got any Funender RPG questions? Check here. Also look at Shandy's Chocobo FAQ if you´re planning on raising Chocobos ^^

-Try out this game!
Personal Photo Album View user's profile
 User is Online steponfreshness   PostPosted: Sun Aug 12, 2007 1:48 pm
Advent Child



Age: 18

Joined: 07 Apr 2007


Posts: 1111
Karma: 250
Location: Look Behind You!!!

Usergroups:
Item Warriors
Rare Hunters

1906837 Gil

Class: Warrior
Level: 53

Items
Spiderman Costume Award - Master Gladiator Advent Children DVD Besaid Key Talisman Rod
more...

 

wow thanks for the steps funender...i will surely try to make the picz... Very Happy
View user's profile
 User is Offline Gust   PostPosted: Sat Aug 18, 2007 12:06 am
Elite Soldier



Age: 20

Joined: 16 Aug 2005


Posts: 3945
Karma: 275
Location: Richmond, British Columbia

Usergroups:
Funender Walkthrough Team

4043460 Gil

Class: Wizard Knight
Level: 33

Items
Gift - Christmas Present 2005 Thanksgiving Turkey Gift - Christmas Present 2006 Protect Milk Power Water
more...

 

Sorry im kinda new to photoshop and im using phostoshop 7.0....i just encountered a problem in Step 8. where i need to paste the image to the small Box....it seems i cant paste it no matter what i do...any solution?

Edit: I got it so it's not ctrl P it's Ctrl V lolz...anyways i encounter a new problem it seems the image doesnt look like the real image...there seems to be a problem on the color....

Edit: i got it hehe i think

_________________

Youtube sucks? Click at my siggy and watch crazy amount of anime online
Join Funender Anbu we deals with Anime and Manga Updates click here
Personal Photo Album View user's profile
 User is Hidden FuNEnD3R   PostPosted: Sat Aug 18, 2007 2:09 am
Site Owner




Age: 29

Joined: 09 Oct 2004


Posts: 7931
Karma: 862


Usergroups:
Advent Children
Blacksmith
FF Experts

7536813 Gil

Class: Knight
Level: 44

Items
Award - Master Sniper Boss Item - Durahan Measure Boss Item - Light Of Abyss Boss Item - Order Of Joining Boss Item - Rammed Earth
more...

 

Oops thanks for catching that I changed it in Step 8. Yeah that is what the RGB color option is for to keep the color the same as the image you have pasted.

_________________


Check out cool site with music you never heard before: www.f3music.com
View user's profile
 User is Offline malific   PostPosted: Sat Aug 18, 2007 8:03 am
Ultima Weapon



Age: 19

Joined: 09 Sep 2005


Posts: 10385
Karma: 676
Location: Argentina

Usergroups:
Chocobo Trainers
Funender Garden
Funender Support

4478634 Gil

Class: Knight
Level: 78

Items
Advent Children DVD Aeris Flower Al Bhed Dictionary Applesauce Art Of The Master
more...

 

Gust wrote:
Sorry im kinda new to photoshop and im using phostoshop 7.0....i just encountered a problem in Step 8. where i need to paste the image to the small Box....it seems i cant paste it no matter what i do...any solution?

Edit: I got it so it's not ctrl P it's Ctrl V lolz...anyways i encounter a new problem it seems the image doesnt look like the real image...there seems to be a problem on the color....

Edit: i got it hehe i think


I never used Photoshop up to last week, so it´s not really difficult you see Wink

And yeah, don´t forget about the RGB colour thing, images look horrible without it.

_________________
-25 Chocos caught and 6 defeated.

-Got any Funender RPG questions? Check here. Also look at Shandy's Chocobo FAQ if you´re planning on raising Chocobos ^^

-Try out this game!
Personal Photo Album View user's profile
Display posts from previous:   
Post new topic   Reply to topic    Home -> Funender.com's Final Fantasy Forum Index -> Forum Announcements -> Support and Suggestions All times are GMT - 5 Hours
Goto page 1, 2  Next
Page 1 of 2
| View your watched topics
 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You can vote in polls in this forum


AddThis Social Bookmark Button

RSS Feeds


Home · Welcome · Polls · Movies · Play RPG · Wallpapers · RSS Feeds



© 2009 funender.com all rights reserved.
Final Fantasy Forum