Wszystkie wpisy, których autorem jest admin

How to Create a Colourful Dasara Infographic in InDesign

Post pobrano z: How to Create a Colourful Dasara Infographic in InDesign

Final product image
What You’ll Be Creating

Vijayadashami, also known as Dasara, Dusshera, or Dussehra, is a major Hindu festival celebrated at the end of Navratri every year, which typically falls in the Gregorian months of September and October.

This colorful infographic is a tribute to the Dasara festival, during which processions and celebrations take place across many parts of the Indian subcontinent. 

This is a great introduction to infographic design for beginners, and you can also share the completed design on social media. You can download the high-quality version of the infographic here. 

If you want to create your own unique infographics, you can discover a massive range of icons and infographic templates on Envato Elements and GraphicRiver. 

What You’ll Need to Create Your Infographic

We’ll put together the infographic artwork in Adobe InDesign, but you’ll also need to have access to vector software like Adobe Illustrator to edit the temple graphics and icons.

You’ll also need to download the following images and fonts from Envato Elements:

Install the fonts on your computer, and you’re ready to get started.

1. Create the Infographic Document in InDesign

Step 1

Open InDesign and go to File > New > Document. 

Click on Web at the top of the window to set the intent of the document. Then set the Width of the page to 870 px and Height to 2600 px. 

Uncheck Facing Pages. Add Margins of 44 px, and then click Create. 

new document

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming it Background. 

Create two more new layers—first Graphics, and then Type at the top. 

layer options

Lock both the Graphics and Type layers, and click on the Background layer to activate it. 

background layer

Step 3

Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the panel’s main menu (at top-right). 

Set the levels to C=0 M=92 Y=15 K=0*. Click Add and Done.

Create three more new swatches with the following values:

  • C=20 M=14 Y=97 K=2
  • C=4 M=80 Y=89 K=0
  • C=6 M=32 Y=91 K=0
swatch options

* If you’re creating your infographic for print, you can set your swatches to CMYK. But even if you’re exporting your infographic to share online, you can still use CMYK swatches and simply export to an RGB color mode later on.

Step 4

Working on the Background layer, select the Rectangle Tool (M) from the Tools panel, and drag across the top of the page to create a small rectangle about 267 px in Height (visible from the top Controls panel). 

From the Swatches panel, set the Stroke Color of the shape to [None] and Fill Color to your new yellow swatch, C=6 M=32 Y=91 K=0.

yellow shape

Step 5

Create a second shape 557 px in Height, positioning it below the first. Set the Fill to orange, C=4 M=80 Y=89 K=0.

orange shape

Edit > Copy and Edit > Paste this shape, and position below, creating a sequence of shapes. Switch the Fill to green, C=20 M=14 Y=97 K=2.

green section

Paste two more shapes below, setting the first to a pink Fill of C=0 M=92 Y=15 K=0, and the second to yellow, C=6 M=32 Y=91 K=0. 

coloured sections

2. How to Add a Bold Header to Your Infographic

Step 1

Lock the Background layer and unlock the top layer, Type.

With the Rectangle Tool still selected, draw a shape inside the top yellow rectangle to create a border effect. From the Stroke panel (Window > Stroke), set the Weight of the shape’s stroke to 17 pt. 

border

Switch the Stroke Color of the shape to green, C=20 M=14 Y=97 K=2.

border green

Step 2

Take the Type Tool (T) and drag across the top of the page, inside the border you’ve just created. 

Type in ‘DASARA’ and from either the top Controls panel or the Character panel (Window > Type & Tables > Character) set the Font to Garlic Salt Bold, Size 115 pt, and the Tracking to 60. 

font garlic salt

Set the Font Color to pink, C=0 M=92 Y=15 K=0. 

font color pink

You can also thicken the appearance of the text by adding the same swatch color to the Stroke Color of the text—simply click on the other ‘T’ symbol at the top of the Swatches panel. 

text stroke color

Step 3

