SlideShare a Scribd company logo
Playing with Timeline in Photoshop CS6
Step 1
• Open Photoshop CS6 and create a new document. Fill the
background layer with any color, then go
toLayer>Layer>Styles>Gradient Overlay. Use Radial for the
Style and for the colors use black and#38556f for the center.
Step 2
• Add a new layer and fill it with a pattern. I am
using one from http://subtlepatterns.com/ called
Broken Noise. Use Soft Light for the Blend Mode.
Step 3
• Add a text you want to use for the light effect. I am using
the letter A of Abduzeedo using a stencil font called Major
Snafu. You can download it
at http://www.dafont.com/major-snafu.font?text=a+A
Step 4
• To create the
light effect we
will use Layer
Styles. Just
follow the
instructions
below
for Bevel &
Emboss, Inner
Shadow, Inner
Glow, Color
Overlay, Outer
Glow and Drop
Shadow.
Step 5
• Duplicate the layer and disable the layer
styles. Use Inner Shadow and Inner
Glow using the settings below.
Step 6
• This is the results
you will get after
the layer styles. It's
very similar with
another tutorial I
wrote a few years
ago showing how
to create a neon
effect in
Photoshop. Again
the idea of this
tutorial is to play
with the timeline
feature. That's why
I will cover the first
steps quickly.
Step 7
•

Add 2 layers on top
of the other layers
and name them right
and left. After that
group these 2 layers
in a folder. Change
the folder's Blend
Mode to Color
Dodge. With
the Brush Tool
(B) and a very soft
brush, paint with
white on top of the
right part of the
letter A. Select the
left layer and paint
another spot of light
on top of the left
part. Use the image
below for reference.
Step 8
• Go
to Window>Timeline. Y
ou will see the timeline
panel. The first thing
you will notice is that
all layers are in the
timeline. Select the 2
layers in the folder.
Expand them in the
tree and make sure
that the timeline is in
the 0 frame. Click on
the Position option to
create a keyframe.
Step 9
• Move the
timeline to
the position
1:00 and then
move the
layers in the
composition
where you
want them to
move to.
Step 10
• This would be the second position of the light
spots.
Step 11
• Move the timeline again and after that move
the layers to create new keyframes.
Step 12
• Keep moving them until you complete the
animation you want.
Timeline
• This is how the timeline looks like. Note the
keyframes for the points where the animation
changes position.
Conclusion
•

After a few steps this is the final animation. Using the timeline is quite simple if
you compare the number of steps necessary to create the light effect. The cool
thing is that Photoshop makes our lives much easier when it comes to create
simple animations.

More Related Content

What's hot

Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend ModesShan
 
A method to mask out a subject from a background
A method to mask out a subject from a backgroundA method to mask out a subject from a background
A method to mask out a subject from a background
Michael e. Stern Photography
 
Cut out image with hard hair mask
Cut out image with hard hair maskCut out image with hard hair mask
Cut out image with hard hair mask
sujon hasan
 
Photoshop Tutorial for Selecting Colour Effect
Photoshop Tutorial for Selecting Colour EffectPhotoshop Tutorial for Selecting Colour Effect
Photoshop Tutorial for Selecting Colour Effect
tlcurtis
 
e-Conte board Getting Started
e-Conte board Getting Startede-Conte board Getting Started
e-Conte board Getting Started
Kaz Yoshikawa
 
Photoshop Background
Photoshop BackgroundPhotoshop Background
Photoshop Background
Jerry Arnold
 
P 5 Watercolor Text Painted On Folded Paper
P 5  Watercolor Text Painted On Folded PaperP 5  Watercolor Text Painted On Folded Paper
P 5 Watercolor Text Painted On Folded Papersumidahilo
 
Abstract Halloween Tutorial
Abstract Halloween TutorialAbstract Halloween Tutorial
Abstract Halloween Tutorial
stephonsimeon
 
