Hello friends welcome back to my channel
My name is Danish Akhtar
and you are watching Danix Creation
Today's our Topic is Parallax Carousel Effect
So let's start
Today we will create 3 images of Carrousel
and apart from this we would create some more animation
and will animate the elements like the title text and button
1st let's make a grid
Give space 24 px from right and left
Give space 84 px from Bottom and Top
Create a title (Dream Destination) and change color to blue
Set the width of the text to 327px and align it to center
Create a Button
use the same blue color
write Get Started text
change text color to white
make it bold and center align
Select text and rectangle and group it
Write some text in the middle of the box > Go to Plugins > Lorem Ipsum  and generate the text
Create a Card > Size 327/327 > Copy it > Paste & Drag it out of the box as shown in the video
Bring image and paste into the box card
Choose 2 different images & Paste it in the right side of the box
The other 2 images which are out of the box make the size of 250/250 & align it
align the images
Go to the Image 1 which is in the box
Write Text (Give a name as Himalaya)
Select the appropriate font and keep the text in the center
Copy the text Himalaya > paste it in 2nd image and name as (Goa)
Copy the text Himalaya > paste it in 3rd image and name as (Safari)
Now make the size of the fonts as zero (0) and decrease the opacity of the text box
Group all together as shown in the video and name it to slider
Now our First Artboard is ready
Copy the Art board > Paste it on the right side of the first Art board and Drag the images appropriately (as shown in this video)
Make the size of the image (Himalaya) that is visible on the 2nd image (right hand-size) and give the size as 250
2nd Image (Goa) > Size it 327 & Check the alignment
Himalaya Text > Select it > Size it as zero (0) and reduce the opacity
Goa Text > Select it > Size it as 36 and increase the opacity
Move the image (Himalaya) on the right side of the box.
Duplicate the Artboard
and follow the steps same as in Video
Now you can see there are 3 slides / Artboard on the page
Check the alignments for all 3 art boards
Go to prototype > Select 1st Art board
Slider > Drag and connect to the 2nd Art board
Trigger (Drag)
Action (Auto-animate)
Easing-In-Out
Slider > Connect the image from 2nd box to the 3rd
Click Review (To see the process)
Now - Copy the second Artboard and move it to down
Please Note / Connection between sliders
Connect the slider 1st to 2nd
Connect the slider 2nd to 3rd
Connect the slider 3rd to 2nd
Connect the slider 2nd to 1st
Follow the same procedure as shown in this video
The Parallax is ready now. Next, we have to animate the elements.
What I want the elements as Dream destination to come first then slider and then content
What we will do . We will copy the first slider
and name it to Anima1
Move the title text to little top
Drag it from the box to right side
Move Description Left hand side
Move down Get Started button to down
Reduce the opacity for all the elements to zero
Duplicate the artboard
change the position of title same as shown in the video
again duplicate the atrboard
change the position of slider same as shown in the video
again duplicate the artboard
and change the position of description text same as shown in the video
Go to prototype > Select Artboard > Drag it to 2nd Artboard
Trigger (Time)
Select the time > (0 Second)
Easy in Out , Duration  (0.6)
Click Review (To check the progress)
Go to 2nd Artboard > Connect or Drag it to 3rd Artboard
Go to 3rd Artboard > Connect or Drag it to 4th Artboard
4th artboard to our main slider artboard
Make this artboard as Home  because our animation is start from here
I hope you understood the today's concept well
We worked on animation, elements and parallax etc.
Hope you liked my video
Incase if you liked please subscribe it by pressing the bell button & press the like button and share with your friends
Incase if you have any further questions or queries, you can write your questions in the comment box
You can also follow me on social media.
Thank you once again