Create a second text frame above, writing in introductory text like ‘THE HINDU FESTIVAL OF’, and setting the Font to CornerOne Bold, Size 29 pt, Tracking 50, and the Font Color to [Paper].

swatches panel

3. How to Add Temple Graphics to Your Design

Step 1

Minimize your InDesign window; we’ll come back to it in a moment. 

Open up the Surat skyline EPS file in Adobe Illustrator, or another vector program.

Right-Click > Ungroup the illustration. 

ungroup elements

Then select the temple in the center of the design, and Edit > Copy it. 

surat skyline

Step 2

Head back over to your InDesign document and lock the Type layer. Unlock the Graphics layer below. 

Edit > Paste the temple directly onto the page, and resize, holding Shift, positioning it on the right side of the orange section of the infographic, towards the top. 

pasted temple

Step 3

Open the Patna skyline in Illustrator and repeat, by ungrouping the illustration and then selecting and copying the temple graphic in the center. 

patna skyline

Paste it onto the InDesign layout, positioning it on the left side of the next colored section down. 

pasted temple

Use the Visakhapatnam skyline to copy and paste over two temple illustrations, using them to fill the two final colored sections of the infographic. 

copied temple
pasted temple
skyline copy
graphics layer

4. How to Format Typography on Your Infographic

Step 1

Lock the Graphics layer and unlock the top layer, Type. 

Use the Type Tool (T) to create a text frame to the left of the temple at the top of your layout. 

type layer

Type in the first fact for your infographic, and set the Font to CornerOne Bold, Size 18 pt. Set the Font Color to [Paper] and pull out key items of text in a contrasting green swatch. 

paper text

Step 2

Create a text frame to the right of the temple on the next section down. For statistics, you can pull out numbers in a larger font size. Try setting them in CornerOne Bold, Size 139 pt. 

large statistic

Group other text frames around the number, setting the Font to CornerOne Bold, Size 28 pt. 

pink text frames

Use the body text frame from the section above as a template for populating the infographic with more text frames; simply Copy and Paste. 

body text

Step 3

Keep working your way down the infographic, populating each section with text. Set key sentences in a slightly larger 20 pt Font Size and All Caps. 

subtitle text

Team these key sentences with the other pasted body text frames. 

body text
text frame

Step 4

You can add icons to your infographic to indicate the theme of each section. Open up the Diwali icons set in Illustrator, and isolate one icon before copying it. 

diwali icons

Edit > Paste it onto the Graphics layer in InDesign, and position it alongside a piece of text. 

hindu icon
icon hindu
flag
icon flame

5. How to Export Your Infographic for Sharing Online

Step 1

Your infographic’s finished—great job! All that’s left to do is to export your artwork, ready for sharing online on social media. 

Go to File > Export. Choose JPEG from the Format drop-down menu, and hit Save. 

jpeg image

Step 2

In the window that opens, set the Resolution to 72 ppi, and the Color Space to RGB. 

Then click Export. 

export jpeg

Conclusion: Your Finished Infographic

Your Dasara infographic is finished, and it’s looking awesome! 

Make sure to share the infographic on Pinterest and Facebook to raise awareness about Dasara and celebrate the festival in style. 

If you want to create more infographics, you can find a huge range of icons and infographic templates on Envato Elements and GraphicRiver. 

final infographic

Also, don’t miss out on these other cool infographic tutorials:

The other side of creativity / Pas si renversant que ça?

Post pobrano z: The other side of creativity / Pas si renversant que ça?

THE ORIGINAL?
Gossip News – 2010
Source : Coloribus
Agency : Soul fast
(Uruguay)
LESS ORIGINAL
HIMG – 2015
Source : Coloribus
Agency : Team Red
(Hungary)
LESS ORIGINAL
Mandevu – 2017
Cannes BRONZE LION
Agency : Young &Rubicam
(Kenya)
LESS ORIGINAL
Renault Duster – 2018
“Challenge gravity”
Agency : DPZ & T
(Brazil)