Album cover art tutorial ravin schmidl 10 e
Album cover art tutorial ravin schmidl 10 eAlbum cover art tutorial ravin schmidl 10 e
Album cover art tutorial ravin schmidl 10 eRAVE19u3
 
Colorizing image with Gimp
Colorizing image with Gimp Colorizing image with Gimp
Colorizing image with Gimp
Arto Huotari
 
P 1 Creating Fire Text
P 1  Creating Fire TextP 1  Creating Fire Text
P 1 Creating Fire Textsumidahilo
 
Creating my vinyl
Creating my vinyl Creating my vinyl
Creating my vinyl
Sian Ginger
 
Creating my vinyl
Creating my vinylCreating my vinyl
Creating my vinyl
Sian Ginger
 
Cartooning yourself using photoshop
Cartooning yourself using photoshopCartooning yourself using photoshop
Cartooning yourself using photoshop
cristy nazareno
 
Adobe photoshop lesson by citra
Adobe photoshop lesson by citraAdobe photoshop lesson by citra
Adobe photoshop lesson by citra
Citra Yoenita Mhd
 
3 d polaroid effect
3 d polaroid effect3 d polaroid effect
3 d polaroid effectsyncmaster92
 
Nyssa angela bayos
Nyssa angela bayosNyssa angela bayos
Nyssa angela bayos
Virgilio Galemba
 
Photoshop editing booklet 2019
Photoshop editing booklet 2019Photoshop editing booklet 2019
Photoshop editing booklet 2019
missfcmay
 
Photoshop booklet 2016
Photoshop booklet 2016Photoshop booklet 2016
Photoshop booklet 2016
missfcmay
 

What's hot (20)

Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend Modes
 
A method to mask out a subject from a background
A method to mask out a subject from a backgroundA method to mask out a subject from a background
A method to mask out a subject from a background
 
Chapter09
Chapter09Chapter09
Chapter09
 
Cut out image with hard hair mask
Cut out image with hard hair maskCut out image with hard hair mask
Cut out image with hard hair mask
 
Photoshop Tutorial for Selecting Colour Effect
Photoshop Tutorial for Selecting Colour EffectPhotoshop Tutorial for Selecting Colour Effect
Photoshop Tutorial for Selecting Colour Effect
 
e-Conte board Getting Started
e-Conte board Getting Startede-Conte board Getting Started
e-Conte board Getting Started
 
Photoshop Background
Photoshop BackgroundPhotoshop Background
Photoshop Background
 
P 5 Watercolor Text Painted On Folded Paper
P 5  Watercolor Text Painted On Folded PaperP 5  Watercolor Text Painted On Folded Paper
P 5 Watercolor Text Painted On Folded Paper
 
Abstract Halloween Tutorial
Abstract Halloween TutorialAbstract Halloween Tutorial
Abstract Halloween Tutorial
 
Album cover art tutorial ravin schmidl 10 e
Album cover art tutorial ravin schmidl 10 eAlbum cover art tutorial ravin schmidl 10 e
Album cover art tutorial ravin schmidl 10 e
 
Colorizing image with Gimp
Colorizing image with Gimp Colorizing image with Gimp
Colorizing image with Gimp
 
P 1 Creating Fire Text
P 1  Creating Fire TextP 1  Creating Fire Text
P 1 Creating Fire Text
 
Creating my vinyl
Creating my vinyl Creating my vinyl
Creating my vinyl
 
Creating my vinyl
Creating my vinylCreating my vinyl
Creating my vinyl
 
Cartooning yourself using photoshop
Cartooning yourself using photoshopCartooning yourself using photoshop
Cartooning yourself using photoshop
 
Adobe photoshop lesson by citra
Adobe photoshop lesson by citraAdobe photoshop lesson by citra
Adobe photoshop lesson by citra
 
3 d polaroid effect
3 d polaroid effect3 d polaroid effect
3 d polaroid effect
 
Nyssa angela bayos
Nyssa angela bayosNyssa angela bayos
Nyssa angela bayos
 
