Responsive Site/WordPress Theme

The second & third and final projects for Advanced Web Design | Creator: K

Designing a site in a visual editor, “prototyping” said site/establishing animations and functionality, and subsequently developing a from-scratch WordPress customized theme for that particular site are amongst those aspects which define the crux of Web development. This entire, multi-step, multifaceted, and, indeed, multiplex project was a phenomenal learning experience, and utterly emphasizes the definition of being a Website developer. I truly acquired an superbly immense amount of knowledge pertinent to the ever-expansive assemblage of multiple programming languages which serve as the foundations of the Web: H.T.M.L., P.H.P., & C.S.S. All of the processes that a developer partakes in whilst engineering a theme to function cohesively, properly, and beautifully with the core WordPress software exist as a testament to one’s skills and ability to design. Creating a vision in code is no simple endeavor, as one must be quite fluent to fully comprehend the perceivable magnitude of a software that effectively powers over thirty percent of the Internet. With all this aside, it is, indubitably, tremendously enjoyable, and the cumulative magnum opus serves as a definitive culmination of achievement. And so, given this knowledge, I sincerely hope you enjoy my custom WordPress theme as much as I did developing it. 😊

The easy aspects:

  • Aggregating the resources necessary for development (underscores.me basic theme, images, etc.)
  • Creating custom classes and IDs and styling them via “style.css
  • Integrating previously dev’d code into the new theme

The challenging aspects:

  • Styling all of the custom CSS present in the PHP files that come with the template theme, from scratch, effectively, properly, and in a visually appealing manner
  • Discovering which CSS activates/affects other code in the theme folder’s files from the bare foundations of the template, without prior knowledge
  • Avoiding PHP errors and debugging successfully and with precision

What I learned:

  • An immense amount of knowledge pertinent to the core WP software and its codex
  • How to integrate PHP in various manners, and in various files
  • A plethora of information regarding CSS, SASS, and other relevant, associated data/aspects

How my project could be improved:

  • Different colors could be incorporated to enhance legibility (in regards to text gradients and clippings)
  • A more effective manner of media querying could be explored and implemented
  • Compatibility of the site with other browsers/operating systems should be taken into account

How the assignment could be improved:

  • Discussing more about PHP and its association with CSS and HTML, especially in direct regards to creating a custom WP theme from foundational code, would be beneficial
  • Code snippets and explanations of said code could be included in the directions for clarity and developmental assistance
  • Coalescing this project directly with a previous project to which it has pertinence, and simply coding that project itself, holistically, over time, could improve understanding of the task at hand, as well as permit for a deeper knowledge of the aforementioned languages

Application of knowledge for future assignments:

  • Development of future WordPress themes shall incorporate the knowledge acquired from this particular project
  • Awareness and utilization of online resources, such as the WordPress Blog and Codex, will exist/occur in the future
  • A more pedantic, profound, and acute understanding of modularized code, such as the code associated with this specific project, will be consistently considered whilst designing/programming

Inspiration (various readings, tutorials, YouTube videos, and in-class exercises/labs):

  • The WordPress Blog, Codex, and articles and information associated with the entirety of the structure of the open-source WordPress code itself, especially ones originating from or possessing direct ties to the WordPress.org Web site
  • Online videos and class presentations detailing various aspects of the WordPress universe
  • And, ultimately, none other than my professor, who encouraged us to delve into the universe of WordPress development. 😄

CSS

The first project for Advanced Web Design | Creator: K

CSS is the core manner in which to style/stylize Web sites and Web pages on the Internet—and, of course, give them a flair whilst doing so. A beautiful and modernized language with an unfathomable plethora of visual/aesthetic design capabilities, one may become creatively lost in its seemingly infinite intricacies and functionalities, and in the best way possible. And, in the end, the result—as one would hope—is a testament to the sheer might of this Web interface programming language: a beautiful, unique, and distinctly representative image of your capabilities that conveys the computing prowess you possess. A figurative light is shone on one’s abilities, especially in regards to, essentially, the absolute minimum required to establish such a contrivance: a singular computer. And with only a keyboard and screen necessary to accomplish the feat of programming and simultaneously designing the Web, you, yourself, as a person, are truly tested in the face of the Cascading Style Sheets language.

The easy aspects:

  • Formulating a basic, single-page layout for the content of the page via digital sketching, mental imagery, etc. (without programming)
  • Creating appropriate files that coordinate conjunctively to establish a modularized Web page
  • Utilizing the appropriate workflow for this—Gulp (alongside “npm”/node package manager and “Node.js”)