The other side of creativity / Pas si renversant que ça?

Post pobrano z: The other side of creativity / Pas si renversant que ça?

THE ORIGINAL?
Gossip News – 2010
Source : Coloribus
Agency : Soul fast
(Uruguay)
LESS ORIGINAL
HIMG – 2015
Source : Coloribus
Agency : Team Red
(Hungary)
LESS ORIGINAL
Mandevu – 2017
Cannes BRONZE LION
Agency : Young &Rubicam
(Kenya)
LESS ORIGINAL
Renault Duster – 2018
“Challenge gravity”
Agency : DPZ & T
(Brazil)

Hottest 5 portfolio builders you’ll want to check out today

Post pobrano z: Hottest 5 portfolio builders you’ll want to check out today

A while back,
only artists and creative professionals used to have portfolios. However, the
trends have changed these days. Now, EVERY professional could benefit from
having one.

It doesn’t have
to be about showing pretty pictures of your work. In fact, an online portfolio
website’s real purpose is to provide a tangible evidence of the value of your
work.

But how can you
create a portfolio website if you have zero experience in web developing? The
answer might come as a surprise but it is actually quite easy.

Designing a
website is no longer as complicated as it used to be. All you need is the right
tool. We are going to take a look at some of the best website builders out
there to make the choice easier for you.

1. Elementor Page Builder

Elementor is
one of the best WordPress page builders and it will make the whole process of
designing a website a walk in the park.

Absolutely no
coding experience is needed and it all comes down to a few simple clicks. With
this drag & drop tool, you can create your new online portfolio in less
than an hour!

As a plus,
Elementor offers a library of templates and themes, as well as some useful
icons and widgets – completely free of charge!

Apart from
all the useful cool features, this website builder offers, what truly sets it
apart from the competition is its speed. Elementor is the fastest website
builder out there and everything happens instantly.

To make
things even better, even though there is no coding involved in the website
building process, the results are astonishing. All designs are responsive and
look amazing on all devices and screens!

Download
Elementor for free if you want to join 1,000,000+ users who have been enjoying
this easy and fast way to build WordPress websites!

2. Mobirise Website Builder

Mobirise is one of those great
website builders that give you a total control over your site. Since it is an
offline builder, you are not tied to any platform and you can work on your
website wherever and whenever.

The whole process of designing
a website with Mobirise is fast and simple; there is no coding involved and it
all comes down to simple drag & drop.

The latest Google AMP and
Bootstrap4 guarantee that every site designed with Mobirise is as fast as it
gets while also being entirely responsive and mobile friendly.

Mobirise comes with:

  • 1200+ trendy website blocks and templates
  • 7,000+ icons
  • 850 Google fonts
  • 500,000 free images

Another big plus is that it is
free for commercial use (both for you and for your clients).

3. Portfoliobox

Portfoliobox is an
ideal website builder for those who don’t want to be restricted by templates
and themes. If you want your site to be completely unique, Portfoliobox makes
it possible by allowing you to design each page using a different style.

The website builder itself
is pretty easy to use and developer-friendly. The designing process requires no
coding experience and the interface is very intuitive, which makes it easy even
for the non-techies to create nice-looking portfolio websites.

Portfoliobox comes in
both the free and the premium plan. Both plans offer some pretty impressive
features so it boils down to your own personal needs and requirements. The pro
plan will cost you $82.8 per year or $8.9 per month.

Check out
Portfoliobox’s student account – you will not regret it.

4. SITE123

SITE123 is a free website builder that will help you create a great
online portfolio in less than an hour!

The website designing process requires no coding experience and is easy
thanks to SITE123’s intuitive interface.

You will be able to design beautiful, SEO optimized, and mobile-friendly
websites easier than ever! As a plus, SITE123 supports 56 languages, and you
can manage your website from your mobile!

5. Pixpa

Pixpa is a great tool for creative professionals to manage their complete
online presence from one place. You can create a pixel-perfect, professional
portfolio website. Integrated eCommerce, blog, and client galleries are a part
of the package.

Pixpa offers a variety of cool features including:

  • Trendy, mobile-friendly templates
  • Integrated client galleries, blog, and e-commerce
  • SSL security
  • Affordable pricing plans
  • 24/7 support

Sign up for a free 15 days trial period to start building your website on
Pixpa.

Why You Should Have a Career Portfolio

Do you know how the
majority of people look for work? They do it exactly the opposite way the employers
pick the job candidates.

Many people still rely
on resumes, cover letters, and job board. Unfortunately, that is no longer
enough – and that is where the portfolios come in!

Here are several
reasons why you should have a career portfolio:

1. It Helps You Get Organized

The organization of
your professional documentation is crucial. You will have it all in one place.
Work examples, resumes, cover letters, and copies of professional Licenses. and
certifications, letters of recommendations will also need to be there.

Having all that
documentation in one place is highly beneficial. It will help the employer get
a better idea of what they can expect from you. It also helps you to keep track
of everything and updating it accordingly.

2. It Convinces Others of Your Skills and Abilities

Describing your work in
words is one thing. But having a tangible proof takes it to a completely
different level.

Having a well-designed
portfolio will help you make a better first impression. It will also let the
employer get a better idea of who they are choosing to do the job for them.

Every employer wants to
minimize the risk when hiring someone new. A good portfolio is definitely
always helpful in that matter.

3. It Increases Your Visibility

No one will hire you if
they have never heard of you – it is as simple as that. You need to take every
chance you can get to market yourself and increase your visibility.

Conclusion

Every professional can
benefit from having a well-put online portfolio. It helps to strengthen a brand
and to add value to a job application. It also helps keep your professional
documentation organized.

Don’t have a portfolio
website because you are worried about the cost of building one? Maybe it is
time to change the way you think about it.

There are many great tools out there that are completely free of charge.
They will help you to build your new online portfolio in 1 day!

Hottest 5 portfolio builders you’ll want to check out today

Post pobrano z: Hottest 5 portfolio builders you’ll want to check out today

A while back,
only artists and creative professionals used to have portfolios. However, the
trends have changed these days. Now, EVERY professional could benefit from
having one.

It doesn’t have
to be about showing pretty pictures of your work. In fact, an online portfolio
website’s real purpose is to provide a tangible evidence of the value of your
work.

But how can you
create a portfolio website if you have zero experience in web developing? The
answer might come as a surprise but it is actually quite easy.

Designing a
website is no longer as complicated as it used to be. All you need is the right
tool. We are going to take a look at some of the best website builders out
there to make the choice easier for you.

1. Elementor Page Builder

Elementor is
one of the best WordPress page builders and it will make the whole process of
designing a website a walk in the park.

Absolutely no
coding experience is needed and it all comes down to a few simple clicks. With
this drag & drop tool, you can create your new online portfolio in less
than an hour!

As a plus,
Elementor offers a library of templates and themes, as well as some useful
icons and widgets – completely free of charge!

Apart from
all the useful cool features, this website builder offers, what truly sets it
apart from the competition is its speed. Elementor is the fastest website
builder out there and everything happens instantly.

To make
things even better, even though there is no coding involved in the website
building process, the results are astonishing. All designs are responsive and
look amazing on all devices and screens!

Download
Elementor for free if you want to join 1,000,000+ users who have been enjoying
this easy and fast way to build WordPress websites!

2. Mobirise Website Builder

Mobirise is one of those great
website builders that give you a total control over your site. Since it is an
offline builder, you are not tied to any platform and you can work on your
website wherever and whenever.

The whole process of designing
a website with Mobirise is fast and simple; there is no coding involved and it
all comes down to simple drag & drop.

The latest Google AMP and
Bootstrap4 guarantee that every site designed with Mobirise is as fast as it
gets while also being entirely responsive and mobile friendly.