Photoshop editing booklet 2019
Photoshop editing booklet 2019Photoshop editing booklet 2019
Photoshop editing booklet 2019
 
Photoshop booklet 2016
Photoshop booklet 2016Photoshop booklet 2016
Photoshop booklet 2016
 

Similar to Playing with timeline in photoshop cs6

Image manipulation
Image manipulationImage manipulation
Image manipulation
Clipping Path Adobe
 
Create a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdfCreate a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdf
Pinkverge
 
Layer management3
 Layer management3 Layer management3
Layer management3
kerbong_15
 
Layer management3
 Layer management3 Layer management3
Layer management3kerbong_15
 
Computer Science.pptx
Computer Science.pptxComputer Science.pptx
Computer Science.pptx
Marvin Santiago
 
Photoshop basics
Photoshop basicsPhotoshop basics
Photoshop basics
Janani Satheshkumar
 
In this exercise, youre going to begin building a countdown timer..docx
In this exercise, youre going to begin building a countdown timer..docxIn this exercise, youre going to begin building a countdown timer..docx
In this exercise, youre going to begin building a countdown timer..docx
sleeperharwell
 
Ps zen mj
Ps zen mjPs zen mj
Ps zen mj
Mohammed Jogie
 
Process of creating front cover
Process of creating front coverProcess of creating front cover
Process of creating front cover
vren88
 
Photoshop Lesson 2
Photoshop Lesson 2Photoshop Lesson 2
Photoshop Lesson 2TonyC445
 
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
Zenith Clipping
 
Sequence describe how a tool works
Sequence describe how a tool worksSequence describe how a tool works
Sequence describe how a tool works
Veronica Valdiri
 
Final Album cover art tutorial
Final Album cover art tutorialFinal Album cover art tutorial
Final Album cover art tutorialRAVE19u3
 
Outline Text Effect in Photoshop
Outline Text Effect in PhotoshopOutline Text Effect in Photoshop
Outline Text Effect in Photoshop
Quentin Brown
 
Cours photoshop
Cours photoshopCours photoshop
Cours photoshop
mohamednacim
 
How To Make A Lineart And Color It In Photoshop
How To Make A Lineart And Color It In PhotoshopHow To Make A Lineart And Color It In Photoshop
How To Make A Lineart And Color It In PhotoshopSonia Campos
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking
Agung Yuwono
 

Similar to Playing with timeline in photoshop cs6 (20)

Neon glow
Neon glowNeon glow
Neon glow
 
Image manipulation
Image manipulationImage manipulation
Image manipulation
 
Create a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdfCreate a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdf
 
Layer management3
 Layer management3 Layer management3
Layer management3
 
Layer management3
 Layer management3 Layer management3
Layer management3
 
Computer Science.pptx
Computer Science.pptxComputer Science.pptx
Computer Science.pptx
 
Photoshop basics
Photoshop basicsPhotoshop basics
Photoshop basics
 
In this exercise, youre going to begin building a countdown timer..docx
In this exercise, youre going to begin building a countdown timer..docxIn this exercise, youre going to begin building a countdown timer..docx
In this exercise, youre going to begin building a countdown timer..docx
 
Presentation1
Presentation1Presentation1
Presentation1
 
Ps zen mj
Ps zen mjPs zen mj
Ps zen mj
 
Process of creating front cover
Process of creating front coverProcess of creating front cover
Process of creating front cover
 
Photoshop Lesson 2
Photoshop Lesson 2Photoshop Lesson 2
Photoshop Lesson 2
 
Torch
TorchTorch
Torch
 
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
 
Sequence describe how a tool works
Sequence describe how a tool worksSequence describe how a tool works
Sequence describe how a tool works
 
Final Album cover art tutorial
Final Album cover art tutorialFinal Album cover art tutorial
Final Album cover art tutorial
 
