Adobe has developed many powerful and useful software and applications, Adobe Spark is one of them. Adobe Spark is available on web and mobile, it is perfect for creating visual content quickly and effortlessly such as good-looking web pages, stimulating short videos and posts. There are three types of visual content that Adobe Spark offers: Spark Post, Spark Page and Spark Video. Producing a professional-looking post, page or video quickly is Adobe Sparks strength.
Adobe Spark Page can be used for various purposes, you can create a photo journal to share all the breathtaking photos from your recent trip with your friends and family, you can use it to create a short story using elements like text, video or images, you can create a presentation, you can also create a professional-looking portfolio to help you get your next job and many more other uses. In this post, I will be walking you through how to use and edit with the Adobe Page interface so that you too can create something to share your own personal voice or idea out into the world.
Creating a new page
Click on the blue Add button on the top middle of your projects page, then click on the ‘web pages’ tab. A list of templates will show up, click on one that suits your needs most. There are various templates for different purposes such as photo journal, presentation, report, portfolio etc. Then you will be brought to the editing page to create your next beautiful project!
Click on the blue plus button in the middle:
Choose the ‘web pages’ tab:
On the top right section of your screen, you will see the ‘themes’ option, click on it and a list of various themes will be available for you to pick from. If you’ve set up your brand on Adobe Spark, your colour themes will be there too.
The first section is fixed, this is where you add a Title for your web page and a subtitle if you want one. You can also add a photo for the background. That’s about all you can do with the first section of the page, the real fun starts after this!
Adding a new section
There are 7 elements you can add in each section after the Web Title part. You can add as many sections as you want. The 7 elements are photo, text, button, video, photo grid, glide show and split layout. I will now go through how you can use each of these elements. Simply click on the small plus button at the centre to add a new section.
Adding a photo
There are many ways in which you can add a photo, you can :
- upload your own photos
- use the find free photos option
- import photos from your Adobe Stock
- import photos from your creative cloud
- import photos from your lightroom
- connect to your dropbox
- connect to your google photos
- connect to your google drive
The find free photos option is very useful, it allows you to search for images and gives you a list of high resolution, good quality photos that are royalty-free! That means you don’t have to worry about copyright or other legal problems when you use those photos.
When you click on a photo, a list of options will show up, one of them is called ‘focal point’. It gives you a pointer to drag around the photo to choose where you want to focus on the image. When the screen size gets smaller, such as on a smartphone and the full photo can’t be shown, the area around where you’ve set your focal point will be shown.
Editing a photo
When you click on an existing photo, a list of options will come up: inline, full screen, window, full width, move, replace and delete. I will go through how each of them works.
The photo will be shown as its original size, it’s not scaled or anything. You can add a caption at the bottom of the image. Focal point is not available here
This option makes your photo take up the whole screen. You can also add a caption in full-screen view.
Give you a windows view of the photo, as you scroll, the window will scroll up or down the photo as well. You can add a caption in windows view.
Shows the whole width of your photo. You can add a caption at the bottom of the image. Focal point is not available here.
The move option lets you move your photos up or down other sections. Click on the up arrow to place the photo above the section above it. Click on the down arrow to place the photo below the section below it.
If you want to change a photo, simply click on the replace option to change a photo.
Click on the ‘delete’ option to delete the photo.
Adding text is simple, just click on the ‘text’ option and add your text.
- change text’s heading size
- put text in quotation marks
- create an ordered or unordered list
- bold or italicize your text
- add a link to your text
- change the alignment of your text: left, centre, right
This allows you to add a simple button. You can add text and link to the button. You can also change it’s alignment: left, centre, right. Click on save to confirm the change.
Simply add the link to the video and the video’s thumbnail will show up. When you click on the video, it will change to full screen and play.
Add as many photos as you like and Adobe Spark Page will automatically scale and resize them for a nice fit.
If you want certain photos to be larger, click on the photo, then click on the ‘large photo’. To make it scalable again, click on the photo and click on ‘small photo’.
Add as many photos as you like and Spark Page will arrange it in a list form with all the photos having the same width. You can also add photos, texts, buttons or videos on top of each slide.
The option splits your section into 2, one on the left and one on the right. One side you can only add a photo, the other side you can add photos, texts, buttons and videos. Click on the switch button in the middle to switch sides.
After you’re done
Shows you a preview of how your web page will look like after you’ve published it.
Changes to full-screen view where you can present your page to other people.
Publish and share
Publishes your web page to the world! You will get your web page link which you can share with other people.
If you wish to print out your web page, you can do so here.
If you only want certain people to see your page, you can invite them using their email address.
So this is how you can quickly and easily use Adobe Spark Page to create eye-catching, responsive and professional web pages for various purposes! The Adobe Spark subscription has a free version for you to try out so have a go at it if you are interested! But you will need to sign up for an Adobe account if you haven’t already to login. The paid versions have more features such as team editing, premium templates, no Adobe Spark watermark, access to adobe fonts and more.
If you are interested in trying out Adobe Spark, click here! If you also want to try out other creative cloud software from Adobe, note that any subscription comes with the paid version of Adobe Spark for free! Check out some of the Adobe creative cloud subscriptions here!
I hope you’ve enjoyed reading this tutorial on how to use Adobe Spark Page and has learnt something new from it. If you subscribe to any Adobe subscriptions through the links I’ve provided on my website, I get a small amount of commission(at no extra cost to you!) that helps me keep writing tutorials like this one.
You may also be interested in: