Creating a magazine layout through In Design

22 Aug

Hello! Today i am going to share a In Design tutorial. This tutorial is totally different with the previous posts, it is about how to design a magazine layout instead of retouching a photo via photoshop. As my major is advertising, the skills of typography and printing are the principle elements for my future work. Therefore, having a skillful technique of using In Design is so important to me. After watching a useful tutorial from youtube, I would like to share the steps with you.

Here is the final slides of my design:

Image

Step1: Open a new document of InDesign -> Insert the number of pages to 3 -> adjust the bleed edge to 5mm ( The bleed is the part on the side of a document that gives the printer a small amount of space to account for movement
of the paper )

Image

Step2 : Select Rectangle Frame Tool -> add on page two and page three

Image

Step3: Click ” Swatches”, choose the click color you want and click on that box you have added on step two -> You may also adjust the opacity

Image

Step4: Click File -> Place-> Select the photo you downloaded from internet -> Adjust it to the left-center postion on the layout

Image

Step5: Select Type Tool -> Type” Cupcakes”-> Adjust the size to 45pt -> Change the font to ” Braggadocio” -> Change the color font to white

Image

Step6: Type another text on page three( A big I) -> Adjust the size to 230pt -> Change the font to Minion Pro -> Change to white color

Image

Step7:Insert a text box under” Cupcakes”-> Click Type -> Fill with Placeholer text -> Font (Minion Pro) -> Size: 12pt -> Select Swatces and change it to white

Image

Step 8: Type another text box next to the text “I” -> am hungry. Can you left a cupcake for me? -> Make sure the height of the box is same with the tex “I” -> Font: Minion Pro -> Size: 35pt

Image

Image

Step9: Type a big text box under the heading -> like the previous step -> Click Text ( Fill with Placeholer text -> Font (Minion Pro) -> Size: 14 pt -> Change the color to white

Image

Step10: If you want to make the long pargraph to two columns…Hightlight all the text -> Click the right side box (with an arrow which is pointing at the bottom) -> Select Span Columns-> Change the paragraph layout to “Split Column” -> Change Sub- colums to “2”

Image

Step11: Choose Ellipse Tool -> Draw a pink circle by pressing the shift key (make sure the porportion is accurate) -> adjust the opacity to 60% -> Place it to the postion as the following image

Image

Step12: To add a page numbers on all of your slides-> Click on the Master Page-> Select Text-> Insert Special Character-> Markers -> Current Page number

Image

Image

Finally we are done!! Hope this tutorial can help you start to use In Design if you are a beginner.

Thank you for watching:) Lets go to watch the youtube video!

http://www.youtube.com/watch?v=F4I809YXmZ4

Advertisements

Creating Terminators’ face through Photoshop

21 Aug

Hello everyone! Today i would like to share the tutorial which is about making terminators’ face via Photoshop. After I have learned this effect from the Youtube video, I have add some other elements in order to create different visual feeling, and i also added a super red lip for Angelina Jolie!! NOW i am going to show you all the steps in the following paragraphs.

Here is the final image:

Image

Step1: Insert the picture of Angelina Jolie -> Insert a picture of terminator on a new layerImage

Step2: Adjust the opacity of the terminator to about 50% -> adjust the size which can match with the Angelina Jolie’s face accurately

Image

Step3: Change the opacity back to 100%-> Click layer -> Layer mask-> Hide all -> A black white small layer will appear next to that layer

Image

Step4: Use white brush to draw the part you want-> or  you can use black brush to delete some part ( To make it more looks like terminator, i just draw the left eye and right eye)

Image

Step5: Click Ctrl+E to merge the background and layer one-> layer -> New adjustment layer -> Adjust the curve -> make the face darker -> Use Dodge Tool to lighten the left face and left part of nose

Image

Image

Step6: Click Filter -> Artistic -> Choose one of the suitable effect which suits the image (I choose ” Grain”)Image

Step7: Select Color Balance -> Turn the Blue to +100 -> Turn the Cyan to -100 -> The color toneof the face will turn to violet/blue -> You can also apply other adjustment to make the photo looks good

Image

Step8: Select a Background from internet-> Place it at the bottom of all the layers

Image

Step9: Click back to the terminator layer->  Use Quick Selection Tool-> Cut away the original background of Angelina Julie

Image

Step10: Click Layer -> Apply Inner Shadow-> add a inner shadow for the face to make it looks more three-dimensional

Image

Image

And you also can add a beautiful red lip for Angelina Julie!!

Step11: Create a new layer-> Use red brush to paint on her lip-> Change the blend mode to overlay

Image

Image

And finally it is done!! Hope you enjoy this!:)

Youtube Tutorial: http://www.youtube.com/watch?v=7pqY-1xPGcE&feature=related

Creating frozen text with photoshop

20 Aug

My third tutorial is about how to create frozen text through photoshop. It is a cool effect that can be easily create. The final image that i created is placed below, this interesting text can add on different background and it is a kind of way to make a focus point on the photo.

This is the final image:

Image

Step1: Open a new background with the size you want-> use Paint bucket tool to create a fully black background.

Image

Step2: Insert a text box on the background-> Change the font to “Times New Roman”-> Adjust the size to 100pt-> Type the text you want

Image

Step3: Click Edit -> Transform -> Rotate the text to 90 degree ( This step is used to create the effect in the correct direction afterwards)

Image

Step4: Click Filter -> Stylize -> Wind ( An effect like the wind fading out from the word)-> Then choose “wind” in method part, and choose the direction is” From the right”-> Click OK!

Image

Step5: Rotate the text to the original direction-> Click Filter -> Click twice of “wind”( in order to stronger the outcome of the effect)

Image

Step6: Click Layer-> Layer Mask-> Select Outer Glow and Color Overlay-> Change all the color to light blue

