How to Make a Web Story with Adobe Spark | Adobe Creative Cloud

0
4273

Learn how to quickly create an engaging web story, complete with built-in layouts and styles, photos, and video.

Start from scratch, or download practice files [http://learndownload.adobe.com/pub/learn/mobile-apps/make-a-web-story.zip ] for a head start. Steps below.

Create an Adobe Spark Page

1. Open Adobe Spark in a desktop web browser (http://spark.adobe.com).
2. Click the + icon at the top, then choose Page.

Add Header Image and Text

1. Add a title: Click “Add a Title” and replace it with your own title. Click “Add a Subtitle” and replace it with your own subtitle.
2. Add the header image: Click the + icon below the subtitle. Click Photo, then Upload Photo. Browse the files you downloaded for this tutorial and choose insideOut.jpg (or use your own).
3. Choose a theme: Click Themes from the top right, then choose a theme you like.

NOTE: This video shows the difference between two different themes – “BRUCE” and “BALDWIN”.

Add Story Details

1. Add heading text: Click the + icon under the header image and choose Text. Type “260 miles, 17 trail days, 8 alpine passes, 2 frostbitten ears, and 1 camera”. Click inside the text and choose H2 to reformat it. Click the text again and choose the Center Align icon.
2. Add body text: Copy the first paragraph from the sample provided, starting from “California’s John Muir Trail” through “…western United States.” Click the + icon under the heading text, choose Type, and paste the text you just copied.
3. Add heading text: Click the + icon under the paragraph, choose Text. Type “Days 1-5, Cottonwood Pass to Onion Valley”, format it as H2, and center align.
4. Add body text: Copy the 2nd paragraph from the sample provided, starting from “The first few days” through “…months of anticipation.” Click the + icon under the heading text, choose Type, and paste the text you just copied.

Add Photos and Video

1. Add a photo grid: Click the + icon under the last paragraph, choose Photo Grid, and choose Upload Photo. Choose all 4 photos from the Days 1-5 folder from the practice files (Shift + click to select all). Click Open, then Save once the pictures have uploaded.
2. Add body text: Copy the 3rd paragraph from the sample provided, starting from “Reaching the summit” through “…start of my trek.” Click the + icon, choose Type, and paste the text.
3. Add heading text: Click the + icon, choose Text. Type “Days 6-11, Onion Valley to Vermillion Valley Ranch”, format it as H2 and center align.
4. Add body text: Copy the paragraph “I hit my low” through “…start of my trek” and paste it below the last heading.
5. Add a window image: Click the + icon, choose Photo, then choose Upload Photo. Choose expanse.jpg from the Days 6-11 folder from the practice files. Click Open, then click Window from the photo options. Scroll up and down within the image to view the window functionality.
6. Add heading and body text: Add the last heading “Days 12-17…” and the body text from “The last few days” through “…ready to go back.”.
7. Add a video: Click the + icon, choose Video, type “https://vimeo.com/257043328” in the Add an Embedded Video field. Click Save.
8. Add the last paragraph to the page.
9. Add a button: Click the + icon under the last paragraph, choose Button. Type “Instagram” in the first field, and “https://www.instagram.com/kendall.plant/” in the next field. Center align, then click Save.

Preview and share

1. Preview: Click Preview at the top and scroll through the sections of your web story. Click the X in the top right to close Preview.
2. Share: Click Share at the top, choose a Category, change the Author Name to “Kendall Plant” and turn off the Get Noticed switch (or keep it on if you are publishing your own story). Click Create link, then copy the link or choose from one of the sharing options.

That’s it!

To learn, more visit our Adobe Spark page: https://adobe.ly/2pgQkE1

Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1

LET’S CONNECT
Facebook: http://facebook.com/adobecreativecloud
Twitter: http://twitter.com/creativecloud
Instagram: http://www.instagram.com/adobecreativecloud/

Adobe Creative Cloud gives you the world’s best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

Comments

comments