Adobe
Creative Direction & Copywriting
Specs | Creative Cloud tutorial webpages, videos, and support materials
Libraries Tutorial Landing Page Copy
Headline: Create show-stopping social posts with a Library of graphics.
Introduction:
Bringing big style to your brand is easy with the help of Libraries. Start by creating a handful of bespoke graphics in Photoshop, then add them to a Library. You can open that same Library in Illustrator and design stylish social posts on a grid of artboards. Watch this quick video, then follow the steps below using the practice files in the Resources box — there’s one for each app — to develop ideas of your own.
Tip: Put all your assets in one Library, or keep distinct Libraries for each of your projects.
Body Copy:
Step 1: Design the pieces.
In Photoshop, create a set of graphic elements. Experiment with brushes, images, shapes, and textures. (Tip: Keep each element on its own layer.)
Step 2: Move layers to Libraries.
Add the graphic elements to the Library by clicking and dragging each one from the Layers panel to the Libraries panel.
Step 3: Switch apps seamlessly.
No need to copy and paste here. You’ll find that the Library you just created in Photoshop has automatically transferred to Illustrator.
Step 4: Create stand-out social.
Drag and drop elements from the Libraries panel onto your artboards. Don’t be afraid to mix and match your custom textures, colors, and photos.
Art direction by Katie Schikowski
3D Diagrams Tutorial Landing Page Copy
Headline: Bring flavor to vector graphics seamlessly by combining Illustrator and Photoshop.
Introduction:
Start by generating a pie chart in Illustrator, adjusting your base shapes, and adding labels. Then, make your maki come to life by applying photos and texture. Get inspired by this video, and follow the steps below using the practice files in the Resources box.
Tip: Choose a variety of images with a range of textures and sizes to visually balance your graph.
Body Copy:
Step 1: Add to your toolbar.
Click the three dots at the bottom of the toolbar to view all of the available options. Then, drag the Pie Graph Tool to the toolbar.
Step 2: Chart your course.
In Illustrator, select the Pie Graph Tool and input data to automatically generate a graph. Then, ungroup the shapes and use the Direct Select tool to space them out.
Step 3: Copy and connect.
Duplicate the graph and move the copy below the original so that the two are stacked. Then, use the Pen Tool (P) to draw a shape that connects the outermost edges of the tops and bottoms of each section of the pie graph.
Step 4: Spice up your chart.
Use the Type Tool (T) to label your graph, but don’t stop there. Explore lines, icons, and contrasting colors to make your chart stand out. (Tip: At this point, you can add your chart as a Library asset to simplify making changes. Once in your Library, edits made to the original automatically appear everywhere you have placed it — like in Photoshop.)
Step 5: Switch to Photoshop.
Move your artwork from Illustrator to Photoshop by selecting and copying in Illustrator. Then, paste it into Photoshop as a Smart Object on top of a white background.
Step 6: Prepare the pieces.
In Photoshop, bring in a photo of salmon and position it above your graph. To get a better sense of where to place it, toggle the Salmon layer visibility.
Step 7: Mask your maki.
Use the Magic Wand tool (W) to select the portion of the graph where you’d like to mask the image. Then, select the Add Layer Mask button and watch the photo take shape.
Step 8: Repeat and complete.
Apply steps 5 and 6 to add nori and rice photos to your art. Then, change the background color and add texture with brushes to finish it off.
Art direction by Katie Schikowski
3D Typography Tutorial Landing Page Copy
Headline: Draw in the third dimension with Fresco.
Introduction:
Creating stellar 3D typography has never been easier. Just create a multicolor swatch, sample it with the Eyedropper tool, and draw. Before you start, open the project file we’ve provided; it has the assets you need to follow along.
Tip: To achieve better 3D results, sample your multicolor swatch from an area containing a range of light and dark.
Body Copy:
Step 1: Set the scene.
Start by importing a photo, then choose any Pixel brush. (Tip: You can also create custom art that can be sampled in place of a photo.)
Step 2: Sample a stellar swatch.
Select the Eyedropper tool and choose the multicolor icon at the bottom of the tool bar. Position the Eyedropper tool over the area you’d like to sample. Then, select the same Pixel brush from Step 1.
Step 3: Brush in 3D.
Hide the photo layer and create a new layer. Then, use your Apple Pencil to create refined hand lettering. As you paint, you’ll see your swatch come to life.
Step 4: Design and doodle.
Make your multicolor brush artwork pop even more by adjusting contrast and brightness, and adding doodles and shadows. (Tip: Add doodles on separate layers so you can adjust them independently from the main artwork.)
Art direction by Katie Schikowski