The challenging aspects:

  • Properly and effectively utilizing Grid and “Flexbox” Layouts
  • Positioning, aligning, and—quite simply—laying out the entire page (in an exact manner) according to a vision of how it should appear
  • Diagnosing and immediately remedying complex errors (often with limited knowledge at the time)

What I learned:

  • The intricacies and complexities of the two above-mentioned layout managers
  • How to identify a scenario in which either or both of the two must be employed
  • The procedures associated with deploying a Web site/page which includes Grid and “Flexbox”

How my project could be improved:

  • A different coding implementation could have been utilized (either for simplicity, clarity, or other reasons)
  • Accounting for various browsers and their supported features, as well as the natural appearance of the Web page itself, should have occurred
  • Simplified class names and ID names would have improved the code, holistically speaking

How the assignment could be improved:

  • A discussion of various means of styling the page (such as via floats, absolute positioning, etc.) besides via these two aforementioned Website layout managers would have assisted in the page’s development cycle
  • Permittance to not be constrained to a singular color scheme, if possible
  • A different topic around which to structure the page could have been utilized

Application of knowledge for future assignments:

  • The designations between Grid and “Flexbox” will be taken into account when designing and coding future sites/pages
  • The proper manner of debugging of a site that employs these layout managers shall be understood
  • The varying complexity levels of both layout managers and their usage scenarios will be known

Inspiration (various readings, tutorials, YouTube videos, and in-class exercises/labs):

  • Articles from popular Web sites that centralize upon Web-based programming languages—especially CSS
  • A myriad of online Web videos that discuss CSS code, its proper implementations in direct regards to the Grid and “Flexbox” Layout Managers, and so forth
  • Online notes from the class itself that permitted this particular page to be built given the presented information

Personal Brand

The third and final project for Print Design | Creator: K

Through this project, we completely defined ourselves professionally. The resultant creations serve as true, official representations of that of ourselves which we choose to present publicly, especially amongst those who exist as our peers. We creatively, uniquely, and distinctly represent the most significant aspects of our character on these tactically discernible entities which seek to characterize the metaphysical elements of our being in a tangible, perceivable manner. We do this concisely, whilst still encapsulating the aforementioned—who we are as people, and what we offer to the various multiplex, pedagogically intensive industries of the world. One must strive to differentiate themselves in an ever-expanding metaphorical sea of individuals—via their (personal) work, accomplishments/awards, real-world experience, and much more. And, via these creations, this is exactly what is attempted to be done.

The easy aspects:

  • Formatting the InDesign documents for printing (whilst including bleeds, margins, and so forth)
  • Developing the content of the products themselves (id est, the résumé and business card)
  • Utilizing the software, generally speaking, to create each unique design

The challenging aspects:

  • Realizing the situation in which to incorporate the more distinct aspects of the software itself that allow for precise formatting (Tabs, precise line-height and spacing, etc.)
  • Conveying information in a concise, yet effective manner
  • Establishing circumstantially appropriate paragraph and character styles, and maintaining each one thereof

What I learned:

  • The procedures associated with developing strictly professional products that display information appropriately
  • The various advantages a software product such as InDesign possesses over standardized word processor applications
  • How to properly and effectively maintain reader interest with interesting, yet professional typefaces and styling

How my project could be improved:

  • Typefaces/font families which are slightly more legible may have been integrated to increase readability
  • Different colors, card sizes, or card layouts would have allowed for even more design-based diversity, theoretically
  • More information pertinent to myself could have been integrated into the business card

How the assignment could be improved:

  • Including an even more rich explanation pertinent to InDesign’s tool set would have been an improvement
  • The manners in which various Adobe products interconnect for the purpose of such products could have been elaborated upon/discussed
  • Including more information on how to professionalize our résumé and business card(s) would have been of significant value (such as discussing lamination, various formatting approaches, and so on)

Application of knowledge for future assignments:

  • An understanding of personal professional representation will be implemented in future work
  • Manners in which to assist others with the above-created products shall be utilized
  • Software functionalities and printmaking techniques will be employed

Inspiration (various readings, tutorials, YouTube videos, and in-class exercises/labs, et cetera):

  • Class-pertinent articles relating to proper and improper résumé design techniques were of prominent importance
  • Personal research into the format, layout, and appropriate appearance of the aforementioned was quite significant
  • Online/Internet videos elaborating upon and displaying interesting business card designs were of use, as well

