Post pobrano z: The Mac Photo Editor That Adapts to Your Style and Skill Level

As an online professional, you no doubt spend a portion of your time working with photo content. Clients may provide some photo material, and some may come from stock photo resources. The quality may vary; but even when it’s good, you often wish it would be better, or have greater eye-catching appeal. The problem is, […]

The post The Mac Photo Editor That Adapts to Your Style and Skill Level appeared first on Web Resources Depot.

Post pobrano z: Best of the Design Web: January 2017

2017 is already underway! So kick off the new year with amazing tutorials featuring the latest trends in graphic design and illustration. Tackle some new and exciting projects by checking out the following tutorials from across the web!

10 Amazing Tutorials From Across the Web

• 

  Drawing and Animating Horses: A Flipbook Tutorial

  In this tutorial, our very own Monika Zagrobelna teaches you how to draw and animate horses using Sketchbook. Learn how to create your own amazing animal animations while getting a complete anatomy breakdown.

  Visit Tutorial

• 

  How to Create a Pair of Headphones in Adobe Illustrator
  

  In this tutorial, our very own Envato Tuts+ instructor, Hector Heredia, breaks down the steps for creating a minimalist pair of headphones in Adobe Illustrator. Learn how to create this cool design using simple shapes and gradients.

  Visit Tutorial

• 

  Create a 2017 Calendar in Just 10 Steps
  

  Need a new calendar? In this tutorial, Jo Gulliver shows you how to create a 2017 calendar with charming minimalist elements in Adobe InDesign. Learn how to create the calendar from scratch before adding your own unique design.

  Visit Tutorial

• 

  Illustrating Animals With 13 Circles
  

  You can make all sorts of animals using simple geometric shapes. And in this tutorial, Dorota Pankowska shows you how to make 13 different animals in Adobe Photoshop and Illustrator before finally editing them with cool animations in After Effects.

  Visit Tutorial

• 

  Photoshop Tutorial: Advanced Photo Collage Techniques
  

  In this tutorial, Mike Harrison shows you how to blend multiple photos together for a powerful photo manipulation. Learn simple photo collage techniques, how to apply realistic lighting, and more in this thorough tutorial.

  Visit Tutorial

• 

  Change Colors to Match 2017’s Visual Trends in Photoshop
  

  The bold theme for 2017 is to use bright, contrasting colors. And in this tutorial, Tigz Rice shows you how to transform the boring background of a photo into a clean, and vibrant color.

  Visit Tutorial

• 

  How to Create a Vintage Film Text Effect in Photoshop
  

  Relive the classic film styles of the 30s and 40s with this fun project. In this tutorial, Chris Spooner shows you how to create a vintage themed text effect using Photoshop’s 3D tools.

  Visit Tutorial

• 

  How to Create a Winter Background in Adobe Illustrator
  

  Snuggle up with a warm cup of hot chocolate and dig into this fun project. In this tutorial, Laura Martin walks you through the process of creating a simple winter-themed background in Adobe Illustrator.

  Visit Tutorial

• 

  How to Create an Intense Composite of a Stone Tiger With Blue Flames
  

  In this tutorial, Moustafa Sharaf shows you how to create an incredible fantasy photo manipulation in Adobe Photoshop. Learn how to use basic adjustments, textures, and masks to create this intense tiger photo manipulation.

  Visit Tutorial

• 

  Create Sensational Sunsets in Adobe Photoshop
  

  Nothing is more beautiful than a photo taken capturing a sunset. And you can create your own magical sunsets with this tutorial. Instructor James Paterson will show you how to create beautiful sunset scenes by stitching several photos together.

  Visit Tutorial

Top 5 Tutorials from Envato Tuts+ Design & Illustration

Our experts have provided you with many great tutorials this month! Here are five of our most tried and tested tutorials from the Design and Illustration section here at Envato Tuts+.

Be sure to check out this month’s Love Week, featuring tutorials dedicated to all things love and wedding related. And see entries from our latest Envato Tuts+ Community Challenge: Created By You, celebrating the incredible efforts of our talented community.

• 
  Vehicles
  How to Create a Side View Surfing Van in Adobe Illustrator
  Aliaksei Kruhlenia

• 
  Photoshop Actions
  How to Create a Fur Action Text Effect in Adobe Photoshop
  Anderson Luiz

