{"id":19179229,"url":"https://github.com/melling/design_inspiration_2018","last_synced_at":"2026-02-28T01:45:42.635Z","repository":{"id":136798995,"uuid":"116084929","full_name":"melling/design_inspiration_2018","owner":"melling","description":"Mini Projects for Learning Design","archived":false,"fork":false,"pushed_at":"2018-01-22T23:14:21.000Z","size":81117,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-23T01:35:44.504Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://h4labs.org/category/design/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/melling.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-01-03T03:08:25.000Z","updated_at":"2018-01-22T15:54:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"bfb24fca-6184-4c0d-b96a-6fedab23382b","html_url":"https://github.com/melling/design_inspiration_2018","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/melling/design_inspiration_2018","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melling%2Fdesign_inspiration_2018","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melling%2Fdesign_inspiration_2018/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melling%2Fdesign_inspiration_2018/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melling%2Fdesign_inspiration_2018/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/melling","download_url":"https://codeload.github.com/melling/design_inspiration_2018/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melling%2Fdesign_inspiration_2018/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29922333,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-27T19:37:42.220Z","status":"ssl_error","status_checked_at":"2026-02-27T19:37:41.463Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-09T10:42:29.592Z","updated_at":"2026-02-28T01:45:42.602Z","avatar_url":"https://github.com/melling.png","language":"HTML","funding_links":["https://www.patreon.com/yesimadesigner"],"categories":[],"sub_categories":[],"readme":"# Design Inspiration 2018\n\nMini Projects for Learning Design\n\nI'm following this 365 day creativiy blog from [Yes I'm a Designer](http://www.yesimadesigner.com/365-days-of-creativity-daily-inspiration/) to help me learn design and the tools.\n\nHis [Patreon page](https://www.patreon.com/yesimadesigner) is better organized.\n\nI will also use other resources to help me learn.\n\nI'm also planning on writing about my learnings on my [blog](http://h4labs.org/category/design/).\n\n## Other Resources\n- [Udemy: Illustrator CC 2018 MasterClass](https://www.udemy.com/illustrator-cc-masterclass/learn/v4/overview)\n- [Markdown Converter](https://www.browserling.com/tools/markdown-to-html)\n\n## Day 22 - Design Challenge 2018: Blend Modes in Photoshop\n\n- [1 Minute Video](https://youtu.be/eYpkFbX02FQ)\n\n### Notes\n- Shift +/- to switch blend modes\n- Screen or other Lighten Blend Mode\n- Multiply or other Darken Blend Mode\n- Overlay or other Contrast Blend Mode\n- Hue Blend Mode\n\n### Resources\n- https://pixabay.com/en/milky-way-starry-sky-night-sky-star-2695569/\n- https://pixabay.com/en/fashion-woman-portrait-model-3080644/\n\n### Example\n![Pic](022_photoshop_blend_modes/model_with_stars_lighten.png)\n\n- Change Blend Mode to Screen\n\n### Example\n![Pic](022_photoshop_blend_modes/model_with_stars_darken.png)\n\n- Change Blend Mode to Darken\n\n### Example\n\n![Pic](022_photoshop_blend_modes/model_with_hue.png)\n\n- Add solid color layer over image\n- Change Blend Mode to Hue\n\n---\n\n## Day 21 - Design Challenge 2018: Pairing Typefaces\n\n- [1 Minute Video](https://youtu.be/DxbjcKr5wnQ)\n\n### Notes\n- Contrast - Don't use fonts that look similar\n- Scale - font size differences\n- Limit colors\n- Try mixing smallcap/CAP\n\n### Resources\n- http://www.fontsquirrel.com\n- http://www.1001freefonts.com\n- http://www.creativebloq.com/typography/20-perfect-type-pairings-3132120\n- https://www.pinterest.com/explore/font-pairings/?lp=true\n\n#### Font Pairs\n- [Oswald](https://www.1001freefonts.com/oswald.font)/[Open Sans](https://www.1001freefonts.com/open-sans.font)\n- [Anton](https://www.1001freefonts.com/anton.font)/[Damion](https://www.1001freefonts.com/damion.font)\n- [Permanent Marker](https://www.1001freefonts.com/permanent-marker.font)/[Metrophobic](https://www.1001freefonts.com/metrophobic.font)\n- [Bevan](https://www.1001freefonts.com/bevan.font)/[Oxygen](https://www.1001freefonts.com/oxygen.font)\n- [Londrina Solid](https://www.1001freefonts.com/londrina-solid.font)/[Fresca](https://www.1001freefonts.com/fresca.font)\n- [Lilita One](https://www.1001freefonts.com/lilita-one.font)/[Arvo](https://www.1001freefonts.com/arvo.font)\n- [Pacifico](https://www.1001freefonts.com/pacifico.font)/[Quicksand](https://www.1001freefonts.com/quicksand.font)\n- [Alfa Slab One](https://www.1001freefonts.com/alfa-slab-one.font)/[Bitter](https://www.1001freefonts.com/bitter.font)\n- [Walter Turncoat](https://www.1001freefonts.com/walter-turncoat.font)/[Ubuntu](https://www.1001freefonts.com/ubuntu.font)\n- [Fredoka One](https://www.1001freefonts.com/fredoka-one.font)/[Raleway](https://www.1001freefonts.com/raleway.font)\n- [Audiowide](https://www.1001freefonts.com/audiowide.font)/[Nixie One](https://www.1001freefonts.com/nixie-one.font)\n- [SanCreek](https://www.1001freefonts.com/sancreek.font)/[Goudy Bookletter 1911](https://www.1001freefonts.com/goudy-bookletter-1911.font)\n\n### Example\n![Pic](021_font_pairing/font_pairings.png)\n\n---\n\n## Day 20 - Design Challenge 2018: \n\n- [1 Minute Video]()\n\n### Notes\n\n### Resources\n\n\n### Example\n![Pic](020_font_pairing/font_pairin.png)\n\n\n## Day 19 - Design Challenge 2018: Photoshop Wave Effect\n\n- [1 Minute Video](https://youtu.be/QJ75Db-p5gQ)\n\n### Notes\n- Brush Tool - B\n- Hold shift to draw straight lines, while clicking and dragging\n- Place each brush stroke on new layer (Cmd-Shift-N)\n- Merge layers when done\n- Convert to Smart Object\n- Filter -\u003e Liquify\n\n### Resources\n\n\n### Example\n![Pic](019_photoshop_wave_effect/liquify.png)\n\n---\n\n## Day 18 - Design Challenge 2018: Vector Illustration Tutorial\n\n- [1 Minute Video](https://youtu.be/TJyvT45aGcs)\n\n\u003ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/TJyvT45aGcs\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen\u003e\u003c/iframe\u003e\n\n### Notes\n\n\n### Resources\n\n[Dribbble Gradients]()\n\n### Example\n![Pic](018_/1x/.png)\n\n---\n\n## Day 17 - Design Challenge 2018: Halftone Effect in Photoshop\n\n- [1 Minute Video](https://youtu.be/qQD7u1oolTI)\n\n### Notes\n- Turn image into a Smart Object\n- Filter -\u003e Pixelate -\u003e Color Halftone\n- Adjust Halftone radius. Bigger equals bigger dots\n- Play with Color Channels: -360 to 360\n\n### Resources\n- https://pixabay.com/en/leopard-leopard-spots-animal-wild-592187/\n\n\n### Example\n![Pic](017_photoshop_halftone/leopard_halftone.png)\n\n\n---\n\n## Day 16 - Design Challenge 2018: Procreate Drawing Tutorial\n\n- [1 Minute Video](https://youtu.be/S-2CRhq_yTE)\n\n\n### Notes\n\n\n### Resources\n\n\n### Example\n![Pic](016_procreate_drawing_tutorial/1x/.png)\n\n---\n## Day 15 - Design Challenge 2018: Illustrator Geometric Illustration\n\n- [1 Minute Video](https://youtu.be/NZM4Isx-dtI)\n\n\n### Notes\n- Can't draw so I drew a simple cat\n- View -\u003e Show Grid (⌘')\n- View -\u003e Snap to Grid (⌘⇧')\n- Used Polygon Tool\n- Reflect Tool (O)\n\n### Resources\n\n\n### Example\n![Pic](015_illustrator_geometric_illustration/1x/simple_cat.png)\n\n---\n\n## Day 14 - Design Challenge 2018: InDesign Image in Multiple Frames\n\n- [1 Minute Video](https://youtu.be/ldufM3WnS7c)\n\n\n### Notes\n- Use Frames (drop shadow, white border, size 5, no fill)\n- Rotate a few\n- Cut image\n- Edit -\u003e Place Into # Each frame (⌘-⌥-V)\n\n### Resources\n- https://pixabay.com/en/leopard-leopard-spots-animal-wild-592187/\n\n\n### Example\n![Pic](014_indesign_multiple_frames/leopard.png)\n\n---\n\n## Day 13 - Design Challenge 2018: Photoshop Seamless Pattern\n\n- [1 Minute Video](https://youtu.be/CPaip5Ob3Ns)\n\n### Notes\n- Filter -\u003e Other -\u003e Offset\n- Clone Stamp tool (S) - Sample rough edges\n- Edit -\u003e Define Pattern\n- Apply Pattern as Layer Style - Pattern Overlay\n\n### Resources\n- http://blogs.adobe.com/jkost/2015/01/how-to-create-a-seamless-pattern-tile-in-photoshop.html\n\n[Dribbble Gradients]()\n\n### Example\n![Pic](013_photoshop_seamless_pattern/1x/.png)\n\n---\n\n## Day 12 - Design Challenge 2018: InDesign Text Wrap\n\n- [1 Minute Video](https://youtu.be/0rjIMDHiqR4)\n\n\u003ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/0rjIMDHiqR4\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen\u003e\u003c/iframe\u003e\n\nThis is my first time using InDesign so I simply learned how to make text wrap around an image.\n\n### Notes\n- Select the shape. (not the text)\n- Window -\u003e Text Wrap (⌘-⌥-W)\n- Select third button (Wrap around object shape)\n- Tutorial https://www.youtube.com/watch?v=RCeULeg3dzo\n- File -\u003e Place (place image)\n\n### Resources\n- https://pixabay.com/en/clouds-sky-cloud-dark-clouds-1473311/\n\n\n### Example\n![Pic](012_indesign_text_wrap/clouds_indesign.png)\n\n---\n\n## Day 11 - Design Challenge 2018: Photoshop Neon Lights\n\n- [1 Minute Video](https://youtu.be/LDEW2xcslaw)\n\n\n### Notes\n- He used premium fonts\n- Baseline shift (Opt up/down arrow) and kerning (Opt left/right arrow) to get 'it' to slide together\n- Bevel/Emboss\n- Use Screen mode\n- Alt/Option drag from fx to copy style\n- Use Timeline to add keyframe for styles\n\n\n### Resources\n\n\n### Example\n![Pic](011_photoshop_neon_lights/neon_lights.png)\n\n---\n## Day 10 - Design Challenge 2018: Flower Wreath in Illustrator\n\n- [1 Minute Video](https://youtu.be/VEczKUXcmxU)\n\n\n### Notes\n- R - Rotate Tool\n- O - Reflect Tool (Alt/Option to copy while reflecting)\n\n### Resources\n\n\n### Example\n![Pic](010_illustrator_flower_wreath/1x/wreath.png)\n\n---\n\n## Day 9 - Design Challenge 2018: Paint Over Photos\n\n- [1 Minute Video](https://youtu.be/bsBBIEVR5P8)\n\n### Resources\nhttps://pixabay.com/en/world-globe-earth-planet-blue-1303628/\n\n\n### Example\n![Pic](009_paint_over_photos/africa_trail.png)\n\n---\n\n## Day 8 - Design Challenge 2018: Illustrator Gradients\n\n- [1 Minute Video](https://youtu.be/fx9CMwTiGi4)\n\n\n### Notes\n- Linear gradients\n- Radial gradients\n\n### Resources\n\n\n### Example\n![Pic](008_illustrator_gradients/1x/stroke_gradient.png)\n\n### Example\n![Pic](008_illustrator_gradients/1x/dual_gradient.png)\n\nI didn't choose good colors for gradient.  Wanted to do the bubbles.\n\n---\n\n## Day 7 - Design Challenge 2018: Line Art\n\n- [1 Minute Video](https://youtu.be/58iN5l1p0EQ)\n\n### Notes\n- Keep stroke size the same\n- Helps to sketch with pencil/paper first\n- Rotate (R) then duplicate (Cmd-d) to get sun rays\n- Shift-E erase on sun rays\n\n### Resources\n\n### Example\n![Pic](007_line_art/1x/line_art.png)\n\n---\n\n## Day 6 - Design Challenge 2018: Rule of Thirds\n\n- [1 Minute Video](https://youtu.be/iWqQpR1obW0)\n\n### Notes\n\n### Resources\n- [Dribbble Colors](https://dribbble.com/shots/4056436-2018-Dog-Year)\n\n### Example\n![Pic](006_rule_of_thirds/1x/rule.png)\n\n---\n\n## Day 5 - Design Challenge 2018: Illustrator Patterns\n\n- [1 Minute Video](https://youtu.be/achtdTKhINI)\n\n### Notes\n- Object -\u003e Pattern -\u003e Make\n  - Pattern is placed in Swatches panel\n- Use pattern as a Fill Color\n- Double-click on swatch to rename, etc\n- Once the swatch is created, fill a rectangle with the swatch pattern.\n\n### Resources\n- [Noun Project Cat Icons](https://thenounproject.com/search/?q=cat)\n- [Cat Icon 1](https://thenounproject.com/search/?q=cat\u0026i=196641) | [Cat Icon 2](https://thenounproject.com/search/?q=cat\u0026i=755177) | [Cat Icon 3](https://thenounproject.com/search/?q=cat\u0026i=729211) | [Cat Icon 4](https://thenounproject.com/search/?q=cat\u0026i=975206)\n- [Dribbble Colors](https://dribbble.com/shots/3738996-Crazy-About-Cats)\n\n### Example\n![Pic](005_illustrator_patterns/1x/cats.png)\n\n---\n\n## Day 4 - Design Challenge 2018: Photoshop Variable Fonts\n\n- [1 Minute Video](https://youtu.be/1GN7JQ6xdFE)\n\n### Notes\n- Font: Acumin Variable Concept\n - Wide UltraBlack\n- From the Properties panel change: Weight, Width, and Slant.\n- Added a Drop Shadow effect on Every.\n- Added a Stroke effect on Every.\n\n### Resources\n- Colors from [Dribbble](https://dribbble.com/shots/4066245-Blueberries)\n\n### Example\n![Pic](004_variable_fonts/practice_every_day.png)\n\n---\n\n## Day 3 - Design Challenge 2018: Photoshop Gradient Map\n\n- [1 Minute Video](https://youtu.be/ewKQ3kTPXm0)\n\nCreate dual-tone effect on photographs.\n\n- [Pixel Bay Coffee Image](https://pixabay.com/en/coffee-beans-coffee-bean-drink-1117933/)\n\n### Original\n![Pic](003_gradient_map/coffee.png)\n\n### Steps to Create Black/White Example\n\n1. ![Pic](003_gradient_map/lesson/01_click_lesson.png)\n2.  ![Pic](003_gradient_map/lesson/02_create_map_lesson.png)\n3. ![Pic](003_gradient_map/lesson/03_properties_panel_lesson.png)\n4. ![Pic](003_gradient_map/lesson/04_click_black_white_lesson.png)\n\n### Black/White Example\n![Pic](003_gradient_map/coffee_gradient_map_bw.png)\n\n\n### Purple to Cyan Example\n![Pic](003_gradient_map/coffee_gradient_map_color.png)\n- Double-click on Adjustment layer to change Layer Blending options to get nice effect.\n- To remove rough edge, use Alt/Option to split to create a range.\n- Looks better with a person's face?\n\n---\n\n## Day 2 - Design Challenge 2018: Negative Space\n\n- [1 Minute Video](https://youtu.be/EEfWjheHxSA)\n\t- The space around and between the subject.\n\t- Use emptiness to emphasize something.\n\n### Misc\n - https://en.m.wikipedia.org/wiki/Negative_space\n - https://www.ctrlpaint.com/videos/drawing-shape-negative-space\n - https://99percentinvisible.org/episode/negative-space-logo-design-michael-bierut/\n\n### My Projects\n\n#### 2018\n![2018](002_negative_space/negative_space_2018.png)\n\n#### logo\n![Logo](002_negative_space/neg_space_h4labs.png)\n\n---\n\n## Day 1 - Design Challenge 2018: Typography\n\n[Daily Free Video](https://youtu.be/H15pczyif_w)\n\n[Illustrator CC 2018 MasterClass: 62. Create Outlines from Text](https://www.udemy.com/illustrator-cc-masterclass/learn/v4/t/lecture/6973118?start=0)\n\n### My Projects\n\n#### 2018 Text Outlined\n\n![2018 Text Outlined](001_typography/01_2018_outline.png)\n\n- Don't use stroke\n- Use Appearance Panel trick\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmelling%2Fdesign_inspiration_2018","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmelling%2Fdesign_inspiration_2018","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmelling%2Fdesign_inspiration_2018/lists"}