Merch

The second project for Print Design | Creator: K

This particular project was especially inspired by a wholesome love and curiosity of my own, as well as my country’s, heritage, culture, and background, as well as my personal interests and fascinations. All of the creations resulting from this product were developed with utter, ecstatic cheerfulness, as witnessing my culture and interests come to life was a phenomenon like no other. To perceive a visual representation of my digital work was truly inspiring, and, naturally, I have come to understand how to successfully proceed in making such physical representations of my mental conceptualizations, frameworks, and, ultimately, designs. Actively partaking in first designing the poster and subsequently manually commandeering the process of developing a tangible print, then mounting it on a canvas only served to supplement the design with beauty, elegance, grace, and professionalism. And as for the sticker portion—the second aspect, which consummates the project itself—the same applies, truly. Quite simply stated, this was a phenomenal learning experience which allowed for personal discovery and educational acquisition, and I am glad to have partaken in it.

The easy aspects:

  • Setting up the program and file constraints & dimensions accordingly and appropriately
  • Utilizing the software with previously acquired knowledge to create above-mentioned images/designs
  • Incorporating various design elements and tool functionalities in order to create cohesive visualizations (and, thus, the project itself)

The challenging aspects:

  • Precisely and effectively utilizing mechanical, manual tools to frame the poster image precisely as well as the stickers
  • Incorporating bleeds and margins effectively when printing, so as to establish a successfully printed design (trial and error-based procedures)
  • Discovering the best possible manner in which to go about performing the above-mentioned

What I learned:

  • Standardized, as well as personally applicable, practices and methodologies
  • How to efficiently and felicitously utilize available tools to derive a professional product
  • The significance of all details—however seemingly discreet or, inversely, prominent/conspicuous—in the creation of such a project

How my project could be improved:

  • The backing and foam-core boards could have been even more precisely framed
  • More distinct colors may have been implemented
  • A different icon schema (flat/skeuomorphic design, etc.) might have resulted in an improved creation

How the assignment could be improved:

  • Via the implementation of a proj. structure that is more open to interpretation, such as one that permits for completely arbitrary poster sizes, materials, colors, etc.
  • An even broader scheme of choices for designs would have allowed for more variety
  • Even more software- and printing-specific, helpful information could have been mentioned

Application of knowledge for future assignments:

  • Commercial-based product-creational knowledge will be utilized
  • Oversize printing information and processes shall be implemented in similar projects
  • Awareness of the time-length and complexity of certain tasks will be understood

Inspiration (various readings, tutorials, YouTube videos, and in-class exercises/labs, et cetera):

  • Class “lab” assignments and presentation data was essential in the creational process
  • Distinct online/Internet tutorials pertinent to oversize printing
  • Embedded project document articles relevant to such processes

Multipage Design

The first project for Print Design | Creator: K

This truly unique project introduces us to the spectacularly creative universe of printmaking and physical aesthetic design. The multifaceted methodologies pertinent to creation of any physical entity, even more so a booklet or magazine, are utterly essential to understand if one seeks to involve themselves with such a profession or activity. The creation of such may be complex and beautiful simultaneously, and one may approach it in a variety of diverse manners unique to their style of design and conceptualizations. What is learned from this, ultimately, is the processes that various professional companies/business partake in so that they establish such a product—both technical, or software-based, as well as real-world. And, with this newfound knowledge, you now possess the capability to create a booklet, book, magazine, or similar products of your choosing that both you and others shall be satisfied with.

The easy aspects:

  • Deciding which images and color hues to utilize
  • Creating the file and layout—i.e., dimensionality, placing images, and so forth
  • Choosing the content itself (stories, images, and more), as well as the appropriate typefaces

The challenging aspects:

  • Establishing the format of the document itself—i.e., bleeds, pages, sections and numbering, etc.
  • Creating proper character and paragraph styles to appropriate and apportion the content correctly and precisely
  • Physically correctly assembling the booklet via the multistage procedures, including precise binding and trimming

What I learned:

  • How to set up an InDesign document accordingly, with specific bleeds, margins, measurements, and so forth
  • The manner in which to assemble the physical booklet (all associated steps, etc.)
  • Ultimately, how to professionally digitally sculpt/design and realistically establish a product in the same category as magazines, pamphlets, and so forth—a tangible item

