Add Byline Date with airSlate SignNow

Add byline choice

this is terry manning i am the technology coordinator for the department of journalism and mass communications at savannah state university this is a quick tutorial on adding published stories from the web into chalk and wire specifically this is regarding our tigersword.com website and unfortunately it's only geared toward macintosh users you can follow the process if you have a windows computer you can follow the process the process is the same but the tutorial and the controls mentioned are geared toward people who use macbooks or macintosh desktop computers first and foremost when you go to the site make sure your window is large enough that the navigation buttons on the website don't overlap content that you're going to need even if they don't pop out when you mouse over you still want you you don't want these controls to overlap with your headline a photo or your story so you don't have to go full screen but you need to use a wide enough screen that the navigation controls don't overlap your content [Music] you're going to take this web this page this article and break it down into pieces that you can use in photoshop and since you're on a mac the easiest control to call up is the uh snipping tool so it's sort of a shift command four you'll see the crosshairs pop up and all you want to do is just highlight the content specifically the content that you want keep your clips tight this will help you when you go into photoshop as i'll show you in just a moment that's the first one let's take the photo in case we need it i don't believe we will for these purposes but just in case you never know it's better to have it and not need it than to need it and not have it and let's get the top couple of paragraphs of the story and you'll see the benefit of keeping these tight once we get into photoshop again but uh let's find those screenshots one where we finished i believe they're in the documents folder and let's copy those screenshots and put them into a folder you can name it whatever as long as you're able to keep track of where the files are that you've created from this screen okay so when you open the clippings.psd file in photoshop and psd all it stands for is photoshop document if you're ever hanging around a bunch of graphic nerves and you guys want to bet what psd stands for it's nothing fancy photoshop document but anyway when you open the clippings.psd file uh two things i recommend one go to the top of the window and the workspace you want is graphic and web also you want to make sure that show transform controls is selected it helps you immeasurably when you're working on the file uh one one good example is here on the bottom right where somebody has created a sample file for you um not me but someone else was very gracious and created this just sort of to guide you on how to put your clipping together but you'll see that it's done in layers and as i click on each layer down here in the layers window and if you don't if you don't see layers go into window and select layers it should come up by default but if it doesn't that's where you find it but as i select the different layers i can see that each layer corresponds to a different piece of this if i don't have on show transform controls i can click on the different layers and i see nothing over here to tell me what i'm selecting so unless i've named these files in a particular way so i know or unless these little preview images are large enough for me to see i'm going to be lost so show transform controls and you're going to replace these pieces with your own again this is why doing the screenshots and pieces is so helpful versus doing an overall screenshot so i want to get rid of this story all i have to do is select this layer and drag it down to the trashcan i want to get rid of this headline i know that it's the headline because the controls are highlighted when i select that layer grab this layer hold the mouse down and drag it to the trash can and now i want to replace this with the files that i created so i'm going to go to file place embedded because i want to include a copy of my the file when i get ready to export this or if i have to do anything else with it and i want to browse down to first i created a work folder for all my little screenshots so i can keep track of where things are as i'm working i don't like struggling trying to find things um you may see this option selected and it's not the most helpful because all you see is screenshot and the time stamp but uh you can go to icons if it'll help you see a little bit better in this particular case i don't mind either way because i know when i captured the things in which order so i know this is my headline and i'm going to place it and you can grab the bottom right corner and bring it in just a little and the bottom left corner and click hold the mouse down and bring it in just a little this has my headline my byline and my date of publication double click and it's placed and i also now want to place the portion of the story that i did a screenshot for again place embedded that was the last thing i took a screenshot for let's put this down here again grab the controls you can grab any corner and size it down again you don't have to worry about having the entire story and and then and in this particular case it looks weird because the headline is a double decker but just align everything you see how the purple line pops up that way i know that it's aligned center double click and i can do the same thing with the headline when that purple line pops up in the middle that lets me know it's the line center so this is going to be the clipping that goes into chalk and wire what i want to do is go to file you can export this in a couple of different ways you can export as a png file you can save as to a jpeg in this particular case i'm just going to do a quick export as png name it something so you'll know what it is tr there's nothing worse than having a folder full of files that you've created that you don't know what they are without having to go back into each one individually and seeing what it is so we're going to click save here also you have the option of doing save as save on your computer select jpeg don't worry about this this is fine we're just going to call it tr we're going to give it the same name but it's just going to be a jpeg file okay and save 10 is fine 10 is fine in terms of quality doing this fine and you are done with this portion of the tutorial okay once you have logged into chalk and wire this process should be fairly familiar at this point this is just adding an image into chalk and wire and putting that image on your portfolio so when you log in this is the default screen that you see go to menu work file library images because we're uploading images let's go to upload files choose the files that we want to upload let's add the jpeg version of the file that we created our tiger short story you see the check mark that's a good sign done now let's go back out to the main menu dashboard and you should see your portfolio listed here if not you can just click on portfolios but i prefer to just stick with the main one so let's go here to your portfolio page you need to add content as always text block and because we're inserting content under published written clips we do the insert content button below the header library image images and we know which one we want because we've named it properly click and drag done once it's on the page go to your tools and look at the source code and by default the width of the image is 2100 pixels we don't want that we just want it to be 100 percent okay save and we see the confirmation here and then below that let's put in a little bit of information if you see the cursor flashing over here just hit return and here you just want to say what you actually did for the story all right i interviewed two administrators and took a photo for this story story so now you want to highlight this particular word and what this is where we're going to link back to the story we did initially so let's click insert edit link and tab over here to where the story actually is on the tiger's row website select that url copy it then go back into chalk and wire target you can leave it none i prefer new window that's your choice but there we go save confirmation close okay great and now let's go to preview to see what it looks like portfolio of this clip and interviews bad typing but you'll see the story you see the headline you see the clipping and fix that verb but uh interviewed two administrators three students who took a photo for this story and people will be able to see the link to the actual story