• 
  Photo Manipulation
  How to Create a Surreal, Emotional Scene With Adobe Photoshop
  Jenny Le

• 
  Logo Design
  How to Create a Geometric Style Logo in Inkscape
  Nick Saporito

• 
  Animals
  How to Draw a Fox Illustration in Adobe Illustrator
  Nataliya Dolotko

10 Incredible Premium Design Assets

Before you go, be sure to pick up some amazing premium design assets from GraphicRiver and Envato Elements. Browse the incredible selections of design graphics, fonts, and so much more for high-quality design.

Gif Animated Ephemera Photoshop Action

Create a stunning animated GIF with this incredible Photoshop action. This action allows you to apply billowing smoke onto your photos for a cool double exposure effect. Save the final result as a static image or enjoy the animation as a GIF in all its beautiful wonder.

Valentinum – Sweethearts Photoshop Action

Celebrate your love with this lovely Photoshop action. This action allows you to turn your photos into a sweet Valentine’s Day greeting card with one professional watercolor action. Download this action to enjoy 20 color presets and more!

25 Abstract Line Waves Photoshop Brushes

Enjoy this incredible package of 25 abstract Photoshop brushes. This pack features incredible line wave designs that you can incorporate into any creative project. With high-resolution shapes, you’ll definitely want to add this set to your collection!

30 Stroke Photoshop Brushes

Or try your hand at our incredible digital painting tutorials with this huge Photoshop brush pack. Included in this set are 30 Photoshop brushes inspired by traditional art strokes. They’re suitable for any painting or decorative element, so have fun using these brushes for your designs.

50 Adobe Illustrator Brush Set

Create amazing illustrations with this huge Adobe Illustrator brush set. Included in this set are over 50 Illustrator brushes to make your art stand out. Enjoy the calligraphic styles that are fully editable and 100% handmade.

Snow and Winter Brushes for Adobe Illustrator

Get out of the cold and create some stunning art with this brilliant Illustrator brush set. Inspired by natural snow and ice textures, this set features over 30 powerful brushes for a range of effects. Simply draw over your graphics to apply wintry effects instantly!

Realistic Embroidery Layer Styles

Create instant embroidered text effects with this amazing Photoshop action. This package features four different actions with three realistic materials and nine different styles. Enjoy this insanely realistic embroidery effect, and transform virtually any text or shape in no time!

Game Logo Text Styles

Create your own video game-inspired text effects with this amazing package. This package features 12 different styles that are 100% vector and fully editable for easy customization. Download this package to enjoy the free vector backgrounds also included!

Raleigh Font

Enjoy the sleek design of this brilliant sans-serif font. Developed to inspire your inner epicness, this font features a futuristic stencil design that’s great for logos, headers, and more. Download this font to enjoy the multiple style options.

Leviafan Font

Handmade-styled graphics are a huge hit in the design industry. And this beautiful handlettering typeface features a stylish brush design perfect for apparel, posters, and more. Included in this package is a full set of letters, numbers, and additional style options.

Post pobrano z: How to Create a Set of Flat Clock Icons in Adobe Illustrator

Despite the fact that many people nowadays use their smartphones to check the time, the clock remains one of the most popular items of the interior. There is a huge
variety of shapes and colors and types of clock around us: kitchen timers, alarm
clocks, flip clocks, wall clocks, cabinet clocks, and many other kinds of clock.

In this
tutorial we’ll be creating three different types of clock in a trendy flat
style, applying solid colors and geometric shapes. We’ll learn to design the
clock face, working with the Rotate Tool
and using other handy tools and functions of Adobe Illustrator.

By the end
of this tutorial, you’ll be able to create any kind of flat objects, whether
those are flat clock icons or cooking icons or anything else. Make sure you’ve
browsed the vector section of GraphicRiver for more inspiration. And let’s
start! 

1. How to
Design a Kitchen Timer

Step 1

We’ll start
by making the clock face. Use the Ellipse
Tool (L) to create a 95 x 95 px
light-beige circle.

Copy the circle and Paste in Back (Control-C > Control-B). Scale the copy up to 175 x 175 px, setting its new size either
in the control panel on top or in the Transform
panel. Make the Fill color a bit
darker.

Step 2