How my project could be improved:

  • More meticulous trimming after printing could have been performed
  • Varying colors and schemes could have been further delved into/explored
  • A more expanded booklet size may have been implemented in order to display more detail when printed

How the assignment could be improved:

  • Different margin sizes, layouts, etc., could have been implemented
  • Further explanation of CMYK colorization and associated aspect possibly could have been elaborated upon
  • A discussion of the variety of InDesign features and interconnections with different Adobe products would have permitted for further understanding of the various means by which to improve or enhance the design

Application of knowledge for future assignments:

  • An understanding of commercialized application of aforementioned processes shall be taken into account when creating/designing in the future
  • The time frame in which projects such as these are delivered upon will be understood
  • The design and software techniques pertinent to this project shall be utilized

Inspiration (various readings, tutorials, YouTube videos, and in-class exercises/labs, et cetera):

  • Videos pertaining to bleed, margins, layout, section numbering, and useful program functions
  • Articles describing appropriate techniques to print, bind, and trim physical items/products
  • Various interesting stories and poems included on the booklet itself

Typography

The fourth project for Digital Design Concepts | Creator: K

An homage to my roots, this project truly encompasses the defining characteristics of Bulgaria and being a Bulgarian. All of the aspects and features of life that best represent my character I owe to my country and my lineage. And, so, it is only natural that I pay respect, right? This project delves deep into essential characteristics and traits of natives of the aforementioned, and delineates each into a singular category (four, in total): art, historical architecture, food, and entertainment, respectively. To elaborate, the first image displayed above is the Pleven Panorama, and it contains the vast, elaborate pieces of artful expressionism that detail the country’s historically monumental wars and battles. Second in order is the Pleven Mausoleum, which houses the remains of the combatants who fought in such fateful battles and wars. Third is, simply, a “Duner Kebab,” an utterly delicious, meat-and-veggies-filled wrap complete with spices and exotic sauces that are sure to fuel your appetite for more as soon as you have finished with your current one. And, finally, last are the traditional festive dances of the nation, with one of the most popular displayed: the “Rachenitsa.” One can see how spectacularly vibrant and wonderful the nation is simply via this project itself.

The easy aspects:

  • Gathering the necessary images for completion of this particular project
  • Establishing each of the four square-ratio “Artboards”
  • Choosing which colors to utilize for each individual piece

The challenging aspects:

  • Creating and perfecting the stamp’s structure
  • Crafting the minute, distinct details that truly make the picture what is is
  • Finding proper fonts to match with the holistic theme of each quota

What I learned:

  • How to create distinct but united pieces of artwork (i.e., they stand apart, but are fully interconnected)
  • Designing in smaller proportions (as well as more precisely given that fact)
  • The true importance of minuscule details

How my project could be improved:

  • Even more varied color schemes could have been implemented
  • More distinct postage stamps could have been designed
  • A different, more suitable aspect ratio and layout could have been utilized for my creations

How the assignment could be improved:

  • Perhaps, if we designed entire postcards alongside the stamps, the project would become even more interesting
  • Different aspect ratios could be permitted
  • An inclusion of more obscure tools in Adobe software (as well as interesting methodologies) could have also been instructed, possibly

Application of knowledge for future assignments:

  • The manner in which more commercially oriented items are created shall be understood
  • All associated processes for realistic design (real-life-based design, that is) will be acknowledged and properly implemented for similar projects
  • Complexity of said project shall be accounted for whilst effectuating multiple designs

Inspiration (various readings, tutorials, YouTube videos, and in-class exercises/labs):

  • Articles informing readers of the vast universe of typefaces, as well as the distinctions between each of the aforementioned, alongside pertinent terminology
  • A plethora of YouTube videos regarding interesting manners in which to design whilst utilizing unique fonts
  • Tutorials (whether YT or article-/Web-based) actually detailing the exact instructions of how to design a certain piece of artwork with a singular or varying fonts, as well as in-class labs/exercises

Image

Image

The third project for Digital Design Concepts | Creator: K

 

As time passes onwards, we, as human beings, become more educated, experienced, skillful, and–most significantly–aware of who we truly are. Our inner character shines through and envelops our very existence, thus, formulating the individuals we are. This concept/ideation exists as the fundamental, critical core of this composition. The binary ones and zeroes embody a visual representation of the internal machinations of our D.N.A. Additionally, the “always-look-forward” mentality of each figure above denotes how it is of utmost importance to continue to foster your growth, mind, and abilities with time. As is demonstrated above, as one progresses into adulthood, they become … themselves. The strands become more colorful, to denote emergence; light is being shed on one’s true character; and confidence peaks. With this image, complexity coalesces with intrinsic simplicity to establish a new type of image, and it is one that emphasizes a singular phrase: “Develop yourself.”

 