Image

Image

Step7: Duplicate the frozen text layer once-> Click Layer again-> layer style-> Untick ” Color overlay” and ” Outer Glow”->  Select ” Bevel and Emboss”-> Go to structure and change the technique to “Chisel Soft”-> Change the depth to 60% -> Select Pattern overlay -> Choose the most suitable pattern -> adjust the Opacity to 80% -> Select Gradient Overlay-> Change the blend mode to overlay

ImageImage

Step8: Click the Frozen copy layer-> Adjust the blend mode to “Overlay”-> Adjust the text shape that you want

Step9: Find a photo from internet or a photo that was taken by yourself ->Insert a background which suits your text

Image

Step10: Place it under the frozen and frozen copy layer (make sure the text is on the top of the photo)

Image

AND finally We are done!!

The link of youtube tutorial: http://www.youtube.com/watch?v=w-tt1_CKYZw

Photoshop Tutorial (Making fractured image effect)

29 Jul

Hello! My second tutorial is about how to make fractured image effect via photoshop. Even though I think the tutorial is pretty complicated for me, it still brings a lot of useful design experiences through the steps. After learning this effect, you can also change some of the little steps to create different kinds of fractured effects like making the object and person are fading out.

Here is the final image that i have tried once after learning from the youtube tutorial.

Image

I bet i will make it more realistic after practice and practice 😀

Now i will show you the steps:)

Step1: Choose a picture with a clean white background -> open a new layer above the background and name it layer one

Image

Step2 : Click Quick selection tool -> Select the object you want to create effect on it-> Put it on the layer one

Image

Step3: Create a new layer -> change the name to “White”

Image

Step four: Hide the layer one -> Click Window-> Brushes-> Choose a brush with fractured texture (actually depends on what kinds of effects you want to create)

Image

Step5: Click Brush Presets-> Adjust the spacing to 80%-> Go to Shape Dynamics-> Change all the stuffs to around 50%

Image

Step6: Start to paint it on the part you want to make it fractured with white color-> you can also adjust the brush rotation during the painting ( avoid the textures painted in same direction)

Image

Step7: Copy white layer once ( Command/ Ctrl + J) -> Go to the ” White copy” layer -> Duplicate the person  and free transform next to the first person

Image

Step8: Click Filter-> liquified-> Use finger tool to help the person gain weight, swollen its body 😀 ( make a bigger person behind the real one)  After making it looks good-> Click OK ** (This part is very useful!!!)

Image

Step9: Click layer-> layer mask -> Hide all -> Use the white brush to stamp the part you want-> or even you can use black brush to delete some part ( Remember to change the brush rotation )

Image

Image

Maybe you want to improve the white part that stick on the person…

Step10: Click White Layer-> Layer-> Reveal All ( NOW You will a white layer mask appear on the white layer) -> Now you can use white brush to add texture or use black brush to clear out the textures

Image

Step11: Click Layer one-> Put this layer between the layer “white” and ” white copy”-> Change the normal mode to color burn-> Click layer -> Layer mask-> Reveal all -> Use Black brush to bring back the real color for the front part of the person ( Can blend the whole thing and make the person looks more three-dimensional)

Image

Image

Finally done!!! 🙂 It really takes time to make it looks good!!:)

The youtube tutorial video explained the instructions very clearly, let’s go there and watch it:)

http://www.youtube.com/watch?v=JUjXJ5ZPO5M&feature=related

Photoshop Tutorial (Create sparkle strips in photoshop)

9 Jul

Hello everyone! After learning this cool skill from youtube tutorial video, so my first tutorial is sharing how to create neon stripes in photoshop, it is also a popular effect which called “Sparkle Trails”. The reason that i chose this tutorial because it is a kind of way to create some interesting effects in the photographs, and it also can create movements which lead our eyes moving around in the picture.

Surely, it can improve our design skills by learning more ways to create different kinds of effects in photoshop.

So, now i am going to show you the tutorial step by step:)

Step1:  Choose the picture that you like-> Create new layer-> change the name to”Stripe one”

Image

Step2: Click the Brush tool-> Right arrow-> Assorted Brushed-> OK

Image

Step3: Go to Window-> Brush Presets-> Brush Tip shape-> Turn the spacing to 1%-> Turn off smoothing->Click Shape Dynamics-> Pen pressure

Image

Step4: Create a new layer style (fx)-> Outer Glow

Image

Step5: Outer glow-> Blend Mode-> Hard light-> Turn the opacity to 100% and the size to 21px-> Choose your color (sparkle color)-> OK

Image

Step6: Using Pen tool (Make sure you are using path tool)-> Draw the line of the stripes (whatever you like)

Image

Step7: Go to the path -> stroke path-> select brushes-> Click Stimulate pressure-> OK

Image

Step8: You can add more stripes by following the above steps( and even can changing the color and the brushes texture)

Image

Step9: If you want to delete some part of the stripes to make it behind-> add layer mask

Image

Step10: Press (D) and (X) on the key broad -> Brush Tool-> turn to normal brush-> draw the part you want to delete- Done!!

Image

Following the steps and you will get it!! Hope you like this!

Here is the video tutorial: http://www.youtube.com/watch?v=y5luKKQ-Yys&feature=relmfu

caitlanpio

This WordPress.com site is the cat’s pajamas

rafiki12

Smile! You’re at the best WordPress.com site ever

Fiona's Blog

Welcome to my blog page:) You are free to leave any comments. thanks for visiting!

chery1ng

all for CMPA100

Learning Blog

Rhody Chan_cmpa 100

Sandyli

Is not about how you see, is about how you feel.

一步一步走向未來

the Best of MayDay 1999-2013

jaderb

Art Tutorials Explained

c h e l l o

[ digital art tutorials ]

Support

WordPress.com Support