Let’s
depict the minute and second graduation marks of the clock face, starting from the top.
Grab the Line Segment Tool (\) or
the Pen Tool (P), hold Shift and make a short line with red Stroke color. Head to the Stroke panel and set the Weight to 2 pt and Cap to Round Cap, making the line thick enough
and rounded at the tips.

Step 3

Select the stroke with the Selection Tool (V), hold Alt-Shift and drag down to make a copy at the bottom of the clock face. Group (Control-G) the created strokes. 

Make sure
that both strokes are centered perfectly. To do this, select the strokes together
with the circle and click the circle once again to make it a Key Object. Open the Align panel and click Horizontal Align Center.

Duplicate (Control-C > Control-F) our group of strokes and rotate the copy 90 degrees.

Step 4

Now we’ll
be adding minor graduations for 60 seconds. Duplicate
those vertical red strokes that we created earlier, change the Stroke color to brown, and set the Weight to 1 pt. You can make the red strokes invisible by clicking the eye icon in the Layers panel in order not to be distracted by them.

Step 5

Keeping our
group of strokes selected, double-click
the Rotate Tool (R) and set the Angle to 360/60 in order to calculate the value automatically. Click Copy to create a new pair of strokes.
Press Control-D to repeat the last
action and continue pressing Control-D
to add all 30 pairs of strokes.

Now we can make the red strokes visible again and Bring
them to Front (Shift-Control-]),
above the brown strokes.

Step 6