The easy aspects:

  • Setting up each “Artboard”/region for development
  • Deciding the flow of design
  • Formulating the concept of the project

 

The challenging aspects:

  • Conveying simplicity, as well as complexity, within one project
  • Defining a realistic, fully aesthetically appealing pattern
  • Quite ironically, gathering the necessary images

 

What I learned:

  • The manner in which to display complexity properly, while still being fundamentally simplistic
  • How to utilize the variety of tools within both Photoshop and Illustrator to design realistic/aesthetically pleasing patterns
  • The significance of well-detailed patterns

 

How my project could be improved:

  • A more flat, non-extensive color base could have been implemented
  • More elements within the project would have enhanced its aesthetic
  • A different, more clear-cut/obvious metaphor could have been utilized

 

How the assignment could be improved:

  • An extended due date, possibly
  • New, unusual tools to complete the assignment within the software would have spiced it up a bit
  • If information from prior assignments was imbued here

 

Application of knowledge for future assignments:

  • I shall understand how to concisely and precisely create abstract conceptualizations (and metaphors, specifically)
  • I will be fully aware of the plethora of tools offered in both programs
  • The techniques employed throughout the duration of this project’s completion will assist me in acknowledging the many uses of Photoshop and Illustrator’s functionalities, besides the tools themselves

 

Inspiration (various readings, articles, and personal inspiration):

  • One source, regarding the construction of words/language semantics, was quite assistive from a structural standpoint
  • As a secondary source, this article detailing various metaphorical works was truly inspirational
  • Finally, my love for programming/software development played a notable role 😉

Color

The second project for Digital Design Concepts | Creator: K

 

A monumental endeavor was partaken in directly regarding this project. Over a fulfilling, extensive span of time, many ideas, methodologies, and conceptualizations coalesced to formulate a distinctively unique series of designs, each with a fascinating plot. It is simply unfathomably difficult to express typographically or otherwise the extent to which I relished not only the process of creation associated with each piece itself, but also the aforesaid, intrinsically. The vision, ambience, and individuality of myself, as a designer, are imbued into the metaphorical heart and core of each creation. The beauty of life and the planet upon which we stand and breathe are notably represented via each present element, as well, in strikingly phenomenal detail. Expressiveness was a critical aspect here, and I conveyed my personal perspectives regarding the eclectic universe of digital illustration and design in a truly personal, yet connected, manner in each distinguishing landscape.

 

The easy aspects:

  • Mentally visualizing the colors and details of the design itself
  • Setting the four “artboards” as foundations for each creation
  • Gathering the necessary resources/images for the project

 

The challenging aspects:

  • Creating the cumulative/final design, all while utilizing complex gradients, meshes, and so forth
  • Abstracting/outlining (mentally) the precise design of each individual landscape, as well as the processes for creation of the aforementioned
  • Detailing a realistic, fully believable—yet unique—digitized actualization of a presumably echt entity

 

What I learned:

  • Designing intricately pertinent elements of a landscape within designated guidelines (i.e., utilizing a previously specified color schematic)
  • A plethora of elaborately multiplex implementations for distinct tools presently available in Adobe Illustrator CC
  • The significance (as well as how to) effectively operate within a designated segment of time

 

How my project could be improved:

  • Utilizing a singular, prevalent color scheme within each landscape
  • More simplistic design elements/schemes could have been utilized
  • Implementing varying design styles within each design itself

 

How the assignment could be improved:

  • An extended/alternative terminus ad quem of completion, given the possible sheer complexity
  • Multiplex options of landscapes, as opposed to a strictly determined set
  • Freedom in color choices, rather than an imposed limitation of a color scheme

 

Application of knowledge for future assignments:

  • The vast knowledge acquired via recreationally and strategically manipulating the toolset of Adobe Illustrator and Photoshop CC will be employed
  • Acknowledgement of creative constraints, as well as the intellect acquired whilst working within the parameters of the forenamed, shall be implemented
  • Elaborateness of the given project shall be considered thoroughly throughout the absolute duration of the completion of said project

 

