Adobe Spark (AS) is a multifaceted tool used to create stories, graphics, and animated videos. Post your projects on the web for marketing, education, and training. Create your projects using Spark- Post, Page, and Video. Know the differences between a post, video, and page. The three applications help you to create visual content. Create posts with multiple images and find icons and images, and format text. Use different features and themes available within AS. With AS, work with animated text and backgrounds, insert videos, and add music and narration. Content creation for posting on websites, social media, and educational training systems. Upload content to Spark, add videos, buttons, and links to pages. With the premium features, build your brand by uploading logos and custom fonts to Spark. Manage the projects stored in AS, that include backups for contents and templates. Synchronize your content across devices such as desktop and mobile.
For more information click on Optimize-images-for-web
- 1 Adobe Spark: Dashboard
- 2 Interface
- 3 Adobe Spark: Post
- 4 Effects
- 5 Adobe Spark: Pages
- 6 Photo Grid
- 7 Adobe Spark: Videos
Adobe Spark: Dashboard
Log in to Adobe Spark with your Google/ Facebook or email account. Every piece of content you create will be called a project. In the dashboard, fig 1 you can find the projects that have been created.
Click the +icon fig 1.0 which displays page fig2 for creating Graphics, Web Pages, and Videos. The page option is like a web page hosted by Adobe Spark for you. With it make a collage of photos, videos, or catalogs.
Adobe Spark: Post
Select Graphics and scroll down the page to see different template heads such as Facebook and Twitter, Instagram, For print, and Ads. Expand the ‘start from scratch’ tab fig 1.1 and click ‘
Next, select a size. Click on say the Pinterest box fig3 that will take you to the display page for Photos.
Upload your photo to Adobe Spark
The Graphics Work Area fig5 will contain your Image on the left and the various editing options to the right
Next to the ‘Design’ head in the left pane, you will first see fig6 ‘Add Brand’ or the ‘Brandify’ buttons. Next click on the Add +sign and the menu will expand the left side showing options for choosing from Text, Photo, Icon, and Logo.
Select the Text box to insert text to your image or double click on the Image to edit text. With the icon tab, you can search to select the appropriate one for your use from the AS library. The last is the upload logo tab from where you can upload the logo for your business. The first 3 options are free but for the 4th upload-a-logo is only for upgraded accounts.
Under the ‘Variations’ fig7 head scroll down and select an appropriate theme for your image. The theme you select will come with colors, fonts, and other formatting options. Click on the image or text to apply the styles to it.
Style your font and background by choosing color fig8 under Decorative, Modern, Bold, Elegant. The palette of colors is professionally created by designers so that the colors make sense.
Choose a Layout fig9 for your image. Move the slider in the cell/ border to specify a border for your image. Slide the grey ball in ‘Move content with layout’ and choose the one you want to apply to your image.
Give a custom size fig10 for your image by specifying width and length in pixels or choose the size for your social post such as say a Pinterest size.
Style your text fig11 under Primary select the font, align text & capitalize. Use the slider for size, letter spacing, and opacity. Under Secondary change the font and opacity of the text. The secondary tab will delete the style.
Select a shape fig12 for your text and use the padding slider to pad the shape. For example, change the shape behind your text. A framed text, ribbon text square, circle, banners, and many other creative categories of shapes are possible. Go to any of the corners of the selection and click to drag and resize as you please the text and shape.
Click on your text to apply Styles fig14 to your Text. The round green circle you see is the style suggestion. Click on this green circle and circle around this option to see how your text will change. Find different suggestions of text as it will automatically change. And if you find exactly what you are looking for that is suitable for you then can stop there.
Click on the image fig15 to style your image. Use the slider to scale to different sizes or rotate your image. Use flip and incline image horizontal or vertical. Click on Replace Image and upload directly concise photos from your computer. Other options for using the images are Creative Cloud from Adobe in Lightroom or your Dropbox account, Google photos, etc. Find great photos for your backgrounds which are for free and you can use them because they have the creative commons license.
Apply a filter fig16 to your image by selecting only one from the options. Move the slider to get a blur effect for your Graphics.
Fill the left pane in the layout with a fill color fig17 to match the image background. You can populate this area with text and then style it.
Images are saved under Projects fig18. Share it on Social Media or hover over the image and click on (…) and select download from the dropdown options of Rename, Duplicate, Download Graphics and Delete.
Adobe Spark: Pages
To create a new page click on the + sign fig 1. The page can be inside a website where you will get a code fig 3.9 that can embed the page to your website.
Title and Subtitle
Click on the first option and on the page displayed enter a title > Fashion Jewellery and subtitle > Kundan and Pearl Jewellery fig20.
To find a photo CD, we search for fashion Kundan Jewellery and when we find one add it to the page. Note the text appears on this image fig21. We have themes for pages and they decide how our text looks like on the page. The Luca theme has been selected for this image.
Next, add a new element by scrolling down to find the + option which expands showing you the different elements. As you see we can insert a photo, text, button, video, Photo grid (collage of photos), Glide-show (different photos fading from one to another and on every single photo you have text or other elements that you want to add), and a split layout.
Start with Text and say we want it centered. All the options are similar to the ones you have on your text editor. We will write the text – Kundan Jewellery and center it. Make this text a header- h1, h2, or a list or bold or a link, etc. We select the h2 option. Then we try to add new elements by pressing the + sign and say we want to add a button to a page or another website. Add a button dialog box is displayed. For button text, we enter ‘Click here’ fig22 and for a web address > we enter www.sapcanvas.com/affiliate-marketing/ and we align > for the center. Next, click on save.
Embed a V
Further, we would like to add another element eg: a video. As above we press the + sign and click on the video fig2. Here we have an option to copy a link and save it fig23.
Go to Youtube and search for eg: ‘Kundan jewellery’. Next, go to filters and look for Creative Commons as these videos can be used for different purposes by anyone. Choose a video and by going to the ‘share button’, copy the link < https://www.youtube.com/watch?v=2ySvb62iVCQ&feature=youtu.be > for this video. Go back to your page and enter this link in your “Add an embedded video” fig23 display box and save. Play the YouTube video embed by clicking the arrow mark in fig24.
Proceeding to the next element ie a photo grid. Click on the option photo grid and start adding some photos in fig20. So the
We now proceed to add the next element say a Glide-show fig20. As above press Glide-show and add the photos. Next, Save and you will see how your Glide-show will look like fig26. In the photo, you will also see a transparent box with a + button displaying elements [such as photo, text, button, video] that you can add to your Glide-show images.
In a similar manner go to the next element and add photos fig20 to your split layout and save. fig27.
Image with a text
Finally, click in the box and add – ‘Fashion Jewellery’ and from the settings make it fill the screen fig28. Preview your work before you can share the page presentation that you created with Adobe Spark. Note that the credits for the images are displayed at the bottom of the presentations along with the Made with Adobe Spark.
If you are satisfied with what you have in your presentation and do not want to edit anymore, you can click on the close (x) button. Click the share button and in the display box pick a category say business and press the button ‘create-a-link’ fig29. You will then get a link to share. Copy and paste the below link in your browser to view the page presentation.
If you go back to your page, you will find different options for publishing on Facebook, twitter, classroom, email, and embed. Copy the below code fig30 and embed it on your website.
Adobe Spark: Videos
Go to your dashboard fig 1 to click on the + sign and select the last item – Video.
Scroll down and choose from the different video options eg: “Organize an event” fig31. The blueprint is first to create the setting. From time to time Adobe Spark makes new additions.
Provide a title fig32 for the selected video. eg: 7 wonders of the world.
Pick a Story Template
Press the next button and choose a story template eg: ‘Show and Tell’ fig33. Different video templates promote an idea of a product or a service that you are offering.
From the top menu click on Layout fig34 and select from the options eg: Caption. This is the first slide. Next, click on icon and search eg: airplane icon. Again click on the + sign and add your text eg: 7 wonders of the World [Tourist Destinations]. For the other seven slides, you can opt for different layouts eg: the ‘Split Screen’ option is above ‘Caption’.
Go to the top menu and click on Theme fig35. The right top corner will have options like layout, themes, resize, and music. Various templates with different theme options are available. Select the option and that will decide how your video will look like. For example, we have selected the ‘Flair’ theme with orange color.
If you scroll in the lower part you have different slides of your video. A slide-based arcade will be frame-based. You have the freedom for what could be, solution or idea, reward, how you can help?. The solution or idea forms the basis to help people solve their problems. It is not mandatory to respect all of these ideas but it helps if you don’t have any blueprint for the promotional video. Take a look at all of these slides here fig36. If you need more slides, add new slides by clicking on the + sign. You can drag and drop them across the layers editor. You can delete or duplicate them if you want. After creating all the slides you can edit them. Go to the right top corner and select the template layout for each slide from the various options.
Split screen layout – Add the photo and text elements.
Look at the second slide and press the button layout fig37. Choose what type of elements you want to include in the slide. Include any one element and that can be either a photo an icon or a text. If you press on the + button you will have these options to select either of the photo, an icon, or a text. In the different frames or slides add photos, images, text, and a voice-over. Add the photo element to the first split-screen and for the other include a text. Note that this video has been made with eight slides. The first slide is with the Caption layout while the remaining seven slides are with the split-screen layout.
Slide 2 shows the addition of photo and text elements fig38. Use the Voiceover by pressing the microphone button to record your voice. Keep the mouse clicked and speak to see that it will start to record. Unclick to stop recording. In the voice over a musical key will have the transition from slide to slide with different animation effects. By default, the music is added to the slide.
Click on ‘Resize’ from the top right hand corner menu and select ‘Wide Screen’ fig39.
The promotional video should have background music. Add your own music fig40 if you have different types of soundtracks. Else, go to the menu and click on the music tab to find something suitable for your video. Use the slider to increase or decrease the sound volume of your music.
Take a look of the preview in order to be sure that everything is correct. Find the preview button at the top of your video. After you are done click on X to close the display page. Click the share button or download the video to your computer.
Pick a category – ‘Business’ and add a Subtitle – ‘Tourist Destinations’ fig41 and hit the button ‘Create link’ to publish your video.
View the creation by copying the below link and pasting it in the browser.
Share the above link (fig42) in your social media account.