How to tutorials Illustrator

How to Create a Tunisian-Inspired Motif in Adobe Illustrator

Final product image
What You’ll Be Creating

If you plan to travel to Tunisia, make a half-day stop in the ceramic capital, Nabeul. Your eyes will be dancing around from the vibrant display of handmade color ceramics, glazed bowls, jugs, plates, tiles and all kinds of appealing pottery objects, spilling onto the streets and sidewalks and displayed in the town’s courtyard of shops.

These pottery and ceramic gems are the ancient tradition of Tunisian master craftsmen.

In this tutorial, you will use Adobe Illustrator to design a Tunisian-inspired motif. We will use basic Illustrator tools, as well as tools like the Live Paint Tool and Symbols Tool. Plus you will learn some tips and tricks to speed up your workflow. After completing the design, we will upload it to customize our very own throw pillows and cushions.

Continue reading the lesson tutorials Illustrator


12 Mockup Free Macbook psd photoshop download

Free Macbook Screen Mockup

Free Macbook Screen Mockup Show off your web or UI design professionally using this Free Macbook Screen Mockup. One mockup that can be useful for different projects, presentations and package design. It.

Free MacBook & IPad Mockup

Free MacBook & IPad Mockup Free MacBook & iPad Mockup These 2 cool devices mockups will give breath to your awesome design to increase its popularity and also presenting it in a.

MacBook Pro Retina Mockup

MacBook Pro Retina Mockup This Free MacBook Pro Retina Mockup is great to showcase your web design, brand, or application in a photo-realistic appearance. It is available in high-resolution Photoshop format with.

Letterhead And MacBook Mockup

Letterhead And MacBook Mockup This free Letterhead and MacBook Mockup is great to showcase your website and letterhead design in a photo-realistic appearances. Available in Photoshop format with high-resolution. Consist of.

Free Macbook Pro Display Mockup

Free Macbook Pro Display Mockup The professional freebie of the day is a Macbook Pro Display Mockup. Showcase your Apple MacBook Pro App designs and web designs in a very.

Free Realistic Gold Macbook Mockup

Free Realistic Gold Macbook Mockup Today’s freebie is Realistic Gold Macbook Mockup by Anthony Boyd. This mockup features a high-quality shot of a gold 12 inch MacBook sitting on a glossy table..

4 Macbook Pro-IPhone PSD Mockups

4 Macbook Pro-IPhone PSD Mockups Here comes a pack of 4 Macbook Pro-iPhone PSD Mockups. These mockups are here for designers and developers to improve the presentations and increase the.

Macbook Pro Free Mockup

Macbook Pro Free Mockup Hey Everybody, we have already released another new exclusive freebie for you. It is Macbook Pro Free Mockup that you can showcase your UI design and web design..

Free Macbook Pro Mockup

Free Macbook Pro Mockup This Free Macbook Pro Mockup will help you to present your designs in a professional way. It’s a realistic mockup that uses a smart objects feature on Photoshop.

Free Macbook Mockup

Free Macbook Mockup Free Macbook Mockup is a realistic laptop mockup. It will help you to showcase your design in realistic-looking for your project to make your client trust your services. This.

Realistic MacBook Pro Mockup Vol 2

Realistic MacBook Pro Mockup Vol 2 Today’s freebie is a Realistic MacBook Pro Mockup Vol 2 by Anthony Boyd. This mockup features a simple realistic shot of Apple’s new 2016.

Free Office Macbook Pro Mockup

Free Office Macbook Pro Mockup Free Office Macbook Pro Mockup is a professional look mockup. This free mockup has a high resolution of 5000 x 4000 px, it can suit to showcase.

General How to

Transform and edit artwork

Learn the basics of transforming and editing artwork in Adobe Illustrator, including resizing artwork, using groups, aligning objects, and more.

Transform artwork

Learn how to transform artwork with the Selection tool, Transform panel, and various transform tools.


What you learned: Transform artwork

  • Select a shape with the Selection tool in the Tools panel.
  • Drag a bounding box handle to resize or re-shape the shape. Smart Guide crosshairs show when it’s a perfect circle as you resize.
  • Adjust artwork numerically and with more precision in the Properties panel.
  • Press Shift+Alt (Windows) or Shift+Option (macOS) and drag a shape to resize from the center and constrain proportions. Release the mouse and then the keys.
  • Select a shape. Select the Rotate tool in the Tools panel. Click on the shape to set where to rotate. Drag anywhere around the shape to rotate it.