Outline Text Effect in Photoshop
Outline Text Effect in PhotoshopOutline Text Effect in Photoshop
Outline Text Effect in Photoshop
 
Cours photoshop
Cours photoshopCours photoshop
Cours photoshop
 
How To Make A Lineart And Color It In Photoshop
How To Make A Lineart And Color It In PhotoshopHow To Make A Lineart And Color It In Photoshop
How To Make A Lineart And Color It In Photoshop
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking
 

More from baljaadsg

Thermal photo effect
Thermal photo effectThermal photo effect
Thermal photo effectbaljaadsg
 
3. фирмийн хэв маяг
3. фирмийн хэв маяг3. фирмийн хэв маяг
3. фирмийн хэв маягbaljaadsg
 
Temdegt zohioh sambariin ajliin zaawar 1
Temdegt zohioh sambariin ajliin zaawar 1Temdegt zohioh sambariin ajliin zaawar 1
Temdegt zohioh sambariin ajliin zaawar 1baljaadsg
 
Effect rainbow
Effect rainbowEffect rainbow
Effect rainbowbaljaadsg
 
Semicolor transparent chameleon effect
Semicolor transparent chameleon effectSemicolor transparent chameleon effect
Semicolor transparent chameleon effectbaljaadsg
 
рекламын төлөвлөгөө
рекламын төлөвлөгөөрекламын төлөвлөгөө
рекламын төлөвлөгөөbaljaadsg
 
Baljin e learning dv effect
Baljin e learning dv effectBaljin e learning dv effect
Baljin e learning dv effectbaljaadsg
 
After bagaj heregsel
After bagaj heregselAfter bagaj heregsel
After bagaj heregselbaljaadsg
 
After bagaj heregsel
After bagaj heregselAfter bagaj heregsel
After bagaj heregselbaljaadsg
 
Photoshop cs3 bagaj
Photoshop cs3 bagajPhotoshop cs3 bagaj
Photoshop cs3 bagajbaljaadsg
 
2.санамсаргүй хэлбэр дүрс бүтээх
2.санамсаргүй хэлбэр дүрс бүтээх 2.санамсаргүй хэлбэр дүрс бүтээх
2.санамсаргүй хэлбэр дүрс бүтээх baljaadsg
 
1. дүрсийг хувиргах
1. дүрсийг хувиргах1. дүрсийг хувиргах
1. дүрсийг хувиргахbaljaadsg
 
Photoshop cs3 bagaj
Photoshop cs3 bagajPhotoshop cs3 bagaj
Photoshop cs3 bagajbaljaadsg
 

More from baljaadsg (13)

Thermal photo effect
Thermal photo effectThermal photo effect
Thermal photo effect
 
3. фирмийн хэв маяг
3. фирмийн хэв маяг3. фирмийн хэв маяг
3. фирмийн хэв маяг
 
Temdegt zohioh sambariin ajliin zaawar 1
Temdegt zohioh sambariin ajliin zaawar 1Temdegt zohioh sambariin ajliin zaawar 1
Temdegt zohioh sambariin ajliin zaawar 1
 
Effect rainbow
Effect rainbowEffect rainbow
Effect rainbow
 
Semicolor transparent chameleon effect
Semicolor transparent chameleon effectSemicolor transparent chameleon effect
Semicolor transparent chameleon effect
 
рекламын төлөвлөгөө
рекламын төлөвлөгөөрекламын төлөвлөгөө
рекламын төлөвлөгөө
 
Baljin e learning dv effect
Baljin e learning dv effectBaljin e learning dv effect
Baljin e learning dv effect
 
After bagaj heregsel
After bagaj heregselAfter bagaj heregsel
After bagaj heregsel
 
After bagaj heregsel
After bagaj heregselAfter bagaj heregsel
After bagaj heregsel
 
Photoshop cs3 bagaj
Photoshop cs3 bagajPhotoshop cs3 bagaj
Photoshop cs3 bagaj
 
