1. Welcome to the WDWMAGIC.COM Forums!
    Please take a look around, and feel free to sign up and join the community.You can use your Twitter or Facebook account to sign up, or register directly.
    Dismiss Notice

The Imagineer's Workshop

Discussion in 'Imagineer' started by englanddg, Aug 17, 2014.

  1. RMichael21

    RMichael21 Well-Known Member

    Joined:
    Nov 2, 2013
    Messages:
    4,674
    Likes Received:
    12,803
    Trailers

    Hey, everyone! I know that @englanddg was interesting in how I made this video:



    So, I figured that I would explain it!

    It's actually a lot simpler than one might think. It's made in iMovie and it is a template for one of their trailers.

    I'll run you guys through the step by step process:
    1) First, you have to download iMovie, which will only work on a Mac Computer or any other Apple Computer. Once you have it downloaded, open it. If you've never used iMovie, read through the short tutorial. However, with the newly updated software, I would read through anyways in order to catch yourself up.

    2) Then, click on "Create" in the top left-hand corner. After that, click the "trailer" option.

    3) Then, a selection of templates will come up. If you want to see a sample, click on the "play" button that appears when you hover your mouse over the template. To select the template you want to make your movie with, click the desired box and select "Create."

    4) Then, you'll be able to tweak your trailer to however you want it!

    If you want real footage in your trailer, make the different clips the same lengths as the available slots!

    If you don't, then convert the trailer to a movie by selecting File > Convert Trailer to Movie. Then, you can click, copy and paste the purple lettering over the footage slots. This hides the weird gray footage and adds in a more desirable effect. But, make sure the new pasted lettering is the same length of the gray footage slots, or the pacing of the movie will be altered!

    When your finished, click share! Then, you can upload to YouTube, download a file, post to Facebook or Vimeo or E-Mail it too yourself or a friend. The rest is easy to follow along.

    Creating your trailer takes a little bit of practice, but it's extremely easy to use!


    I apologize if this post is a bit vague, but I figured that it's all I needed to describe how to make it. :)
     
  2. IDInstitute

    IDInstitute Well-Known Member

    Joined:
    Apr 30, 2014
    Messages:
    6,617
    Likes Received:
    22,314
    So, I figured I might as well post a Workshop post about how I made this video in my recent TSI presentation:


    This is my first time ever making a video, so it's not the best, but it works. So, luckily for those of you out there who don't have great video skills like me, this is just about as simple and basic you can get!:p:D

    This was made in Windows Live Movie Maker. To start, I just started a new project, and began.
    First, you can click to insert new photo or video, and that's how I got the different images. This is what I worked from.
    Next, to add text to each slide, you click "caption", where you can type up whatever you'd like with a small text editor.
    The next thing I did to make it less like a slide show and more like a video was adding a transition between each image. This can be done by going to animations, and selecting the transition you like.
    My final step was adding in music. I already owned the "You've got a friend in me" instrumental from the WDW Album from the Itunes store, so I don't know how to add any other music, but to add that, I clicked add music in the home tab. I think there was some option to fit the video length to match the music length, but I don't really remember:p

    Anyways, that's it! If you have any questions, just ask! (And I will probably have some questions myself on how to make an improved video:p)
     
    David2319, tcool, RMichael21 and 3 others like this.
  3. Zweiland

    Zweiland Well-Known Member

    Joined:
    Jun 8, 2013
    Messages:
    3,447
    Likes Received:
    12,107
    My one criticism is that the text is hard to read over a couple of the slides.

    Great job!
     
    tcool, RMichael21 and IDInstitute like this.
  4. IDInstitute

    IDInstitute Well-Known Member

    Joined:
    Apr 30, 2014
    Messages:
    6,617
    Likes Received:
    22,314
    Yeah, that's true. Especially the first one with TSMM. Unfortunately, I didn't have enough time to keep playing around with it to make it better.
    Thanks!
     
    tcool and RMichael21 like this.
  5. IDInstitute

    IDInstitute Well-Known Member

    Joined:
    Apr 30, 2014
    Messages:
    6,617
    Likes Received:
    22,314
    So now I summon @Zweiland here. I'm curious, how did you do the interactive map on the weekly site if you don't mind sharing? I found that to be a really cool feature that was something like what I wanted to do but couldn't figure out.
     
    RMichael21 and Zweiland like this.
  6. Zweiland

    Zweiland Well-Known Member

    Joined:
    Jun 8, 2013
    Messages:
    3,447
    Likes Received:
    12,107
    Okay. Don't overuse this feature, but it's pretty cool, so I'll share it.
    • Go to https://www.mapbox.com/editor/#style
    • Click "save"
    • It will prompt you to sign in or make an account. Make an account.
    • Back in the editor, select a style for the map
    • Go to the "data" tab
    • Zoom in to the location you want to edit
    • Use the "polygon" and "line" tools to make shapes. You can change the stroke and fill.
    • Once you're done, click "save" again
    • Go to the "project" tab
    • Copy the text in the Embed box
    • Go to your Weebly site editor
    • Paste the text into the Custom HTML tool
    There you have it! Your map will be embedded into the Weebly site! Any time you change your map, it will update automatically.
     
    RMichael21, IDInstitute and Voxel like this.
  7. Sam4D23

    Sam4D23 Well-Known Member

    Joined:
    Jul 19, 2012
    Messages:
    2,177
    Likes Received:
    4,205
    Bump.

    Englanddg and I are talking about smoothing out border and edges for pictures using Paint.NET.
     
    Voxel and RMichael21 like this.
  8. Sam4D23

    Sam4D23 Well-Known Member

    Joined:
    Jul 19, 2012
    Messages:
    2,177
    Likes Received:
    4,205
    Basically this:
    [​IMG]

    To this:
    [​IMG]
     
  9. spacemt354

    spacemt354 Chili's

    Joined:
    Jun 18, 2012
    Messages:
    17,441
    Likes Received:
    77,555
    Bumping this thread for a few reasons:

    I really like the concept of this thread as a place where we all can learn from each other. Going forward, I want to keep this active so we can teach each other and help one another out with imagineering in 2016. If anyone is seeing this thread for the first time, go back and look at some of the prior pages, some very creative stuff!

    With that, I wanted to share with you all how I do the blueprints. It's not too hard and if anyone wanted to do this for their projects, feel free! (I would be honored actually:))

    You only need a few things:
    - Computer paper
    - Sharpened pencil or Sharpie
    - Ruler
    - Phone or Camera with editing tools.

    Step 1- Draw out your design


    The final image below is taken from The Sorcerer's Apprentice Season 3 - Challenge 6. Probably my personal favorite concept of the year - I worked on this with Team Goofy (@JokersWild @DSquared @Matt7187 and @Sam4D23 ) and we designed a Tree of Life attraction called "Symbiosis"

    Step 2 - Take a picture

    For this I have a Samsung S6 Phone that I snapped an image of it with.

    Step 3 - Edit

    On a phone, once you take the picture there should be an edit option. Click on that. For me - I have 5 options: Auto-adjust, rotate, crop, photo editor, collage. Before you click on "photo editor" - make sure you've rotated and cropped the photo to your liking.

    Step 4 - Photo Editor

    Once you've clicked on photo editor - there should be a few more options. Click on "Effect" (you'll come to an Instagram type page) with an option for "Negative" Click on that one and "apply"

    If it takes you back to the image...click "edit" again but this time go to "Tone" - in tone you'll see options for saturation. If you move the saturation tab to the right, you'll see the image glow more blue...just fiddle around with the saturation until you get the image to your liking and hit apply.

    - Note: If the image is too dark, you can go back to the "Effect" option and click on "Blue Wash" - this will make it more "blueprinty" :p

    Hit save...then I usually just upload my pictures to Photobucket and copy/paste them over to the thread...but if you have an option that works for you..go for it!

    And tada! Your very own armchair-Imagineering blueprint!:D

    [​IMG]
    Link to the Project: http://forums.wdwmagic.com/threads/the-sorcerers-apprentice-season-3.901352/page-18

    Hopefully this was helpful...if you have any questions feel free to ask!

    The other reason why I wanted to start this up again is because I think we could use this thread as a jumping off point for new members to guide newcomers along by helping them with the creative process. If some of the long-time members on here could perhaps post a paragraph or so...talking about how they approach projects and/or competition prompts...what the thought process is and how to get started...that could be really beneficial to all!

    Thank you and enjoy!:)
     
    David2319 and IDInstitute like this.
  10. MonorailRed

    MonorailRed Applebees

    Joined:
    Mar 13, 2013
    Messages:
    4,455
    Likes Received:
    15,926
    Bumping this thread up, because I got asked how to do the nametags :D

    So... here's my first "How to" guide on the forums :hilarious:


    How to Make an Imagineer Nametag Using Adobe Illustrator

    Step 1: Pick a Background

    Screen Shot 2016-11-18 at 8.35.21 PM.png


    I usually do the black background, but you can pick whatever picture you'd like and it'd work just as well!

    Step 2: Make the Nametag Shape

    Screen Shot 2016-11-18 at 8.35.26 PM.png
    I like to think of it as two ovals... Though I just sketched this looking at Cast tag.

    Step 3: Draw some definition lines around the top and sides


    Screen Shot 2016-11-18 at 8.35.50 PM.png

    This is where it can get fancy.... I use the charcoal feather option for the brush definition. The stroke weight of the top 3 dashes are 3pt, while the large one surrounding the tag is 7 pt. I usually make the stroke (line) color whatever compliments the icon chosen for the user.

    Step 4: Draw Another Definition Line
    Screen Shot 2016-11-18 at 8.35.54 PM.png
    I usually add another line on top of the surrounding line seen by the name. This is done by just copy/paste-ing the previous one.


    Step 5: Add Text

    Screen Shot 2016-11-18 at 8.36.45 PM.png
    The "Walt Disney" font is the "Waltograph" font... I'll get a link where I got it... it's free online.
    The "World" (62.31 pt) and "Magic"(40.06 pt) is the Big Caslon Medium font.
    Both have no stroke.

    Step 6: Add Your Name and Location
    Screen Shot 2016-11-18 at 8.37.12 PM.png
    I used 142.31 pt for "Name"
    60 pt for "Location"
    System Font Regular for both

    Step 7: Add a Cool Icon
    Screen Shot 2016-11-18 at 8.38.57 PM.png

    You can find a cool icon on Google images or make one! :D Be creative!
    I suggest a vector image if using Google, with no background on the desired image - just makes the process easier :bookworm:
     

    Attached Files:

    Last edited: Nov 19, 2016
  11. RMichael21

    RMichael21 Well-Known Member

    Joined:
    Nov 2, 2013
    Messages:
    4,674
    Likes Received:
    12,803
    Thanks for bumping this thread, Red! There's some super valuable information in here. :)
     
  12. englanddg

    englanddg One Little Spark... Original Poster Premium Member

    Joined:
    Jun 19, 2012
    Messages:
    39,359
    Likes Received:
    75,729
    Often the work that is put into some of our best challenge submissions is not appreciated...

    As you build your concepts, consider making a few notes, and sharing with other creatives here so we can all keep raising the bar of what we do!

    Amazing stuff!
     
  13. Sephirenn

    Sephirenn Well-Known Member

    Joined:
    May 5, 2014
    Messages:
    146
    Likes Received:
    606
    Can anyone comment on how to make theme park maps, or ride map overviews? There were a couple in the recent creator games submissions that were amazing, but i have no idea what software was used to create them!
     
  14. Voxel

    Voxel President of Progress City Premium Member

    Joined:
    Sep 12, 2013
    Messages:
    10,700
    Likes Received:
    25,296
    We use a lot of different software so I cant speak for everyone. I use google Sketchup or PowerPoint for maps. Red uses photoshop I believe. Some use paint. If you could tag the ppl or team who created that map I'm sure they will be more than willing to tell you want software was used
     
  15. spacemt354

    spacemt354 Chili's

    Joined:
    Jun 18, 2012
    Messages:
    17,441
    Likes Received:
    77,555
    @MCParradox made the map for us last round! He would know what software it is :)
     
    David2319 and tcool123 like this.
  16. Pionmycake

    Pionmycake Well-Known Member

    Joined:
    Oct 27, 2016
    Messages:
    1,156
    Likes Received:
    3,053
    Haven't made detailed maps on this site yet, but for personal use I have built things just by dropping/editing shapes and lines in Power Point. The stuff I used in the One Sentence Comp was just quick pencil sketches.
     
    David2319, tcool123 and spacemt354 like this.
  17. spacemt354

    spacemt354 Chili's

    Joined:
    Jun 18, 2012
    Messages:
    17,441
    Likes Received:
    77,555
    Paint.net works very well for a quick and easy sketch.

    Also if you want a more detailed look into maps - the opening post is very helpful!
     
    David2319, tcool123 and Pionmycake like this.
  18. MCParradox

    MCParradox Well-Known Member

    Joined:
    Nov 13, 2014
    Messages:
    113
    Likes Received:
    476
    I did indeed! I started with a pen and paper sketch, based on a google maps screenshot of the area, just to get an idea of where we wanted to place everything:
    [​IMG]

    Then, in Photoshop, I imported a google maps screenshot, and on a new layer traced around the important details with a thin black line:[​IMG]

    Next, I blocked in the various colours on different layers, using the eraser to clean up the edges and make sure it fit within the lines:
    [​IMG]

    Working from the pen and paper sketch, I began sketching out layouts of the new additions, before again outlining them in black:
    [​IMG]
    [​IMG]

    And then to finish it off, as before, I added the colours on multiple layers:
    [​IMG]

    Throughout the process, I worked a layer at a time, and most new additions were added on their own layer so they didn't interfere with anything else. This makes it very easy to clean up edges, and to toggle off things you don't need (such as to produce the images above for this post!). I worked with Photoshop CS6 and a Wacom tablet, but a while back I was able to produce very similar results (below) with Krita, an open source tool, and a cheap £20 tablet, so it's not about the tools, more about how much time and effort you're willing to sink into these things! Hope that helps :)

    [​IMG]
     
  19. Voxel

    Voxel President of Progress City Premium Member

    Joined:
    Sep 12, 2013
    Messages:
    10,700
    Likes Received:
    25,296
    Well done, this is an amazing explanation.
     
  20. spacemt354

    spacemt354 Chili's

    Joined:
    Jun 18, 2012
    Messages:
    17,441
    Likes Received:
    77,555
    Agreed! Such a great explanation, MC.

    While not a tech "how to", over the next few days I would like to try and go through tips and tricks to help begin the process of brainstorming, individually and in teams.

    Many times the hardest part of a project is starting it, and in order to do that it requires imagination and creativity, which I've always thought of as two separate things. Imagination is the spark, and your creativity is how you use that spark in a reasonable way...I definitely don't have all the answers haha, but I will share my thought-process in both scenarios.
     
    David2319 and kmbmw777 like this.

Share This Page