Beruflich Dokumente
Kultur Dokumente
HowtoCreateaStylishOfficeChristmasParty
Flyer
byGrace Fussell 8 Nov 2016
Difculty: Beginner Length: Long Languages: English
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 1/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
In this tutorial well use Adobe InDesign, Photoshop and Illustrator to put together a fun
festive yer with a vintage look. Perfect for promoting ofce parties or other holiday
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 2/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
events, this yer has a strong typographic design thats not difcult to create even if
youre a beginner to the software.
On the hunt for something a bit different for your festive event? You can nd a huge
selection offestive yer templatesover onGraphicRiver.
Step 1
InInDesigngo toFile > New > Document. Keep theIntentset toPrint,Number of
Pagesto1, and deselectFacing Pages.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 3/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 4/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 2
Expand theLayerspanel(Window > Layers)and double-click on theLayer 1name to
open theLayer Optionswindow. Rename the layerPaperand clickOK.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 5/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Select theRectangle Frame Tool (F)from theToolspanel on the left side of the
workspace, and click and drag onto the page to create a new image frame that extends
up to the edge of the bleed.
Step 3
Go toFile > Place, navigate to thePaper Textureimage, and clickOpen. Click on theFill
Frame Proportionallybutton on theControlspanel at the top of the workspace to
ensure the image lls the frame completely.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 6/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 4
Return to theLayerspanel and click on theCreate new layerbutton at the bottom of the
panel. Double-click on the layer to rename itBackground Color. ClickOK, and then lock
thePaperlayer below.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 7/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 5
Expand theSwatchespanel(Window > Color > Swatches)and click on theNew
Swatchbutton at the bottom of the panel.
Use theRectangle Tool (M)to create a new rectangle shape on the page, which also
extends up to the bleed edge. From theSwatchespanel, set theFillof the rectangle
toGold.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 8/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 6
With the rectangle selected, go toObject > Effects > Transparency. From
theModemenu, chooseOverlay, and reduce theOpacityto50%.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 9/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 10/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 7
Lock theBackground Colorlayer and create a new layer above it, naming itGradient.
Use theRectangle Tool (M)to create a new rectangle shape that extends from the top
of the page to about three quarters of the way down.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 11/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Create a newCMYKswatch from theSwatchespanel. Set the levels toC=72 M=8 Y=10
K=13, and name itIce Blue. Apply theIce Blueswatch to theFillof the rectangle.
Step 8
Select the rectangle and go toObject > Effects > Gradient Feather. Move the dark, left-
hand gradient stop towards the halfway point of the slider, and adjust the
gradientsAngleto90 degrees.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 12/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 9
Click on theTransparencyoption at the top of the windows left-hand menu, and set
theModetoHard Light. Reduce theOpacityto78%and clickOK.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 13/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 10
Go toFile > Save Asand save your InDesign document with a memorable name,
something likeOfce Party Flyer.indd, and then minimize the InDesign window. Well be
coming back to this soon.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 14/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 1
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 15/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 16/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Click onto one of the lightest parts of the deer, either the antlers or ears, and then
increase theFuzzinesslevel to about145to pick up the whole deer silhouette more
strongly.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 17/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Add a newLevels Adjustment Layer, and move the sliders to increase the whiteness of
the selected area of the image.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 18/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 2
With the contrast in the image now more exaggerated, it will be easier for us to separate
the deer silhouette from the background of the photo.
Use theLasso Tool (L)to trace roughly around the left side of the deer, working around
the antler and then sectioning off the left area of the background.
Click on theRene Edgebutton at the top of the workspace, and play around with the
sliders to make the selection really tight to the silhouette of the deer.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 19/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Click onSmart Radiusand add aSmoothvalue of about2to make the edge less sharp.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 20/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
When youre happy with the selection, clickOK, and then hitDeleteto get rid of the
selected background.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 21/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Repeat the process, marking out the next section of background with theLasso Tool
(L)and using theRene Edgefunction to make it more accurate. Then hitOK,
andDeletethe selection.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 22/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 3
Continue to work around the edge of the reindeer silhouette (we only need to be able to
trace the head and neck of the deer, so dont worry about the bottom part of the
background), deleting sections as you go.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 23/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Use theLasso Tool (L)orMagic Wand Tool (W)to pick out any background sections
that might remain around the silhouette and rene and delete them.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 24/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 25/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 4
When youre happy with the silhouette, click back onto theLevels Adjustment Layerwe
created earlier.
Well be moving this image over into Illustrator for tracing, so its important that we
make the silhouette as dark and bold as possible to get the best tracing result. Pull
theLevelssliders to the opposite direction, making the whole image much darker and
almost completely silhouetted.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 26/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Then head up toFile > Save Asand save the image as aPSDle.
Step 5
Minimize Photoshop and open upAdobe Illustrator. Create a new document.
Go toFile > Place, choose thePSDimage, and clickOpen. With the image selected, go
toWindow > Image Trace.
Adjust theModetoBlack and White, and then check thePreviewbox at the bottom of
the window to view the tracing effect. Move the sliders around until youre happy with
the result. You want a strong silhouette, but you also want to preserve some of the
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 27/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
details of the edge, like fur and antler imperfections, to make the result look interesting.
Check theIgnore Whitebox, and then exit theImage Tracewindow.
With the traced image selected, go toObject > Image Trace > Expand.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 28/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 6
Right-Click (Windows)orControl-Click (Mac) > Ungroup, and then select and delete
the background of the traced image so that only the silhouette remains.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 29/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Select the black silhouette, and then head up to theBrush Denitiondrop-down menu
at the top of the workspace. Click on theBrush Libraries Menubutton> Artistic >
Artistic_ChalkCharcoalPencil.
Add a black stroke around the edge of the silhouette, setting it in thePencilbrush and
increasing theWeightof the stroke to1.5 pt.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 30/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 31/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 32/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 7
With the silhouette still selected, go to theSwatchespanel(Window > Swatches)and
adjust theFillcolor of the shape fromBlacktoWhite.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 33/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 34/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 8
Return to yourInDesigndocument and lock theGradientlayer. Create a new layer
above and name itReindeer.
Take theRectangle Frame Tool (F)and drag onto the page to create a large image
frame. Go toFile > Place, choose theIllustratorimage, and hitOpen.
Double-click inside the image frame to directly select the image, and resize it
usingShiftto retain the proportions. Allow the deer to ll up almost the whole of the
page, leaving a small amount of space at the top.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 35/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 1
Lock theReindeerlayer and create a new layer above it, naming itTypography 1.
Keeping all the different items of text on separate layers will make it easier to tweak
individual parts of the design.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 36/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Take theType Tool (T)and drag onto the page, creating a small frame between the
innermost points of the deers antlers. Type ineatand, from either
theCharacterwindow(Window > Type & Tables > Character)or theFormatting
Controlspanel at the top of the workspace, set theFonttoLe Paris, and set theFont
Sizeto about90 pt. From theSwatchespanel, set theFont ColortoBlue.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 37/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 2
Edit > Copy, Edit > Pastethe text frame, positioning it below the rst. Edit the text to
readdrink. Size the text so that it seems to slot in perfectly with the text above. This
technique takes a bit of practice, but keep resizing the fontand adjusting the position of
the text frame to get it just right.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 38/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 39/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 40/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 41/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 3
Create a new layer, calledTypography 2.
Zoom into the top-left corner of the page andPasteanother text frame. Adjust theFont
Colorto[Paper]and edit the text to readcome.CopyandPastea second text frame,
readingalong. Allow a bit of these frames to sit over the trim edge of the page, onto the
bleed.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 42/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Continue to build up the text, so that it readscome along and join in the festive fun!.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 43/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 4
Create a new layer, calledTypography 3. Then create a newCMYKswatch,C=53 M=52
Y=70 K=53, and name itDark Green.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 44/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Move over to the right side of the page andPastea new text frame. Set theFont
ColortoDark Green. This is the perfect placeto type up the location of the event and a
contact address.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 45/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Open theGlyphspanel(Window > Type & Tables > Glyphs)and create a new text
frame, double-clicking on the hyphen symbol to insert it in the text frame, before setting
it inLe Paris, Dark Green.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 46/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Go toType > Create Outlinesto transform the hyphen into a vector shape, making it
easier to scale and stretch or compress.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 47/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
You can use this shape to ll space and highlight certain parts of the text.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 48/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 5
Create another new layer, naming itTypography 4. Continue toPastemore text frames
onto the layout, setting the text of these in theGoldswatch you created at the start of
the tutorial. Position the text frames over on the left side of the yer. Fill in the text
content with info about the entertainment, food, and other features of the event.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 49/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Add more text frames onto theTypography 4layer, set inGold, lling up some of the
space remaining on the right side of the yer.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 50/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Fill up any smaller gaps between parts of the antlers with small items of text.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 51/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 6
On a new layer,Typography 5, add more text set inDark Greenabove the head of the
reindeer. Describe the time the event starts.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 52/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Add in the day and date inDark Greenat the top left of the yer.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 53/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 7
Return to other layers to add even more text, lling all the gaps between the antlers.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 54/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
The important thing to do is to make sure key info, like date, place and time, are set in
the bolderDark Greencolor.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 55/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Eventually youll have lled the top half of the yer with typographyfantastic work, its
very nearly there!
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 56/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 1
Minimize theInDesignwindow for a moment.
Delete the white background of the image, retaining just the black texture. Set
theFillcolor of the texture toWhite.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 58/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 59/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 2
Return to yourInDesigndocument and create a new layer, naming itTexture.
Take theRectangle Frame Tool (F)and create a new image frame that extends across
the whole page. Go toFile > Place, choose your textureIllustratorle, and clickOpen.
Arrange the image inside the frame so that it covers the whole page without obscuring
any of the text or deer silhouette too much.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 60/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
With the image frame selected, go toObject > Effects > Transparency. Set
theModetoOverlayand reduce theOpacityto60%. ClickOK.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 61/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
And there we have it! Your yer design is complete, amazing work! All thats left to do is
export it ready for printing or sharing online.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 62/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 63/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Step 3
Go toFile > Export. Give the le a name, and chooseAdobe PDF (Print)from
theFormatdrop-down menu (if youre going to circulate your yer online or over email,
chooseAdobe PDF (Interactive)instead). ClickSave.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 64/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 65/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Set up a yer layout in Adobe InDesign, and layer up color and gradients for an
attractive backdrop.
Create a striking silhouette image using Photoshop and Illustrator.
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 66/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
Whatever your event, this four-step process is a great basis for any yer design, and will
guarantee a high-impact result every time.
Looking for a yer template for your next event? Check out the range offestive yer
designsonGraphicRiver. Youll be sure to nd something to suit your event!
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 67/68
04/02/2017 HowtoCreateaStylishOfficeChristmasPartyFlyer
https://design.tutsplus.com/tutorials/designanofficechristmaspartyflyercms27477 68/68