2.санамсаргүй хэлбэр дүрс бүтээх
2.санамсаргүй хэлбэр дүрс бүтээх 2.санамсаргүй хэлбэр дүрс бүтээх
2.санамсаргүй хэлбэр дүрс бүтээх
 
1. дүрсийг хувиргах
1. дүрсийг хувиргах1. дүрсийг хувиргах
1. дүрсийг хувиргах
 
Photoshop cs3 bagaj
Photoshop cs3 bagajPhotoshop cs3 bagaj
Photoshop cs3 bagaj
 

Recently uploaded

The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
iraqartsandculture
 
2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories
luforfor
 
ashokathegreat project class 12 presentation
ashokathegreat project class 12 presentationashokathegreat project class 12 presentation
ashokathegreat project class 12 presentation
aditiyad2020
 
The Legacy of Breton In A New Age by Master Terrance Lindall
The Legacy of Breton In A New Age by Master Terrance LindallThe Legacy of Breton In A New Age by Master Terrance Lindall
The Legacy of Breton In A New Age by Master Terrance Lindall
BBaez1
 
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
taqyed
 
Codes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new newCodes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new new
ZackSpencer3
 
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
zvaywau
 
IrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptxIrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptx
Aine Greaney Ellrott
 
Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)
SuryaKalyan3
 
thGAP - BAbyss in Moderno!! Transgenic Human Germline Alternatives Project
thGAP - BAbyss in Moderno!!  Transgenic Human Germline Alternatives ProjectthGAP - BAbyss in Moderno!!  Transgenic Human Germline Alternatives Project
thGAP - BAbyss in Moderno!! Transgenic Human Germline Alternatives Project
Marc Dusseiller Dusjagr
 
一比一原版UPenn毕业证宾夕法尼亚大学毕业证成绩单如何办理
一比一原版UPenn毕业证宾夕法尼亚大学毕业证成绩单如何办理一比一原版UPenn毕业证宾夕法尼亚大学毕业证成绩单如何办理
一比一原版UPenn毕业证宾夕法尼亚大学毕业证成绩单如何办理
beduwt
 
Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)
SuryaKalyan3
 
ART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERSART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERS
Sandhya J.Nair
 
acting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaaacting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaa
angelicafronda7
 
CLASS XII- HISTORY-THEME 4-Thinkers, Bes
CLASS XII- HISTORY-THEME 4-Thinkers, BesCLASS XII- HISTORY-THEME 4-Thinkers, Bes
CLASS XII- HISTORY-THEME 4-Thinkers, Bes
aditiyad2020
 
Caffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire WilsonCaffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire Wilson
ClaireWilson398082
 
Sundabet | Slot gacor dan terpercaya mudah menang
Sundabet | Slot gacor dan terpercaya mudah menangSundabet | Slot gacor dan terpercaya mudah menang
Sundabet | Slot gacor dan terpercaya mudah menang
Sundabet | Situs Slot gacor dan terpercaya
 
Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)
CristianMestre
 
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
luforfor
 

Recently uploaded (20)

The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
 
European Cybersecurity Skills Framework Role Profiles.pdf
European Cybersecurity Skills Framework Role Profiles.pdfEuropean Cybersecurity Skills Framework Role Profiles.pdf
European Cybersecurity Skills Framework Role Profiles.pdf
 
2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories
 
ashokathegreat project class 12 presentation
ashokathegreat project class 12 presentationashokathegreat project class 12 presentation
ashokathegreat project class 12 presentation
 
The Legacy of Breton In A New Age by Master Terrance Lindall
The Legacy of Breton In A New Age by Master Terrance LindallThe Legacy of Breton In A New Age by Master Terrance Lindall
The Legacy of Breton In A New Age by Master Terrance Lindall
 
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
 
Codes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new newCodes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new new
 
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
 
IrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptxIrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptx
 
Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)
 