Mobirise comes with:

  • 1200+ trendy website blocks and templates
  • 7,000+ icons
  • 850 Google fonts
  • 500,000 free images

Another big plus is that it is
free for commercial use (both for you and for your clients).

3. Portfoliobox

Portfoliobox is an
ideal website builder for those who don’t want to be restricted by templates
and themes. If you want your site to be completely unique, Portfoliobox makes
it possible by allowing you to design each page using a different style.

The website builder itself
is pretty easy to use and developer-friendly. The designing process requires no
coding experience and the interface is very intuitive, which makes it easy even
for the non-techies to create nice-looking portfolio websites.

Portfoliobox comes in
both the free and the premium plan. Both plans offer some pretty impressive
features so it boils down to your own personal needs and requirements. The pro
plan will cost you $82.8 per year or $8.9 per month.

Check out
Portfoliobox’s student account – you will not regret it.

4. SITE123

SITE123 is a free website builder that will help you create a great
online portfolio in less than an hour!

The website designing process requires no coding experience and is easy
thanks to SITE123’s intuitive interface.

You will be able to design beautiful, SEO optimized, and mobile-friendly
websites easier than ever! As a plus, SITE123 supports 56 languages, and you
can manage your website from your mobile!

5. Pixpa

Pixpa is a great tool for creative professionals to manage their complete
online presence from one place. You can create a pixel-perfect, professional
portfolio website. Integrated eCommerce, blog, and client galleries are a part
of the package.

Pixpa offers a variety of cool features including:

  • Trendy, mobile-friendly templates
  • Integrated client galleries, blog, and e-commerce
  • SSL security
  • Affordable pricing plans
  • 24/7 support

Sign up for a free 15 days trial period to start building your website on
Pixpa.

Why You Should Have a Career Portfolio

Do you know how the
majority of people look for work? They do it exactly the opposite way the employers
pick the job candidates.

Many people still rely
on resumes, cover letters, and job board. Unfortunately, that is no longer
enough – and that is where the portfolios come in!

Here are several
reasons why you should have a career portfolio:

1. It Helps You Get Organized

The organization of
your professional documentation is crucial. You will have it all in one place.
Work examples, resumes, cover letters, and copies of professional Licenses. and
certifications, letters of recommendations will also need to be there.

Having all that
documentation in one place is highly beneficial. It will help the employer get
a better idea of what they can expect from you. It also helps you to keep track
of everything and updating it accordingly.

2. It Convinces Others of Your Skills and Abilities

Describing your work in
words is one thing. But having a tangible proof takes it to a completely
different level.

Having a well-designed
portfolio will help you make a better first impression. It will also let the
employer get a better idea of who they are choosing to do the job for them.

Every employer wants to
minimize the risk when hiring someone new. A good portfolio is definitely
always helpful in that matter.

3. It Increases Your Visibility

No one will hire you if
they have never heard of you – it is as simple as that. You need to take every
chance you can get to market yourself and increase your visibility.

Conclusion

Every professional can
benefit from having a well-put online portfolio. It helps to strengthen a brand
and to add value to a job application. It also helps keep your professional
documentation organized.

Don’t have a portfolio
website because you are worried about the cost of building one? Maybe it is
time to change the way you think about it.

There are many great tools out there that are completely free of charge.
They will help you to build your new online portfolio in 1 day!

8 Tips for Great Code Reviews

Post pobrano z: 8 Tips for Great Code Reviews

Kelly Sutton with good advice on code reviews. Hard to pick a favorite. I like all the stuff about minding your tone and getting everyone involved, but I also think the computerization stuff is important:

If a computer can decide and enforce a rule, let the computer do it. Arguing spaces vs. tabs is not a productive use of human time.

Re: Tip #6: it’s pretty cool when the tools you use can help with that, like this new GitHub feature where code suggestions can turn into a commit.

Direct Link to Article — Permalink

The post 8 Tips for Great Code Reviews appeared first on CSS-Tricks.