Inspiration (various readings, tutorials, and YouTube videos):

  • A primary source exists as an article on how to effectively design/create a “space scene”
  • One secondary source exists as a YouTube video (amongst many others), which details the manners in which to establish realistic foliage
  • As a final source, a piece regarding the plenitude of elements of color itself was truly beneficial

Layout

The first project for Digital Design Concepts | Creator: K

 

A universe filled with elaborate simplicity is expanded upon in this particular contrivance. The various, distinct primitive shapes presented each possess their own unique qualities. Storytelling is deliberately eminent, as one shall notice, when viewing the progression of each individual black-and-white image. The sheer foundational conceptualizations of Gestalt’s design principles, as well as the distinctly pertinent, presently acknowledged “golden spiral”—based specifically upon the Fibonacci sequence—are also prominently emphasized. Given these tools, the mind can imagine a plethora of visualizations. Limitations are merely a fictional caveat, as, with only an idea in mind—as well as these aforementioned essentials and notions—the only limit is the capability of the software itself.

  • The easy aspects:

1. Creating the basic shapes themselves, as well as the layers.

2. Utilizing the simple tools in Illustrator, such as the shape-based tools (for the creation of triangles, squares, et cetera, located in a separate menu), Selection Tool, and Zoom Tool.

3. Establishing the six “Artboards” as canvases for the drawing process.

  • The challenging aspects: 

1. Organizing clipping masks, layers, and individual objects to convey an intended effect or idea.

2. Utilizing the more complex tools/functions in Illustrator, such as the Blend Tool to create linear shape distributions, Pen Tool to establish proper curvature of blend paths, and the Transform Each function to rotate each object to a perfect angle in order to represent certain abstract actions.

3. Purposely creating objects and a comprehensive story given specific constraints such as: Only black and white colorization must be implemented; primitive shapes are the basis; and object details must be limited, yet still represent an abstraction that corresponds with the story being visualized.

  • What I learned:

1. How to effectively, constructively, and creatively perform whilst being limited to constraints (i.e., output a design that is still unique and well-created, while still being minimal in taste).

2. The various manners in which primitive shapes are able to be created from other distinct primitive shapes.

3. The methodology involved with applying Fibonacci- and Gestalt-based conceptualizations in a foundational project.

  • How my project could be improved:

1. Less symmetry could have been applied in the final design.

2. A heavier distinction of Gestalt’s principles may have been applied (proximity, scale, position, etc.).

3. A more simplistic design that is less focused on storytelling, as well as utterly foundational shapes (no rounded corners, etc.), are equally capable of incrementing quality.

  • How the assignment could be improved:

1. Varying colors, as a constraint-based permittance, would allow for increased creativity, rather than the two simple tones of black and white..

2. A few more tools could have been permitted in order to enhance the visualization and alteration processes.

3. Varying “Artboards” of freeform/individualized, preference-based sizes and amounts would have resulted in a enhanced, more creatively elevated group of projects.

  • Application of knowledge for future assignments:

1. I shall possess the newfound ability to develop elaborate creations under a specified set of limitations.

2. I will, from this point in time, actualize and discern the fundamental procedures and exploits pertinent to the approach and completion of a cumulatively rudimental nursery rhyme-based design such as this.

3. Designs and creative operations shall be enhanced in direct association with this newfound/ascertained knowledge.

  • Inspiration (reading: “Intentional or Not: Mathematical Theory in Design“):

1. The ideation of the “nautilus,” which is distinctly relevant to the Fibonacci concept of the sum of two prior numbers, and represents the idealism existing in nature which is also implemented in modern design.

2. The “Rule of Thirds” notion, expressed as a symmetrical representation of any given object or set thereof as if it were (fictionally or factually) divided into three subsequent rows and columns, or nine equilateral squares, in total.

3. The utilization of grids to establish a basis for the placement, proportionality, and cumulative concinnity of each item placed on the screen and within the application itself.

Screensaver

The first project for 2D Graphics | Creator: K

 

This particular project was truly interesting. I found that the utilization of three essential, varied Adobe software applications provided me with a plethora of information/knowledge pertinent to the universe of two-dimensional graphical design. I acquired many industry-standard skills after the completion of this project.

 

  • The easy aspects:

1. Utilizing the magnetic lasso tool.

2. Creating a layer mask.

3. Color adjustments.

 

  • The challenging aspects: 

1. Using the brush/refine edge tool after a mask.

2. Establishing a vector mask.

3. Creating letters from “Smart Objects”/shapes/vectors.

 

  • What I learned:

