{"id":2361,"date":"2019-07-20T14:09:24","date_gmt":"2019-07-20T12:09:24","guid":{"rendered":"https:\/\/pythonprogramming.altervista.org\/?p=2361"},"modified":"2019-07-20T14:23:56","modified_gmt":"2019-07-20T12:23:56","slug":"make-covers-with-pil","status":"publish","type":"post","link":"https:\/\/pythonprogramming.altervista.org\/make-covers-with-pil\/","title":{"rendered":"Make covers with PIL"},"content":{"rendered":"

Changes on the code to make covers<\/h2>\n

I made an updated version of the code to make cover images with Python. I made this in jupyter lab (that is why I put speak.imgb to see the image in the notebook itself.<\/p>\n

The styles dictionary<\/h3>\n

In this dictionary I’ve collected the data to adjust the position of the text and image in the image so that they looks good to me. Having this dictionary with each key resambling the size of the image, helps me to use the code for different size of the covers without having too much work changing the absolute position of them. It shoulb be a nice implementation to make the position of the element relative to the different sizes of the images, but this can also make future possible adaptations that can involve also pasting 2 or 3 images together and more, so I think I will leave the absolute position with the chance to add more styles in a next future. So, I think now it is quite intuive the use of the code and the mantainance should be pretty easy.<\/p>\n

image_vertical_adjustment<\/h2>\n

This variable is to make the image at the center go a little up or down, depending on the height of the image. So 4 will put the image higher than 5.<\/p>\n

ratio<\/h3>\n

The ratio variable now can use decimal number now for more precise resizing respecting always the width and height ratio.<\/p>\n

 <\/p>\n

\n
from PIL import Image, ImageFont, ImageDraw\r\nimport os\r\n\r\nclass App:\r\n    \"\"\"num_img is to allow to put 2 images on the cover\r\n    size = {size,title_font,subtitle_font,pos1,pos2}\r\n    img_vertical adjustment makes the image (central) go down when 4 becomes 5\r\n    \"\"\"\r\n    def __init__(self, title=\"\", subtitle=\"\", image=\"\", bg=\"\",ratio=2,\r\n                 size={}, num_img=1,\r\n                filename=\"image\", num=1,\r\n                image_vertical_adjustment=4):\r\n        self.size = size[\"size\"]\r\n        self.bg = bg\r\n        self.img = image\r\n        self.shrink_ratio = ratio # use this in case you need to resize the image in the middle\r\n        self.font = \"arial\", size[\"font1\"]\r\n        self.title = title\r\n        self.subtitle = subtitle\r\n        self.filename = \"output\\\\\" + filename + str(num) + \"_cover.png\" # do not need to change this\r\n        self.fnt = ImageFont.truetype(self.font[0], self.font[1])\r\n        self.fnt2 = ImageFont.truetype(\"arial\", size[\"font2\"])\r\n        self.imgb = Image.new(\"RGB\", (self.size), color=self.bg)\r\n        self.num_img = num_img\r\n        self.pos1 = size['pos1']\r\n        self.pos2 = size['pos2']\r\n        self.image_vertical_adjustment = image_vertical_adjustment\r\n        print(\"Use create_image() method to see the picture.\")\r\n        print(f\"You find the file in {self.filename}\")\r\n\r\n\r\n    def shrink(self, link, ratio=2):\r\n        \"\"\"Returns an image that is half of the original if ratio=2\"\"\"\r\n        img = Image.open(link)\r\n        w,h = img.size\r\n        w = int(w \/\/ ratio) # 2 is 50%\r\n        h = int(h \/\/ ratio)\r\n        img = img.resize((w,h), Image.ANTIALIAS)\r\n        return img\r\n        \r\n    def middle(self, img, m=2):\r\n        \"\"\"Return the coordinates to place the image in the middle\"\"\"\r\n        return self.size[0] \/\/ m - img.size[0] \/\/ m, self.size[1] \/\/ 2 - img.size[1] \/\/  self.image_vertical_adjustment\r\n\r\n    def create_image(self):\r\n        self.draw = ImageDraw.Draw(self.imgb)\r\n        self.title = self.title\r\n        self.subtitle = self.subtitle\r\n        self.draw.text(self.pos1, self.title, font=self.fnt)\r\n        self.draw.text(self.pos2, self.subtitle, font=self.fnt2)\r\n        if self.num_img == 1:\r\n           self.img_middle = self.shrink(self.img, self.shrink_ratio)\r\n           self.half4 = (self.middle(self.img_middle,2))\r\n           self.imgb.paste(self.img_middle, self.half4, self.img_middle)\r\n           self.imgb.save(self.filename)\r\n\r\n     # DIFFERENT STYLES DEPENDING ON THE SIZE OF THE COVER    \r\n    \r\nstyles_by_size = {\r\n    \"280x200\" : {\r\n                \"size\" :(280, 200),\r\n                \"font1\" : 24,\r\n                \"font2\" : 14,\r\n                \"pos1\" : (20,20),\r\n                \"pos2\" : (20,50)\r\n            },\r\n\r\n    \"600x400\" : {\r\n            \"size\" :(600, 400),\r\n            \"font1\" : 72,\r\n            \"font2\" : 36,\r\n            \"pos1\" : (48,30),\r\n            \"pos2\" : (48,80)\r\n    }\r\n}\r\n    \r\nspeak = App(\r\n        title=\"Pythonprogramming\",\r\n        subtitle=\"Examples in Python\",\r\n        image= \"py.png\",\r\n        bg= \"navy\",\r\n        ratio=1.2,\r\n        size = styles_by_size[\"280x200\"],\r\n        num_img = 1,\r\n        filename = \"myblog\",\r\n        num = 2,\r\n        image_vertical_adjustment = 4\r\n        )\r\n\r\nspeak.create_image()\r\nspeak.imgb\r\nspeak.show()<\/pre>\n
 <\/p>\n<\/div>\n
\n
\n
\n
<\/div>\n
Out[50]:<\/div>\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
Other article about the evolution of this code<\/h2>\n
create a cover image with PIL<\/a><\/p>\n
tkinter app to resize images<\/a><\/p>\n
transfrom code of cover maker app into a class<\/a><\/p>\n
<\/div>\n","protected":false},"excerpt":{"rendered":"This time we make different styles for our images made with PIL.\n [...]<\/a>","protected":false},"author":1,"featured_media":2385,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-2361","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-examples"],"avopt_banners_inside_post":true,"avopt_banners_on_page":true,"av_copy_from":"","av_sharing_message":"","av_sharing_allowed":false,"av_sharing_on":{"fb":[],"tw":[]},"av_allow_affiliate_banner":false,"av_allow_affiliate_multi_banner":false,"av_show_affiliation_buy_button":false,"av_post_rating":true,"av_have_post_rating_value":false,"av_is_artificial_intelligence_content":false,"_links":{"self":[{"href":"https:\/\/pythonprogramming.altervista.org\/wp-json\/wp\/v2\/posts\/2361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pythonprogramming.altervista.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pythonprogramming.altervista.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pythonprogramming.altervista.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pythonprogramming.altervista.org\/wp-json\/wp\/v2\/comments?post=2361"}],"version-history":[{"count":7,"href":"https:\/\/pythonprogramming.altervista.org\/wp-json\/wp\/v2\/posts\/2361\/revisions"}],"predecessor-version":[{"id":2386,"href":"https:\/\/pythonprogramming.altervista.org\/wp-json\/wp\/v2\/posts\/2361\/revisions\/2386"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pythonprogramming.altervista.org\/wp-json\/wp\/v2\/media\/2385"}],"wp:attachment":[{"href":"https:\/\/pythonprogramming.altervista.org\/wp-json\/wp\/v2\/media?parent=2361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pythonprogramming.altervista.org\/wp-json\/wp\/v2\/categories?post=2361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pythonprogramming.altervista.org\/wp-json\/wp\/v2\/tags?post=2361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}