{"id":464,"date":"2017-01-08T19:03:28","date_gmt":"2017-01-09T02:03:28","guid":{"rendered":"https:\/\/lbmslab.org\/lab\/?page_id=464"},"modified":"2023-02-02T11:10:02","modified_gmt":"2023-02-02T18:10:02","slug":"photoshop-project-cereal-box-i","status":"publish","type":"page","link":"https:\/\/lbmslab.org\/lab\/photoshop-project-cereal-box-i\/","title":{"rendered":"Photoshop Project: Cereal Box I"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Goal: Make the front of a cereal box. <a href=\"https:\/\/lbmslab.org\/lab\/photoshop-project-cereal-box-ii\/\" data-type=\"page\" data-id=\"587\" target=\"_blank\" rel=\"noreferrer noopener\">When you finish, use it as the front of the full cereal box. <\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">IMPORTANT!<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you plan to use your cover for the Cereal Box II project (where you make the whole box), the best size for this project is 6.75 inches wide, 10 inches high, and 200 pixels per inch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is a typical front of a cereal box with the parts labeled:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/numbered-cereal-box.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"623\" height=\"642\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/numbered-cereal-box.jpg\" alt=\"\" class=\"wp-image-465\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/numbered-cereal-box.jpg 623w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/numbered-cereal-box-291x300.jpg 291w\" sizes=\"auto, (max-width: 623px) 100vw, 623px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The name of the cereal. Big letters, bright, contrasting color, and an outline help it stand out.<\/li>\n\n\n\n<li>The company that makes the cereal<\/li>\n\n\n\n<li>A badge telling why you should eat the cereal<\/li>\n\n\n\n<li>a mascot<\/li>\n\n\n\n<li>a description of the cereal<\/li>\n\n\n\n<li>a picture of the cereal in a bowl<\/li>\n\n\n\n<li>A badge that tells about a special offer.<\/li>\n\n\n\n<li>The weight of the cereal.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Yours should look as much like a real cereal box as possible, but it needs to be about a cereal you make up. Here are two examples:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/cereal-box-sample-bowl-o-teeth.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"686\" height=\"1024\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/cereal-box-sample-bowl-o-teeth-686x1024.jpg\" alt=\"\" class=\"wp-image-466\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/cereal-box-sample-bowl-o-teeth-686x1024.jpg 686w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/cereal-box-sample-bowl-o-teeth-201x300.jpg 201w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/cereal-box-sample-bowl-o-teeth-768x1146.jpg 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/cereal-box-sample-bowl-o-teeth.jpg 1005w\" sizes=\"auto, (max-width: 686px) 100vw, 686px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/cereal-box-robot-chunks.png\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"1024\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/cereal-box-robot-chunks-738x1024.png\" alt=\"\" class=\"wp-image-1083\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/cereal-box-robot-chunks-738x1024.png 738w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/cereal-box-robot-chunks-216x300.png 216w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/cereal-box-robot-chunks-768x1065.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/04\/cereal-box-robot-chunks.png 825w\" sizes=\"auto, (max-width: 738px) 100vw, 738px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/lbmslab.org\/lab\/photoshop-mini-project-bowl-of-cereal\/\" target=\"_blank\" rel=\"noopener\">If you need help making it look like the cereal is in the bowl, you can find a mini-tutorial here.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">IMPORTANT!<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you plan to use your cover for the Cereal Box II project (where you make the whole box), the best size for this project is 6.75 inches wide, 10 inches high, and 200 pixels per inch.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-13-at-11.10.15-AM.png\"><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"778\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-13-at-11.10.15-AM.png\" alt=\"\" class=\"wp-image-1851\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-13-at-11.10.15-AM.png 602w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-13-at-11.10.15-AM-232x300.png 232w\" sizes=\"auto, (max-width: 602px) 100vw, 602px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Making the Logo<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The name of the cereal should be more than just straight text. Photoshop makes it easy to add curves and borders. Here is a sample. Don&#8217;t copy it exactly- use it as a starting point.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This will be a logo for a cereal called &#8220;Fantastic Flakes.&#8221; Let&#8217;s start with a basic font.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"725\" height=\"287\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff1.png\" alt=\"\" class=\"wp-image-1187\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff1.png 725w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff1-300x119.png 300w\" sizes=\"auto, (max-width: 725px) 100vw, 725px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Next, we can change the color:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"708\" height=\"310\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff2.png\" alt=\"\" class=\"wp-image-1188\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff2.png 708w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff2-300x131.png 300w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now we can add a stroke around the letters. In the layer palette, double click the text layer (in the blank space next to the words). The layer style menu will open. Depending on what you have added to layers in the past, it may show multiple copies of some effects, or effects may be missing. If you would like to have the default set of effects, select the fx in the bottom left corner of the palette, the select &#8220;Reset to Default List.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"789\" height=\"511\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ls1.png\" alt=\"\" class=\"wp-image-1189\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ls1.png 789w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ls1-300x194.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ls1-768x497.png 768w\" sizes=\"auto, (max-width: 789px) 100vw, 789px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Select &#8220;Stroke&#8221; clicking on the word, NOT just the checkbox. If you (like here) have more than one &#8220;Stroke&#8221; choice, any one of them will work.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can choose any color and thickness that you like. Here&#8217;s what I chose:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"784\" height=\"512\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ls2.png\" alt=\"\" class=\"wp-image-1190\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ls2.png 784w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ls2-300x196.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ls2-768x502.png 768w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">And this is how it looks:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"360\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff3.png\" alt=\"\" class=\"wp-image-1191\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff3.png 752w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff3-300x144.png 300w\" sizes=\"auto, (max-width: 752px) 100vw, 752px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This could work as is, but let&#8217;s try bending it a bit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Close the layer palette. Make sure you&#8217;re on the text tool. At the top of the screen, select the &#8220;create warped text&#8221; icon.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"66\" height=\"50\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/warp.png\" alt=\"\" class=\"wp-image-1192\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Warp Text window will open. It will look something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"353\" height=\"273\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/warp2.png\" alt=\"\" class=\"wp-image-1193\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/warp2.png 353w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/warp2-300x232.png 300w\" sizes=\"auto, (max-width: 353px) 100vw, 353px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Try different styles. Each style will have a set of sliders to adjust the effect. Keep trying until you get an effect you think works. Here are some examples:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"717\" height=\"426\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff4.png\" alt=\"\" class=\"wp-image-1194\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff4.png 717w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff4-300x178.png 300w\" sizes=\"auto, (max-width: 717px) 100vw, 717px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"729\" height=\"464\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff5.png\" alt=\"\" class=\"wp-image-1195\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff5.png 729w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff5-300x191.png 300w\" sizes=\"auto, (max-width: 729px) 100vw, 729px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"744\" height=\"361\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff6.png\" alt=\"\" class=\"wp-image-1196\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff6.png 744w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff6-300x146.png 300w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"737\" height=\"513\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff7.png\" alt=\"\" class=\"wp-image-1197\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff7.png 737w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2018\/11\/ff7-300x209.png 300w\" sizes=\"auto, (max-width: 737px) 100vw, 737px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Goal: Make the front of a cereal box. When you finish, use it as the front of the full cereal box. IMPORTANT! If you plan to use your cover for the Cereal Box II project (where you make the whole box), the best size for this project is 6.75 inches wide, 10 inches high, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-464","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/comments?post=464"}],"version-history":[{"count":10,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/464\/revisions"}],"predecessor-version":[{"id":1955,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/464\/revisions\/1955"}],"wp:attachment":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/media?parent=464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}