Now we’ll
move on to the body or the case of our timer. Take the Rectangle Tool (M) and make a 140 x 145
px red rectangle. Send it to Back (Shift-Control-[), beneath the clock face.

Select both the left and right top anchor points of the rectangle with the Direct Selection Tool (A) and pull the circle markers of the Live Corners to make the top of the
shape fully rounded.

Step 7

We can
also set the Corner Radius of the
top corners to 15 pt in the control
panel on top, while keeping them selected with the Direct Selection Tool (A).

Now we’ll
add some dimension to our shape, creating a rim around the clock case.
Select the case and go to Object >
Path > Offset Path and set the Offset
value to 5 px, leaving all other
options as default. Make the new shape a bit darker.

Step 8

Take the Rounded Rectangle Tool and let’s add a
small stand in the bottom of the case. Create a 115 x 15 px dark-red shape with 7.5
px Corners.

Step 9

Let’s add a
hand to our timer. Take the Ellipse
Tool (L) and make a 25 x 90 px red
oval. Pick the color from the case of the clock using the Eyedropper Tool (I).

Duplicate the oval and squash it to 9 x 88 px, making the top shape a bit
lighter.

Step 10

Switch to
the Rectangle Tool (M) and make a 33 x 55 px dark-red shape. Send it Backward, beneath the hand, by pressing Control-[ twice.

Make the
top corners of the shape slightly rounded, setting the Radius to 9 px.

Step 11

We need to
make the bottom of the shape slightly arched to make it fit the clock face.
Take the Curvature Tool (Shift-‘)
and pull the bottom edge down to bend it.

Step 12

Let’s add a
final detail to our timer: a gentle highlight over the plastic case. Use the Rectangle Tool (M) to make a 55 x 190 px shape of a slightly lighter
red color than we have for the case.

Select both
the case and the rectangle and take the Shape
Builder Tool (Shift-M). Hold Alt
and click the top piece of the rectangle to delete it.

Step 13

Delete the
bottom piece of the rectangle using the same method—and there we have it! Our
kitchen timer is finished!

Let’s move
on to the next clock.

2. How to
Create a Flip Clock

Step 1

We’ll start
designing our flip clock from its screen. Arm yourself with the Rounded Rectangle Tool and make a 170 x 85 px light-yellow shape with 8 px Corner Radius.

Keeping the
shape selected, go to Object > Path
> Offset Path and apply 10 px
Offset value. Fill the new shape with dark-green color.

Step 2

This time
either apply Offset Path once again
or just create a new rectangle of 210 x 130
px size beneath the previous two. Fill it with vivid turquoise color and
set the Corner Radius to 25 px, thus depicting a plastic clock case.

Add a
darker rim to the turquoise shape by either adding a 3 px Offset Path or by creating a 220 x 140 px rectangle with rounded corners.

Step 3

Create a 170 x 10 px dark-turquoise rounded
rectangle for the stand and Send it to Back (Shift-Control-[).

Let’s make
some buttons. Add another rounded rectangle of 120 x 25 px size on top of the clock, filling it with the same
dark-green color as we have for the edge of the screen. Place the button beneath the clock
case. Add another button on the right side of the clock, applying a
dark-turquoise color.

Step 4

Now it’s
time to add the figures! I’m using the Type
Tool (T) and Bebas free font to set the time to 19:30.

Object > Expand the text, turning it into editable curves.

Step 5

Move each
figure separately, if needed, so that the spacing between 9 and 3 is slightly
larger than the rest of the gaps.

Take the Rounded Rectangle Tool and let’s add 37 x 76 px dark-green shapes for the
flipping elements beneath each figure.

You can
create one rectangle on the left and then just drag it to the right while
holding Alt-Shift to create a copy.
Then press Control-D twice to
repeat your last action.

Use the Align panel to align the
rectangles to the Horizontal Center
of the figures.

Step 6

Use the Line Segment Tool (\) or the Pen Tool (P) to add a divider. Hold Shift and make a vertical dark-green
line across the center of clock face. Set the Weight to 2 pt in the Stroke panel.

And now
let’s split the figures apart as well. Take the Rectangle Tool (M) and make a narrow horizontal stripe across the
display (I filled it with red color to make it clearly visible).

Now select
only the figures and Object >
Compound Path > Make (Conrol-8), uniting separate elements into a
single object.

Step 7

Select the
compound path together with the red rectangle and apply the Minus Front function of
the Pathfinder to cut the stripe out, leaving a horizontal gap across all the
figures.

Step 8

There we
have it! Our flip clock is finished. Now we can move on to the next one!

3. How to
Make a Modern Wall Clock

Step 1

As previously,
we start by designing the clock face. Take the Rounded Rectangle Tool and make a 120 x 120 px light-beige square. Apply Object > Path > Offset Path with 5 px Offset value and make the new shape somewhat darker.

Step 2

Now either
use Offset Path again or create a
new 150 x 150 px rectangle with 13 px Corner Radius. Fill the new shape
with vivid orange color and Align it
to the clock face (as to the Key Object),
if needed, clicking Horizontal Align
Center and Vertical Align Center.

Apply a 5 px Offset Path to the orange shape
and make the rim slightly darker, adding dimension to the clock.

Step 3

Let’s start
adding the graduation marks to the clock face. Use the Ellipse Tool (L) and hold Shift
to make a 12 x 12 px orange circle on
top of the face. Hold Alt-Shift and
drag the circle down, creating a copy at the bottom of the face.

Group (Control-G) both circles and Align them to the clock face.

Step 4

Duplicate (Control-C > Control-F) our group of circles and rotate the
copy 90 degrees.

Duplicate the vertical group once again and let’s add
other type of graduation mark. Set the Fill
color of the copy to None and the Stroke color to dark-blue. Set the Weight to 2 pt in the Stroke
panel.

Step 5

Double-click the Rotate
Tool (R) and set the Angle value
to 30 degrees. Click Copy and continue by pressing Control-D multiple times to add all 12
circles to the clock face.

Step 6

Bring the orange circles of the graduation to Front (Control-]) to cover the
dark-blue circles.

Now let’s add the hands of the clock! Start by
making a red circle in the center and Align
it to the clock face.

Make a short vertical dark-blue stroke using
the Line Segment Tool (\), and set the Weight to 7 pt and the Cap to Round Cap, this way creating an hour
hand. Send it Backward (Control-[), beneath the red circle.

Step 7

Add a
minute hand, making it longer and decreasing the Stroke Weight to 4 pt.

Finally,
depict the second hand, changing the Stroke
color to red and the Weight to 3 pt.

Step 8

Let’s add
minor details to the clock face. Use the Ellipse
Tool (L) to create a large oval over the bottom half of the clock face. Now
select both the clock face and the oval, switch to the Shape Builder Tool (Shift-M), and single-click the top part of the clock face to split it apart. Make
the top part slightly darker, creating an overtone.

Step 9

Voila! Our
wall clock is completed!

Tick-Tock
on the Clock! Our Clock Icons Set Is Finished!

Great job! I hope you’ve enjoyed following this tutorial and discovered some useful new tips and tricks.

You can
continue expanding this set and create more clock icons, like those in the image
below.