Work with groups of content

Explore combining objects into groups.


What you learned: Group objects

  • Click the Selection tool in the Tools panel. Drag across artwork to select it.
  • Click the Group button in the Properties panel to group selected objects together.
  • Drag a corner of the group to resize all objects together.
  • Click the Selection tool and double-click a group to edit the individual objects. Press Escape to stop editing and regroup the objects.

Align content

Explore aligning artwork in various ways using the Align options.


What you learned: Align objects

  • Select multiple objects. Click Align To in the Properties panel to the right of the document and make sure Align To Selection is chosen to align the objects to one another.
  • Click an align option to align objects to one another.
  • Select a single object. Open the Align panel (Window > Align). Click Align To and choose Align To Artboard to align the objects to the artboard.
  • Click an align option in the Align panel to align objects to one another. Aligning to a key object allows you to align to a specific object.

Cut and erase artwork

Transform your artwork by cutting and erasing content.


What you learned: Erase and cut artwork

  • Select the Eraser tool in the Tools panel to erase parts of your artwork. Only selected content will be erased. Shift-drag to erase in a straight line.
  • To cut a path, click and hold the Eraser tool to select the Scissors tool.
General tutorials Illustrator

Masking in Illustrator

Masking is about hiding and revealing certain parts of an image or graphic. It is a key concept in graphic design and it is very useful to learn how to properly use it in Adobe Illustrator. In this video I will explain and compare the following 3 masking techinques: – Clipping Mask, – Opacity Mask – and the Draw Inside mode
07. Masking in Illustrator




How to tutorials tutorials Illustrator

Learn how to use the Color Picker to select and apply colors to your artwork in Illustrator.

Step 1 of 6

Select an object in your Illustrator document.



Step 2 of 6

Locate the Fill and Stroke swatches at the bottom of the toolbar. Double click the Fill swatch to bring up the Color Picker dialog box.

If you want to change the stroke color, double click the Stroke swatch.



Step 3 of 6

Use the sliders on either side of the Color Spectrum Bar to select a hue. You can also click directly on a hue in the Color Spectrum Bar.



Step 4 of 6

Select the shade of the color by clicking and dragging on the circle in the Color Field.



Step 5 of 6

When you’re done choosing a color, click OK.



Step 6 of 6

The Color Picker allows you to fine-tune your color selections. You can also use it to input specific RGB, HSB, CMYK, or HEX colors.



General How to

How To Outline Text in Photoshop

How To Outline Text in Photoshop

How To Outline Text in Photoshop

Whether you’re creating a professional business logo for your startup or working on a personal project, you may be wondering how to outline text in Photoshop. Outlined text generally looks crisper and more professional than plain text. Here’s how to create an outline that will make your design stand out.

Step 1: Type Your Text

To begin, add the text you want to a blank layer in Photoshop. Next, go the Layers panel and right click/Cmd on the layer name. Rasterize the layer by selecting “Rasterize”, then Ctrl/Cmd click on the thumbnail for the layer you’re working on to select the type you want to outline. If you do this correctly, the type will be outlined with scored lines.

Step 2: Create a New Layer

Create another blank layer, then select Edit > Stroke and select the stroke width you want. Change the Location to Center, then click ok. To select the new stroke, hold Ctrl/Cmd and click on the layer thumbnail.

Step 3: Apply a Gradient

Go the Layer panel, then turn off the bottom layer. Once you do this, you should see the outline of the text. Use the Gradient tool to apply a gradient to the selected text. The gradient will determine how the outline looks.

Step 4: Modify the Stroke

Go to Edit > Stroke to modify the stroke again. This time, change it to 1 Pixel width and change the Location to Outside.

Step 5: Fill the Text With Color

In the Layers panel, select the bottom layer and fill it with a gradient or color to get the look you want. If you’re looking for more depth, use a dropshadow in the Layer Style panel.

Step 6: Make Adjustments as Needed

