Home Adobe Lessons Spark How to Make a Web Story with Adobe Spark | Adobe Creative...

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

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

Latest articles

Easy Ways to Select Artwork in Illustrator | Adobe Creative Cloud

Explore a variety of methods for making selections in your projects to make creating and editing faster and easier in Adobe Illustrator. To download the sample files and learn more about Artwork selection methods, click on https://adobe.ly/2AXMTv1 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.

Transform Artwork Freely in Illustrator Using Puppet Warp | Adobe Creative Cloud

Learn how to transform artwork using the Puppet Warp and Free Transform tools in Adobe Illustrator. To download the sample files and explore more tutorials on Artwork selection in Illustrator, go to https://adobe.ly/2vul87Y 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.

How to Make a Custom Brush with Adobe Capture CC | Adobe Creative Cloud

Create a brush from a simple sketch. Start from scratch, or download practice files [https://learndownload.adobe.com/pub/learn/mobile-apps/make-a-custom-brush.zip] for a head start. Steps below. Prep your project: 1. Save the practice image (source-image.jpg) provided here to the Camera Roll on your mobile device, or use your own. 2. Download the Adobe Capture CC mobile app from the App Store for your iOS device, or from the Play Store for you Android. Open the app and sign in with your Adobe ID. 3. Tap Brushes from the top menu. Create a custom brush: 1. Tap Brushes from the menu. 2. Tap the image icon at the bottom, then tap Camera Roll. 3. Choose an image from your Camera Roll. 4. Tap areas to erase unwanted marks. Tap the checkmark. 5. Drag the resize handles (white dots) to position the blue box around the part of the image you want to use as the brush. 6. Tap Styles from the main menu. Tip: For the example in the video, we chose a style in the Photoshop CC & Adobe Sketch Brushes section. 7. Tap Presets. Adjust the Size, Spacing, and other settings as you like. Tap Done, or the right arrow on Android devices. 8. Choose the appropriate Creative Cloud Library. Tap Save. Apply style in Adobe Photoshop CC: 1. Open artwork in Photoshop. 2. Choose the Brush tool. 3. Choose your new brush from the Libraries panel (Window – Libraries). 4. Use the new brush to enhance your creation. That's it! To learn more about Adobe Capture and Adobe's other mobile apps, visit our Mobile apps Tutorials page. 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.

Bring Dull Photos to Life Using Lightroom CC | Adobe Creative Cloud

Learn how to enhance sharpness, detail, and textures using Clarity and Dehaze sliders in Lightroom CC. Download sample files and learn more about image editing techniques in Lightroom: https://adobe.ly/2wbDUS0 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