1. How to create a realistically designed photograph.

2. The manner in which an animation must be created (in Adobe After Effects).

3. The functions/tools of various Adobe programs.

 

  • How it could be improved:

1. The shape/logo aspect of the animation could have faded out in a better manner.

2. The design itself could have been busier.

3. I could have added various adjustment layers to further enhance the design.

 

  • Application of knowledge for future assignments:

1. I shall be able to enhance projects more creatively.

2. I will be able to create seamlessly integrable designs.

3. My knowledge of in-application/-program tools shall be utilized in a more efficient, qualitative, and quantitative manner.

 

  • Inspiration:

1. My home country, culture, and personal roots.

2. A nationally acclaimed singer of Bulgaria: Veselin Marinov.

3. My love for music, natural imagery, and the beauty of life itself.

Infographic

map
The fourth project for 2D Graphics | Creator: K

 

The fourth and final project for the semester was remarkably fascinating. I thoroughly took pleasure in its creation. My style of digital illustration and design are notably evident in this particular piece. The marked complexity of each specific element of the map itself enhances the aesthetics in a seemingly infinite manner. Meticulous care integrated into each specific artifact permits my hometown of Pleven, Bulgaria to be represented in a detailed, characteristically pleasing style, and for its defining characteristics to genuinely, visually manifest to the eyes of the beholder. All of the individual aspects coagulated precisely and cohesively, from its landmark buildings to its striking scenery. Illustrator’s intrinsic, extensive variety of tools of virtually infinite capability permitted for the formulation of a definitive piece of artwork and, ultimately, cartograph.

 

  • The easy aspects:

1. Deciding which images would be utilized within my project.

2. Creating basic shapes and layers to outline the basis of the map.

3. Defining the artboards as a canvas for the symbols.

 

  • The challenging aspects: 

1. Marking the precise locations of each area, building, and landmark (all symbols, generally), as well as determining the scale in pertinence to the aforementioned.

2. Properly establishing and labeling all essential and significant roads.

3. Accurately visualizing and subsequently drawing the symbology for each location.

 

  • What I learned:

1. How to fashion increasingly complex and intricate symbols and drawings with the Pen tool.

2. The ideations involving storing symbols (creating a link to them, per se) and swatches in a digital library for future usage, utilizing textures, fills, and strokes, grouping and expanding objects, and so forth.

3. The methodology or process of production of a unique, perceivably understandable, and creative yet professional cartograph.

 

  • How it could be improved:

1. Varying colors, fonts, and text sizes could have been implemented.

2. A background of elevated contrast may have been applied.

3. An equidistant spacing between objects, as well as a prevention of the former’s overlap would be capable of improving the quality of the project itself.

 

  • Application of knowledge for future assignments:

1. I shall possess the newfound ability to develop distinctly multiplex icons pertaining to actually existing aspects of life.

2. I will henceforth discern the schema pertinent to the approach of a cumulative, multifaceted visual project such as this.

3. I will fully understand and subsequently actualize the methods utilized in creating the map in an effective and exacting mode.

 

  • Inspiration:

1. My affinity for my personal culture, ethnicity, and heritage.

2. The plethora of intriguing, well-designed, and architecturally innovative locales present in my city.

3. And, of course, my very birthplace as well as the locus of the genesis of my life story: Pleven, Bulgaria.

Package Design

milkCartonAdjusted

milkCartonAdjusted2
The third project for 2D Graphics | Creator: K

 

I found the third project for 2D Graphics to be truly enlightening in terms of designing the aesthetics of a purchasable product commonplace in many global market stores. This particular product, to be precise, is a milk carton. At its mere foundation, it may appear simple. However, there is a proper methodology and a variety of prior knowledge one must utilize and properly implement in its cumulative creation. Ideally, it must be a product that is pleasing to the eye and that, theoretically, draws attention to a consumer seeking to, quite possibly, purchase a dairy product (this specific milk carton presented above, in specificity)–that is, if it were to be sold in stores. Truly extensive, well-developed knowledge pertinent to Adobe Illustrator, and even some aspects of Photoshop must be taken into consideration to fabricate a seamless final product.

 

  • The easy aspects:

1. Drawing basic shapes and pasting images.

2. Utilizing the eyedropper and text tools.

3. Adding new layers and organizing them accordingly.

 

  • The challenging aspects: 

1. Creating proper outlines and seamless curves with the Pen tool.