Play around with your image until you’re happy with the way your outlined text looks. You can also invert your image to achieve a completely different look. Keep in mind that you’ll need to flatten the image first before inverting it. You can also hide the fill if you just want to see outlined text with no color inside.

Step 7: Save Your Image

Once you’ve achieved the outline and text color you want, save the image. You can now use it for your various projects. For even more pictures you can use for personal and professional projects, look through Shutterstock’s inventory of royalty-free images. You can find the perfect image for your project by narrowing your search results by genre, keyword and more.

General How to

How to Change Text Color in Photoshop

How to Change Text Color in Photoshop

When you’re trying to create a compelling digital image, color can make all the difference. This is especially true if text is prominent in your design, because it’s easy for a text color to clash with the main photo. Below, we’ve outlined how to change text color in Photoshop, so you can create striking designs where the image and text serve as strong complements.

Need images for your project? Shutterstock’s impressive collection of more than 70 million images can help! See what our library has to offer.

Changing Text Color (Editable)

  1. First, open the image that you wish to edit, or start a new Photoshop project. Then, select the Text tool (it looks like a “T”). Click and drag anywhere on the image to create a text box, and then type in your text.
  2. Before adjusting the color, you can choose a new font by clicking on the drop down menu in the left corner of the Text option bar (located above your image). Options for text size, alignment, and color can also be found on this toolbar.
  3. Next, launch the Color Picker by clicking on the rectangular box filled with your current text color (it’s on the right side of the Text option toolbar). A new window will appear, with a large color selector and a thin hue selector beside it. You can select a color by clicking on different areas of the Color Picker, or you can manually input a color code into the text boxes.
  4. For even more control over the color, click the “Color Libraries” button to view specific libraries, such as Pantone. While this window is open, you can wield the Eyedropper tool to click anywhere on the image and retrieve a color, which you can then use for your text. When you’re happy with the selection, click OK.
  5. The Color Picker can also be used to change individual words and letters to a different hue. Just highlight the characters/words you’d like to change, and then proceed to Step 3.

Changing Text Color (Rasterized)

  1. Text that you type into a Photoshop text box uses vectors, whereas rasterized text is converted into a static graphic. It’s still easy to change the color of rasterized text, though. First, click on the icon for the Color Picker (foreground color), which is located on the main toolbar.
  2. Next, select the Paint Bucket tool. Click on the first letter of text, and it should change to the foreground color that you selected. If some of the original color is left over around the edges, you can increase the Paint Bucket’s Tolerance setting (located on the top toolbar).
  3. When you’re happy with how it looks, continue clicking on the other letters to change their color. Then, press Command+S to save your work.
General How to

How to Use the Illustrator Color Picker

How to Use the Illustrator Color Picker

The Adobe Illustrator Color Picker allows you to fine-tune a color selection for individual objects, and it provides way more control over hue, saturation, and other attributes. Below, we’ve shared how to use the Illustrator Color Picker, so you can achieve any color necessary for a logo, illustration, or other design.

1. First, launch Illustrator and select an object on the artboard that needs a color adjustment. At the bottom of the Tools panel, you’ll see two colored swatches, which correspond to the current fill and stroke colors. You can double-click on either swatch to access its respective Color Picker.

2. In the Color Picker window, you’ll see a variety of settings that determine the final color, including a vertical slider called the Color Spectrum Bar. This slider allows you to select a specific hue, and you can do this by dragging on the arrows, or clicking directly on the spectrum.

3. To the left of the Color Spectrum Bar, you’ll find a large, square gradient called the Color Field. This section determines the color’s shade. If you change the Color Spectrum Bar’s position, the Color Field will automatically adjust as well. For example, if you want a dark green color, you’ll need to move the slider on the Color Spectrum Bar to a green section, and then click on a dark area of the Color Field.

4. If you prefer to enter manual color values, the Color Picker also has custom settings for HSB, RGB, CMYK and HEX. You can also click on individual values and adjust them with the Color Spectrum Bar and Color Field. For example, selecting “B” (which stands for “Brightness”) and then tweaking the Color Spectrum Bar and Color Field settings will not have an effect on the hue or saturation values.

5. Lastly, the “Only Web Colors” box limits your palette to 256 colors, which is useful when creating GIFs, HTML-based text, and solid-colored backgrounds. In most cases, though, you should leave this box unchecked.