May. 14th, 2017 at 11:48 PM
RP Tutorials
July 2021
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- coding
- etiquette
- extras
- firefox extensions
- fonts
- game related
- gifs
- guides
- header pictures
- html
- ic gift swapping codes
- icon request
- icon requests
- icons
- ij-layouts
- images
- invite codes
- journal layouts
- layout
- layout help
- layout
- layouts
- legally dubious post
- livejournal
- manips
- media
- mood themes
- name field
- paid accounts
- psa
- question
- resource
- resources
- tools
- website
Summary
- Elf Ears Tutorial
- The Ultimate Generator Tutorial
- How to Convert an IJ Code For a Webpage
- Gif Tutorial (Photoshop CS6)
- Auto-Capping With VLC
- The New Hollow-Art: A Walkthrough
- Lets Talk About Gif/Icon Chats verses Para/Threads and Characterization
- Transparent PNG tutorial!
- How Tess does her icons in GIMP. Or whatever.
- Damn, it feels good to be a gangster
- Tutorial: Downgrading Your webs.com Sites (and Making New Sites included at no extra cost!)
- How to Nolanize a (comic) character: a few suggestions towards fiercly real RP characters
- Tutorial: www.webs.com
- Everybody likes bingo...
- Shut Up Sarah: Plotting And Characterization in roadmaps
- Bloggish: Customize that standard entry footer!
- those fancy, glowing icons we all love (or hate).
- Sarah TL;DRs: Temporary Characters and Unaffiliated
- Make your posts look more book-like
- Astrology Links and Birthdate-selection
Posts Tagged: 'resources:+tutorials'
May. 14th, 2017
→ 
May. 3rd, 2016
May. 3rd, 2016 at 9:53 PM
This is a tutorial I've been meaning to do for literal years! It took forever to get to it, but today we're going to pick apart the train wreck that is Generator in hopes that more people can actually use it to create custom content. Exciting stuff!
This tutorial is going to cover any and everything I've ever learned while
Don't forget to post the creations you make using this new workable base at
![[info]](https://www.insanejournal.com/img/community.gif){kind=small}
rpresources and the new community, s1generator, which I've created for all Generator-specific needs!GENERATOR SETTINGS • FAQ & TROUBLESHOOTING
VIEW EXAMPLE JOURNAL • VIEW THE DOCUMENTATION • ASK A QUESTION
Aug. 4th, 2013
Aug. 4th, 2013 at 1:54 PM
Quick & not-so-quick methods at my journal
Also there is this. ♥
Jun. 26th, 2013
Jun. 26th, 2013 at 1:19 AM
How To Make Gifs Like Jen Makes Gifs (in Photoshop CS6) - There are large images in here!
I make the assumption that whoever's looking in here already knows how to make their own caps. I can't use Bridge because my computer vomits it up, and making the .gif straight from the video doesn't really work for me. SO! I do it like this. :D If it works for me, it might work for you!
Click to go to Supersuits!
I make the assumption that whoever's looking in here already knows how to make their own caps. I can't use Bridge because my computer vomits it up, and making the .gif straight from the video doesn't really work for me. SO! I do it like this. :D If it works for me, it might work for you!
Click to go to Supersuits!
Jun. 24th, 2013
Jun. 24th, 2013 at 12:03 PM
It's kind of a pain in the ass, but it's really easy!
I'll also probably be getting another code up today. ♥
Jun. 7th, 2013
Jun. 7th, 2013 at 5:59 PM
I know it seems pretty ridiculous to do a tutorial/walkthrough of Hollow-Art of all places, but they've completely redesigned their website and I thought a walkthrough of sorts might help anyone who hasn't seen the new layout to get used to it. Plus, it showcases some pretty awesome stuff they've done with the new look. Just click on the cut and you're good to go!
( Searching for Icons on Hollow-Art, a Walkthrough )
( Searching for Icons on Hollow-Art, a Walkthrough )
Apr. 26th, 2013
Apr. 26th, 2013 at 11:28 PM
|
Before we get into the differences I want to define these two methods of conversation:
Paraing or Threading ( Read more... ) |
Mar. 31st, 2013
Mar. 31st, 2013 at 5:42 PM
Hello! I am working on some fun tutorials for update ideas for the new community ![[info]](https://www.insanejournal.com/img/userinfo.gif)
wizardry (sorry for the shameless plug) and the first one I've done is a transparent PNG tutorial that we use that basically works great for handwriting fonts and posting images that aren't necessarily a square that will work with any color background. You should be able to do this in PS 4 and up! Confused? ( hopefully this will help! )
wizardry (sorry for the shameless plug) and the first one I've done is a transparent PNG tutorial that we use that basically works great for handwriting fonts and posting images that aren't necessarily a square that will work with any color background. You should be able to do this in PS 4 and up! Confused? ( hopefully this will help! )Dec. 11th, 2012
to 
Nov. 4th, 2012
Nov. 4th, 2012 at 10:47 AM
aka "Oh, for cripe's sake WHY AREN'T YOU USING CHROME?"
 |
→ | |
( Cheat sheet and references )
Sep. 23rd, 2012
Sep. 23rd, 2012 at 5:05 PM
I checked around, and I didn't really see a tutorial for downgrading webs.com sites, and I'd been meaning to make a tutorial for it to go along with my other one, so I hope it's cool to post this here. Let me know if this is a moot point, and I'll delete it. Anyway, on to the tutorial!
All right. This tutorial goes hand in hand with my www.webs.com tutorial, although instead of learning how to use webs.com, I'm going to be going over how to downgrade a new or newer site to the html editor (that will then allow you to use the linked tutorial if you're not sure how to use webs.com or go back to your usual html coding if you already know how to use it). Like with the previous tutorial, this tutorial will be image heavy, but I'll restrict the size so it is a bit more dial-up and slow internet friendly. Just right click and view image or view image in new tab/window if you need a bigger version.
You can use this tutorial for both making a new account with a new site or making a new site with an old account.
(How to Downgrade Your webs.com Sites -- For Both New and Old Accounts/Sites)
All right. This tutorial goes hand in hand with my www.webs.com tutorial, although instead of learning how to use webs.com, I'm going to be going over how to downgrade a new or newer site to the html editor (that will then allow you to use the linked tutorial if you're not sure how to use webs.com or go back to your usual html coding if you already know how to use it). Like with the previous tutorial, this tutorial will be image heavy, but I'll restrict the size so it is a bit more dial-up and slow internet friendly. Just right click and view image or view image in new tab/window if you need a bigger version.
You can use this tutorial for both making a new account with a new site or making a new site with an old account.
(How to Downgrade Your webs.com Sites -- For Both New and Old Accounts/Sites)
Sep. 12th, 2012
Sep. 12th, 2012 at 10:13 PM
While this was originally written for the Gotham Falls game (
There has been lots of tutorials posted here about how to write good, multi-layered, well-researched, soundly motivated characters. This addition deals with creating characters that have messed up lives and suffering from the the results of living in dark places.
( In Gotham...bad things happen to good people... )
Mar. 6th, 2012
Mar. 6th, 2012 at 2:50 PM
I looked and didn't really see a tutorial for this (or one I undestood), and I know someone just asked about this, so I hope it's okay to post this! If it isn't or is already done, I'll delete the entry. Anyway!
Using webs.com for character biographies/directories and other random things seems to be pretty popular, but it can be a bit tricky to figure out (or it was for me, and I can't be alone, right?). I couldn't find a tutorial, and I got help from random places, but I thought since I couldn't find a tutorial or one that made sense to me (seriously, I don't know what people mean when they say upload file because I tried, and the one time I got it to upload, it was corrupted and wouldn't work), I'd make one for other people who might not be as very savvy, either. Just a warning, this is image heavy because I wanted to make sure people had visuals with the directions since it can be hard going on text alone. If you can't see the image very well, just right click view image/view image in new tab for a bigger size. I restricted their size in the entry so they wouldn't take up as much space.
(How to Make a Web Page for Your Character Biography/Directory)
Using webs.com for character biographies/directories and other random things seems to be pretty popular, but it can be a bit tricky to figure out (or it was for me, and I can't be alone, right?). I couldn't find a tutorial, and I got help from random places, but I thought since I couldn't find a tutorial or one that made sense to me (seriously, I don't know what people mean when they say upload file because I tried, and the one time I got it to upload, it was corrupted and wouldn't work), I'd make one for other people who might not be as very savvy, either. Just a warning, this is image heavy because I wanted to make sure people had visuals with the directions since it can be hard going on text alone. If you can't see the image very well, just right click view image/view image in new tab for a bigger size. I restricted their size in the entry so they wouldn't take up as much space.
(How to Make a Web Page for Your Character Biography/Directory)
Jan. 20th, 2012
Jan. 20th, 2012 at 11:53 AM
So, I run a few fan work bingo communities and I love them. I also love sharing things. So, for those who care, here is a link to an open source spreadsheet/workbook on Google Docs that you can use on Google Docs or Excel to create your own bingo cards!
→ link ←
There are tons of memes and fun stuff you could do for your games or fandom with this. Enjoy!
→ link ←
There are tons of memes and fun stuff you could do for your games or fandom with this. Enjoy!
Jan. 13th, 2012
Jan. 13th, 2012 at 11:55 PM
Note: This TL;DR is brought to you by roadmaps. It was written in relation to Activity In Game, Plotting, and Characterization in that particular Marauders AU Universe but I've been given the impression that it might be useful elsewhere.
roadmaps. It was written in relation to Activity In Game, Plotting, and Characterization in that particular Marauders AU Universe but I've been given the impression that it might be useful elsewhere.Previously On Shut-Up-Sarah | Temporary Characters and Unaffiliated Characters | Plotting And Characterization in Roadmaps |
roadmaps |
Sep. 24th, 2011
Sep. 24th, 2011 at 9:36 PM
If you're creating custom styles for S2 Bloggish, chances are that you already know how to use CSS to change the colors, fonts, padding, etc. so I'm not going to go into that or explain stylesheets to you. I'm going to assume you know what those are because there are tons and tons of tutorials on those. What I'm here to tell you about is something rather nifty: using CSS to remove or alter the text in the entry footer. Basically, I'm going to show you how to grab each element in the footer and change it using pseudo-elements and attribute selectors. OOO SCARY BIG WORDS! Don't worry, it's not that hard. :)
( Hopefully, this will alleviate some frustrations about the limitations to customization... )
ETA: If you just want the time to show up in the footer without the "posted at" I can help you with that code because I just figured it out, but it'll be a little different for every layout. :)
( Hopefully, this will alleviate some frustrations about the limitations to customization... )
ETA: If you just want the time to show up in the footer without the "posted at" I can help you with that code because I just figured it out, but it'll be a little different for every layout. :)
Sep. 20th, 2011
Sep. 20th, 2011 at 3:00 PM
I have uploaded a photoshop "action" for those of you who don't want to follow step by step instructions on how to make icons such this.
The action can be downloaded here. In the folder you'll find one for any size image and one that resizes any evenly cropped image to 100x100 for you.
Also, you might try playing with the opacity and such in your photoshop "history" if the icons aren't exactly to your liking when the action completes.
Enjoy and feel free to ask any questions!
PS For those of you who don't understand actions or don't want to use a premade action, you can view the step by step directions for it and make the icons yourself by clicking here!
The action can be downloaded here. In the folder you'll find one for any size image and one that resizes any evenly cropped image to 100x100 for you.
Also, you might try playing with the opacity and such in your photoshop "history" if the icons aren't exactly to your liking when the action completes.
Enjoy and feel free to ask any questions!
PS For those of you who don't understand actions or don't want to use a premade action, you can view the step by step directions for it and make the icons yourself by clicking here!
Aug. 13th, 2011
Aug. 13th, 2011 at 3:13 AM
Note: This TL;DR is brought to you by roadmaps. It was written in relation to writing Temporary or Unaffiliated characters in that particular Marauders AU Universe but I've been given the impression that it might be useful elsewhere particularly if a player is having trouble getting interaction for characters. The characters mentioned in detail in this post are my own. Temporary Character for the US Stevie Laurel laurelluv, Temporary Character for the US Rueben Jones hoodooblues, semi-Temp Petunia Dursley petuney, Former Temporary/Now Perm Elena Kerr crackthewall, and Perm Regulus Black applefromvine. Also a mention of Leg's fabulous Temp-Turned-Perm Candy Reeser bowerybitch and a big thanks to Fin who edited this mess!
roadmaps. It was written in relation to writing Temporary or Unaffiliated characters in that particular Marauders AU Universe but I've been given the impression that it might be useful elsewhere particularly if a player is having trouble getting interaction for characters. The characters mentioned in detail in this post are my own. Temporary Character for the US Stevie Laurel laurelluv, Temporary Character for the US Rueben Jones hoodooblues, semi-Temp Petunia Dursley petuney, Former Temporary/Now Perm Elena Kerr crackthewall, and Perm Regulus Black applefromvine. Also a mention of Leg's fabulous Temp-Turned-Perm Candy Reeser bowerybitch and a big thanks to Fin who edited this mess!Previously On Shut-Up-Sarah | Temporary Characters and Unaffiliated Characters | Plotting And Characterization in Roadmaps | I think people sometimes highly underestimate the challenge of a temporary or unaffiliated character. I’m putting both under this category because they both come with, in my humble opinion, similar pitfalls. For the temporary character—the player has a relatively short period to make them relevant and often few standard in-game connections. For the unaffiliated character, particularly ones who do not have standard canon, or in game pre-set connections, the character and player are inherently limited in the amount of posts they can respond and react to. Both of these types are, therefore, something that takes a little bit of effort to play. Now, I won’t say I have always been successful playing temporary characters. I’ve failed multiple times in a hundred different ways—both in timing, how I decided to play a character, and my organization or lack thereof. However, I’m going to discuss here what I personally think helps make a temporary, or unaffiliated character, be able to lift off—however briefly. As I’m more intimately aware of them, I will be discussing my characters in each section as examples. It’s not because I don’t love other people characters but that I don’t know them quite as well. I’d love to hear other people’s takes, advice, and concepts. ( These are my thoughts on <strike>Yaoi</strike> Temporary and Unaffiliated characters ) |
Jul. 28th, 2011
Jul. 28th, 2011 at 4:33 PM
Do you want to make everything justified but HATE the fact that every single God-blessed time you use text-align:justfy; in your style, at lease one line ends up having ginormous spaces between the words because the text didn't fit perfectly? Well, allow me to introduce you to the soft hyphen (aka ­) and its magic~!
( The soft hyphen )
Next up, modular spacing. Do you like to play with the font-size, letter-spacing, and line-height? Well, this may or may not sound insane, but how you space your text does affect a person's interest in reading what you have to say.
( Modular spacing )
The last thing I'm going to do is indent the text, emphasize the first letter of the article, and change the font.
( The final step )
I was thinking there could be a typography tag for things like this? I know there have been other posts on the subject...
( The soft hyphen )
Next up, modular spacing. Do you like to play with the font-size, letter-spacing, and line-height? Well, this may or may not sound insane, but how you space your text does affect a person's interest in reading what you have to say.
( Modular spacing )
The last thing I'm going to do is indent the text, emphasize the first letter of the article, and change the font.
( The final step )
I was thinking there could be a typography tag for things like this? I know there have been other posts on the subject...
Jul. 27th, 2011
Jul. 27th, 2011 at 9:16 PM
I'm an astrology nut. Have been for longer than I can remember. It's fun and harmless, and there's always lots of great ways to use it.
The past few years, I've used it as a way to help me determine birthdates for characters that don't have them when I need them. Helps me come up with random personality traits I might not have otherwise thought of, and narrows down the date so I don't choose one at random.
Whether or not you actually believe in astrology, it's still fun to play around in, so I thought I'd write up a post of good sites to look at for various astrological/birth sign information.
Keep in mind, these sites have a tendency to disappear at random, so the links here are quite likely to just stop working. If they do, let me know, and I'll try to find a better link, if one exists.
The Birthday Calculator: Not so much astrology, though it includes it, but random miscellanea about your date of birth. Lots of random odd stuff here, but kind of fun to look through, and might inspire something you hadn't considered.
( Western Zodiac )
( Eastern Zodiac )
( Other Astrologies )
And something a little different:
( Numerology )
*Bonus*
Finding a birthdate for a character:( How-to )
The past few years, I've used it as a way to help me determine birthdates for characters that don't have them when I need them. Helps me come up with random personality traits I might not have otherwise thought of, and narrows down the date so I don't choose one at random.
Whether or not you actually believe in astrology, it's still fun to play around in, so I thought I'd write up a post of good sites to look at for various astrological/birth sign information.
Keep in mind, these sites have a tendency to disappear at random, so the links here are quite likely to just stop working. If they do, let me know, and I'll try to find a better link, if one exists.
The Birthday Calculator: Not so much astrology, though it includes it, but random miscellanea about your date of birth. Lots of random odd stuff here, but kind of fun to look through, and might inspire something you hadn't considered.
( Western Zodiac )
( Eastern Zodiac )
( Other Astrologies )
And something a little different:
( Numerology )
*Bonus*
Finding a birthdate for a character:( How-to )