2. Re-tracing/re-creating the Byrne Dairy logo.

3. Ensuring that all (Pen-based) drawings are correctly designed/of proper quality and that all aforementioned drawings, as well as pertinent images, fit onto the actual carton’s digital template for future printing (and digitized) purposes.

 

  • What I learned:

1. How to fashion elegant and sophisticated designs foundationally with the Pen tool.

2. How to package and construct a milk carton physically utilizing a pre-established template.

3. The complicated processes involved in producing a commodity that may seem truly straightforward at its surface, as well as the amount of effort involved.

 

  • How it could be improved:

1. The actual drawings themselves could have been perfected (different strokes, colors, et cetera).

2. A variety of different text could have been added to the final product itself.

3. The physical version of the milk carton could have been taped a tad more precisely.

 

  • Application of knowledge for future assignments:

1. I will understand how to professionally create logos and more complex designs with the Pen tool in Adobe Illustrator.

2. I shall know how to print a physical copy of a previously created digital design correctly, proportionally, & effectively.

3. A more advanced, extensive implementation of the various tools and functions in the primary program utilized in the creation of this milk carton will occur.

 

  • Inspiration:

1. Europe, the United States of America, and one of the primary countries of focus of this particular project–which also happens to the country from which I originate–Bulgaria.

2. Well-designed and curated marketplace products (in this particular instance, milk cartons).

3. The beauty of nature in digital form, as well as my fondness for creations that are cumulative, and require effort from more than one country (such as ones that are “produced” in one location, and distributed in another; in this case, America and Bulgaria, Europe).

Image Retouching & Optimization

Print Catalog

grandfather
The second project for 2D Graphics | Creator: K

 

This was a nostalgic and vibrant project, all-around. The images that I utilized in this particular project are ones pertaining to my family, as well as my home country, Bulgaria (in Europe). The scannable pictures will be from past photo books, and the photographed images will be from various locations around the Canisius campus itself, especially particular areas that are reminiscent of my country in any given way, shape, or form (in a nature-, material-, or information-based manner).

 

  • The easy aspects:

1. Cropping the actual image in Adobe PhotoShop.

2. Placing the image into an Adobe InDesign document (utilizing shortcut keys or the “place” command).

3. Saving each cumulative document/file in conjunction with its proper, coordinating extension/file format (that is, understanding that an .indd/InDesign file must be saved as a .pdf for the final project submission, as well as, in direct regards to the other files, images must be saved as .png files after alterations have been made on said files).

 

  • The challenging aspects: 

1. Understanding how to properly modify an image in regards to its adjustments: that is, altering the levels, curves, saturation, hue, and other pertinent elements contributing to the creation of a well-designed final image.

2. Realizing how an image must be edited in order for it to resemble the original image as close as possible (specificity).

3. Utilizing the various tools each program has to offer (PhotoShop, InDesign), and becoming accustomed to said program tools/features.

 

  • What I learned:

1. How to edit and adjust images accordingly.

2. How to implement the features in each individualized program in a more efficient and productive manner (cropping, balancing, etc.).

3. Various keyboard shortcuts permitting me to establish progress in regards to the project in a faster manner (in the form of image editing, placing, and so forth).

 

  • How it could be improved:

1. The edited/photo-book images could have been altered even more so that they match the original pictures more closely (id est, a varied plethora of edits could have been made to those scanned photo-book images so that they resemble the originals even more closely, in specific detail).

2. Certain live photos could have been more expansive in detail; that is, the photos could or should have been shot at angles that better reflect the scene/area itself.

3. The thumbnails of certain images for the Web site could have been cropped in a more precise manner, thus, exposing more detail or focusing on more noticeable elements.

 

  • Application of knowledge for future assignments:

1. I shall know how to better improve/retouch images (edit their balance, levels, saturation, hue, and so forth).

2. I will be familiar with utilizing InDesign and PhotoShop’s various features, such as placing objects, transforming images, changing the render quality of said images, and exporting to a PDF after the document is edited accordingly, to specifications.

3. I will possess the knowledge of how to utilize a scanner and scan images at a proper DPI for inputting into a digital print catalog and for further in-program/digital editing.

 

  • Inspiration:

1. My home country, Bulgaria.

2. My family.

3. The Canisius College campus.

W

E

L

C

O

M

E

Open Menu
Go Home

F

I

N

D


M

E

Dev GitHub GitLab Dribbble CodePen Twitter K Spotify