thGAP - BAbyss in Moderno!! Transgenic Human Germline Alternatives Project
thGAP - BAbyss in Moderno!!  Transgenic Human Germline Alternatives ProjectthGAP - BAbyss in Moderno!!  Transgenic Human Germline Alternatives Project
thGAP - BAbyss in Moderno!! Transgenic Human Germline Alternatives Project
 
一比一原版UPenn毕业证宾夕法尼亚大学毕业证成绩单如何办理
一比一原版UPenn毕业证宾夕法尼亚大学毕业证成绩单如何办理一比一原版UPenn毕业证宾夕法尼亚大学毕业证成绩单如何办理
一比一原版UPenn毕业证宾夕法尼亚大学毕业证成绩单如何办理
 
Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)
 
ART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERSART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERS
 
acting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaaacting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaa
 
CLASS XII- HISTORY-THEME 4-Thinkers, Bes
CLASS XII- HISTORY-THEME 4-Thinkers, BesCLASS XII- HISTORY-THEME 4-Thinkers, Bes
CLASS XII- HISTORY-THEME 4-Thinkers, Bes
 
Caffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire WilsonCaffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire Wilson
 
Sundabet | Slot gacor dan terpercaya mudah menang
Sundabet | Slot gacor dan terpercaya mudah menangSundabet | Slot gacor dan terpercaya mudah menang
Sundabet | Slot gacor dan terpercaya mudah menang
 
Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)
 
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
 

Playing with timeline in photoshop cs6

  • 1. Playing with Timeline in Photoshop CS6
  • 2. Step 1 • Open Photoshop CS6 and create a new document. Fill the background layer with any color, then go toLayer>Layer>Styles>Gradient Overlay. Use Radial for the Style and for the colors use black and#38556f for the center.
  • 3. Step 2 • Add a new layer and fill it with a pattern. I am using one from http://subtlepatterns.com/ called Broken Noise. Use Soft Light for the Blend Mode.
  • 4. Step 3 • Add a text you want to use for the light effect. I am using the letter A of Abduzeedo using a stencil font called Major Snafu. You can download it at http://www.dafont.com/major-snafu.font?text=a+A
  • 5. Step 4 • To create the light effect we will use Layer Styles. Just follow the instructions below for Bevel & Emboss, Inner Shadow, Inner Glow, Color Overlay, Outer Glow and Drop Shadow.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11. Step 5 • Duplicate the layer and disable the layer styles. Use Inner Shadow and Inner Glow using the settings below.
  • 12.
  • 13. Step 6 • This is the results you will get after the layer styles. It's very similar with another tutorial I wrote a few years ago showing how to create a neon effect in Photoshop. Again the idea of this tutorial is to play with the timeline feature. That's why I will cover the first steps quickly.
  • 14. Step 7 • Add 2 layers on top of the other layers and name them right and left. After that group these 2 layers in a folder. Change the folder's Blend Mode to Color Dodge. With the Brush Tool (B) and a very soft brush, paint with white on top of the right part of the letter A. Select the left layer and paint another spot of light on top of the left part. Use the image below for reference.
  • 15. Step 8 • Go to Window>Timeline. Y ou will see the timeline panel. The first thing you will notice is that all layers are in the timeline. Select the 2 layers in the folder. Expand them in the tree and make sure that the timeline is in the 0 frame. Click on the Position option to create a keyframe.
  • 16. Step 9 • Move the timeline to the position 1:00 and then move the layers in the composition where you want them to move to.
  • 17. Step 10 • This would be the second position of the light spots.
  • 18. Step 11 • Move the timeline again and after that move the layers to create new keyframes.
  • 19. Step 12 • Keep moving them until you complete the animation you want.
  • 20. Timeline • This is how the timeline looks like. Note the keyframes for the points where the animation changes position.
  • 21. Conclusion • After a few steps this is the final animation. Using the timeline is quite simple if you compare the number of steps necessary to create the light effect. The cool thing is that Photoshop makes our lives much easier when it comes to create simple animations.