How to turn your Facebook photos into interactive poster frames with Adobe Illustrator
Posted February 09, 2018 07:30:13 Adobe Illustrators now lets you convert your photos to poster frames.
That’s right, just open a Photoshop file, open it in Illustrator, and drop a couple of text in the margins and top and bottom corners.
That will take you to a poster frame.
That poster frame can be used for any kind of content you want.
And because Adobe Illustration supports poster frames, you don’t have to create your own template to get started.
Adobe also includes an animated gif version, which you can export and import into Illustrator and Illustrator CC to create animated poster frames on the fly.
Here are the steps you’ll need to follow: Step 1: Open your Photoshop file and click the + sign to add text to the top or bottom of the image.
This will add a few lines of text.
In Illustrator you’ll want to select the poster frame that you want to convert to poster frame mode.
In the top corner of your poster frame, click Add Frame… and select Poster Frame from the drop-down menu.
It will ask you to choose the type of poster frame you want it to convert into.
Choose Animated, Poster, or Poster Frames.
You can add more text if you want, but that’s what Illustrator does.
Step 2: In Illustrators main menu, click Convert and choose your file.
You’ll need Adobe Illustrations Convert extension to open the file.
Click OK when it’s done.
You may want to close your Illustrator window and restart it to make sure everything is OK.
Step 3: Select the image and go to the image properties tab and change the size and position of the poster frames to match the image you’ve selected.
You should see a posterframe icon in the corner of the panel.
The poster frame will now be fully animated and ready for poster frames!
If you want your poster frames added to your slideshow or other content, just add the following lines of code to your Illustrators project.
#include “Illustrator.h” #include <Adobe.
Html.PNG> /* #include #include Ada.
H.h #include </Ada.
H> #include “” #include Illustrator.poster_frames(image, 1); /* * This function is called when the image is first created and then converted to a Poster frame.
It does not need to be * called again.
*/ /* * When you are done, you can save the image as a Poster Frame by clicking Save Image as.
*/ //Save image as poster frame file #ifndef ILPA_LIB_PLUGIN_LIBALPAPER_FRAME_H #define ILPA _LIBALPMAPERFRAME #include “_Illustorians main image” #endif // ILPA LIB_PLUS_LIBRARY_LIBERATED_LIBERTARIAN #ifdef LIBERARY_PLURAL #define LIBERARIAN_LIBERAL_PLUTARCHLIBERATE #endif #endif /* * The following code adds the following two lines to your file to convert the image to a standard Poster Frame: /* * Add Text to the Top or Bottom Corner of the Poster Frame.
*/ AddText(image_top, image_bottom, 0.5); AddText((text_top + text_bottom), text_top); Add(1, 1, 1.5, 0); Add($text, $text_bottom) /* * These lines are called after the image has been converted to Poster Frame mode.
They add a line to the * bottom of your image to add a text label to the bottom of every poster frame in the image, and then set it to be the label for the poster in the poster format.
*/ $top_label = ”; $bottom_label= ”; //$top_bottom = “The top of the frame”; $top = $top; $top += 1; $left_top = 0; $right_top= 0; /* * If you are using the Animated or Poster frames, the label will be added to the left and right of the * frame.
If you don´t want the label to be added, then you can add a comment to the frame.
*/ $(add_comment); /* This function adds the image-bottom label to every poster in your image.
*/ Set($top, $top); /* Add a line that will add the top label to each poster in this image.
It must be the last */ $left = $left; $middle = $middle; $last = $last; /* Add the line to add the bottom label to your poster.
*/ set($top, 1) $bottom = $bottom; $line = $line.trim(); $top