create account

JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector by jeksonjs

View this thread on: hive.blog |  peakd.com |  ecency.com
design · @jeksonjs · (edited)
$5.64
JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector
<center>Hello! 

Today I show how to create illustration with hand lettering style texts inside. Such works always looks authentic and great.</center>

![0.jpg](https://ipfs.busy.org/ipfs/QmeP8xNsviK6FWAW6y92rNyecG8xew7Gn1JDGKeKtcKMpJ)

<center>Start with simple line sketch right in Illustrator. I used default Illustrator **Pencil Tool** (hotkey - N)</center>

![1.jpg](https://ipfs.busy.org/ipfs/QmUV5WRvs1ZRfTRoJopoCGJGfonEuwUARxeS4kX9snhjJe)

Then cleaning work, remove excess lines using **Shape Builder Tool** ( Shift + M). Press and hold **Alt** for remove function.

![1_1.jpg](https://ipfs.busy.org/ipfs/QmTKB5aTD8LnkYz7iFG3nS4zmDWdugKPEU4xTCyyCPZiAq)

Next step - fill the spaces to do design more bold and add details - belts, lines etc.

![2.jpg](https://ipfs.busy.org/ipfs/QmTncXTAP6MyyfTuADqFfwbcdGkkSGkb4QaeTsoCrMR27F)
![9.jpg](https://ipfs.busy.org/ipfs/QmY3xqRoWVkoqdr9WC3Q47gv93yUz6FojQCarr1mZKGuDX)

When the backpack is ready, choose fonts and go to Envelope Mesh. **Object - Envelope Distort - Make with Mesh** ( Alt + Ctrl + M)

![3.jpg](https://ipfs.busy.org/ipfs/QmQbFAbAT1eCWQsNg9vQW7vXj4UG8H9matE1ogbmF7AARN)

Set up. Rows 1, Columns - depending on number of letters. As a rule i set up columns for 1 less value than letters number (for example word consist of 5 letters, so columns will be 4)

![4.jpg](https://ipfs.busy.org/ipfs/QmbxXY4uFuyhQPyCNbq96YvWScvhftHpe6hzKj1BT5a3QM)

Texts now turned into a grid with anchors. Start playing with anchors using **Direct Selection Tool** (A)

![5.jpg](https://ipfs.busy.org/ipfs/QmUygiywL1Qs1pZgPPbp5yDKEfkrvwzeZXc8B67DSgU65Z)

When i satisfied add some decorations  - swirls and lines to fill out the free space and for beauty :) Text integration is over. 

![6.jpg](https://ipfs.busy.org/ipfs/QmQQmoBeewyduwmCWx3KkFGmsc1yqrGLgQBcL9C9z8PG7r)

Now all we need to do is find inspirational photography ( recommend [Unsplash.com](https://unsplash.com/) / [Pixabay.com](https://pixabay.com/) or [Stocksnap.io](https://stocksnap.io) ) and place design to it.

![0.jpg](https://ipfs.busy.org/ipfs/QmeP8xNsviK6FWAW6y92rNyecG8xew7Gn1JDGKeKtcKMpJ)


Cute travel illustration with texts inside is ready.

**Some more examples when i used this technique :**

![7.jpg](https://ipfs.busy.org/ipfs/QmTG2MkgZrnndMJqqL9QVuke923JvooVLphSSbxbBy8Xfi)
![8.jpg](https://ipfs.busy.org/ipfs/QmNsqbiQz4rx1YdMdzeGcmSn4G5gKrYiqr9hVka2TonVUB)

Hope it was interesting and even useful for you :) Any questions about this❓ Need advice or help? ✍️Feel free to write me.✍️

🤘 Comments, upvotes and resteems are warmly welcome 💪

Thank you,
Eugen.

<center><a href="https://crmrkt.com/oVRpBj"><img src="https://spee.ch/8/Jekson-GRaphics3-02150x150.jpeg"/></a></center><center>Made by - @jeksonjs</center>
<p><br></p>
<hr>
<p><strong>Tools used :</strong></p>
<ul>
   Adobe Illustrator (vector designs)
<p>
   Adobe Photoshop (mock up)
</ul>

<hr>
<p>&nbsp;<strong>Some places where you can find more about me or my designs :</strong></p>
<a href="https://www.amazon.com/registry/wishlist/2HNBQ5LNYHNJZ">Merch by Amazon</a> &nbsp;&nbsp;
<a href="http://bit.ly/JeksonJS">Creative Market</a>&nbsp;&nbsp;
<a href="https://www.instagram.com/jeksongraphics/">Instagram</a>&nbsp;&nbsp;
<a href="https://dribbble.com/JeksonGraphics">Dribbble</a>&nbsp;&nbsp;
<a href="https://twitter.com/JeksonJSS">Twitter</a>&nbsp;&nbsp;
<a href="https://www.etsy.com/shop/JeksonGraphics">Etsy Store</a>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
authorjeksonjs
permlinkjeksongraphics-13-or-how-to-do-backpack-illustration-with-text-inside-work-process-or-vector
categorydesign
json_metadata{"community":"busy","app":"busy/2.4.0","format":"markdown","links":["https://unsplash.com/","https://pixabay.com/","https://stocksnap.io","https://crmrkt.com/oVRpBj","/@jeksonjs","https://www.amazon.com/registry/wishlist/2HNBQ5LNYHNJZ","http://bit.ly/JeksonJS","https://www.instagram.com/jeksongraphics/","https://dribbble.com/JeksonGraphics","https://twitter.com/JeksonJSS"],"users":["jeksonjs"],"tags":["design","artzone","busy","art","ocd-resteem"]}
created2018-05-31 23:46:27
last_update2018-06-01 00:54:06
depth0
children9
last_payout2018-06-07 23:46:27
cashout_time1969-12-31 23:59:59
total_payout_value5.208 HBD
curator_payout_value0.428 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length3,419
author_reputation907,416,005,417
root_title"JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id58,673,802
net_rshares1,509,376,660,876
author_curate_reward""
vote details (41)
@artzone · 
Dear friend, you do not appear to be following @artzone. Follow @artzone and get added to our voting list for valuable up-votes!
👍  
properties (23)
authorartzone
permlinkre-jeksongraphics-13-or-how-to-do-backpack-illustration-with-text-inside-work-process-or-vector-20180601t000543
categorydesign
json_metadata""
created2018-06-01 00:05:45
last_update2018-06-01 00:05:45
depth1
children1
last_payout2018-06-08 00:05:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length129
author_reputation50,553,206,558,492
root_title"JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id58,675,690
net_rshares5,468,621,874
author_curate_reward""
vote details (1)
@jeksonjs · 
@artzone Hi, missed this. Now followed. Thank you.
properties (22)
authorjeksonjs
permlinkre-artzone-re-jeksongraphics-13-or-how-to-do-backpack-illustration-with-text-inside-work-process-or-vector-20180601t000543-20180601t000741919z
categorydesign
json_metadata{"tags":["design"],"community":"busy","app":"busy/2.4.0"}
created2018-06-01 00:07:45
last_update2018-06-01 00:07:45
depth2
children0
last_payout2018-06-08 00:07:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length50
author_reputation907,416,005,417
root_title"JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id58,675,910
net_rshares0
@boomerang · 
This post has received a 3.31 % upvote from @boomerang.
properties (22)
authorboomerang
permlinkre-jeksongraphics-13-or-how-to-do-backpack-illustration-with-text-inside-work-process-or-vector-20180601t001330
categorydesign
json_metadata""
created2018-06-01 00:13:30
last_update2018-06-01 00:13:30
depth1
children0
last_payout2018-06-08 00:13:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length55
author_reputation1,273,205,827,891
root_title"JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id58,676,457
net_rshares0
@erune · 
THIS is very very nice bro, i really admire it! i am designer too, and looking foward to see more good work like this one!
👍  
properties (23)
authorerune
permlinkre-jeksonjs-jeksongraphics-13-or-how-to-do-backpack-illustration-with-text-inside-work-process-or-vector-20180601t004059989z
categorydesign
json_metadata{"tags":["design"],"app":"steemit/0.1"}
created2018-06-01 00:40:18
last_update2018-06-01 00:40:18
depth1
children1
last_payout2018-06-08 00:40:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length122
author_reputation1,334,992,506,821
root_title"JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id58,678,901
net_rshares5,191,026,855
author_curate_reward""
vote details (1)
@jeksonjs · 
Hello! Thanks so much.. I like your posts too and and watch ones.
properties (22)
authorjeksonjs
permlinkre-erune-re-jeksonjs-jeksongraphics-13-or-how-to-do-backpack-illustration-with-text-inside-work-process-or-vector-20180601t005951667z
categorydesign
json_metadata{"tags":["design"],"community":"busy","app":"busy/2.4.0"}
created2018-06-01 00:59:48
last_update2018-06-01 00:59:48
depth2
children0
last_payout2018-06-08 00:59:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length66
author_reputation907,416,005,417
root_title"JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id58,680,721
net_rshares0
@mandolincarls ·
$0.06
### <center>Upvoted on behalf of the **dropahead Curation Team!**</center> 
<center>Thanks for following [the rules](https://steemit.com/introduceyourself/@dropahead/introduceyourself-xxvotesplus-dropahead-curation-trail-and-my-path-to-witness).</center>

###### DISCLAIMER: dropahead Curation Team *does not necessarily share opinions expressed in this article*, but find author's effort and/or contribution deserves better reward and visibility.

#### <center>Help us giving you bigger upvotes by:</center>
<h6><center>Upvote this comment!</center></h6> | <h6><center>Upvote & Resteem the [latest dropahead Curation Reports!](https://steemit.com/trending/xx-votesplus)</center></h6>
-------- | ---------
<h6><center>[Join the dropahead Curation Trail](https://v2.steemconnect.com/authorize/@dropahead) <br /> to maximize your curation rewards!</center></h6> | <h6><center>[Vote dropahead Witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=dropahead&approve=1) with SteemConnect</center></h6>
<h6><center>[Proxy vote dropahead Witness](https://v2.steemconnect.com/sign/account-witness-proxy?proxy=dropahead&approve=1) <br /> with SteemConnect</center></h6> | <h6><center>Donate STEEM POWER to @dropahead<br />[12.5SP](https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=dropahead&vesting_shares=25632.659917%20VESTS), [25SP](https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=dropahead&vesting_shares=51265.319834%20VESTS), [50SP](https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=dropahead&vesting_shares=102530.639667%20VESTS), [100SP](https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=dropahead&vesting_shares=205303.639667%20VESTS), [250SP](https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=dropahead&vesting_shares=514303.639667%20VESTS), [500SP](https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=dropahead&vesting_shares=1025303.639667%20VESTS), [1000SP](https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=dropahead&vesting_shares=2053030.639667%20VESTS)</center></h6>

###### Do the above and we'll have more STEEM POWER to give YOU bigger rewards next time!

---
News from dropahead: [How to give back to the dropahead Project in 15 seconds or less](https://steemit.com/xx-votesplus/@dropahead/how-to-give-back-to-the-dropahead-project-in-15-seconds-or-less)

<sup id="dct_data" dct:type="curation_comment" dct:lang="en" dct:category="writing"></sup>
👍  , ,
properties (23)
authormandolincarls
permlinkre-jeksonjs-jeksongraphics-13-or-how-to-do-backpack-illustration-with-text-inside-work-process-or-vector-20180604t142722482z
categorydesign
json_metadata{"tags":["design"],"community":"busy","app":"busy/2.4.0"}
created2018-06-04 14:28:54
last_update2018-06-04 14:28:54
depth1
children1
last_payout2018-06-11 14:28:54
cashout_time1969-12-31 23:59:59
total_payout_value0.049 HBD
curator_payout_value0.013 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length2,558
author_reputation2,157,799,664,736
root_title"JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,213,522
net_rshares17,581,878,291
author_curate_reward""
vote details (3)
@cessarespinozaa ·
$0.05
#### Quality review from the [dropahead Curation Team](https://steemit.com/introduceyourself/@dropahead/introduceyourself-xxvotesplus-dropahead-curation-trail-and-my-path-to-witness)

According to our quality standards<sup>(1)</sup>, your publication has reached an score of 84%.



Keep trying, you will soon achieve excellence!





---

<sub> (1) dropahead Witness' quality standards:</sub>

<sub>-Quality, technique and aesthetics of photography (Good framing, good focus, sufficient brightness, adjusted to what the photograph intends to express.) <br />-Adaptation and relationship with the general theme raised (clearly reflects the proposed theme) <br />-Capacity of the composition (causes sensations, emotions)</sub>



<sup id="dct_data" dct:type="qa_comment" dct:lang="es" dct:category="photography"></sup>
👍  , , ,
properties (23)
authorcessarespinozaa
permlinkre-mandolincarls-re-jeksonjs-jeksongraphics-13-or-how-to-do-backpack-illustration-with-text-inside-work-process-or-vector-20180605t182951277z
categorydesign
json_metadata{"tags":["design"],"links":["https://steemit.com/introduceyourself/@dropahead/introduceyourself-xxvotesplus-dropahead-curation-trail-and-my-path-to-witness"],"app":"steemit/0.1"}
created2018-06-05 18:29:54
last_update2018-06-05 18:29:54
depth2
children0
last_payout2018-06-12 18:29:54
cashout_time1969-12-31 23:59:59
total_payout_value0.037 HBD
curator_payout_value0.009 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length818
author_reputation1,344,892,326,028
root_title"JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,412,396
net_rshares16,265,407,434
author_curate_reward""
vote details (4)
@minnowsupport · 
<p>Congratulations!  This post has been upvoted from the communal account, @minnowsupport, by Jekson_JS from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows.  Please find us at the <a href="https://discord.gg/HYj4yvw"> Peace, Abundance, and Liberty Network (PALnet) Discord Channel</a>.  It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.</p> <p>If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=102530.639667%20VESTS">50SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=205303.639667%20VESTS">100SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=514303.639667%20VESTS">250SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=1025303.639667%20VESTS">500SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=2053030.639667%20VESTS">1000SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=10253030.639667%20VESTS">5000SP</a>. <br><strong>Be sure to leave at least 50SP undelegated on your account.</strong></p>
properties (22)
authorminnowsupport
permlinkre-jeksongraphics-13-or-how-to-do-backpack-illustration-with-text-inside-work-process-or-vector-20180601t001453z
categorydesign
json_metadata"{"app": "beem/0.19.23"}"
created2018-06-01 00:14:54
last_update2018-06-01 00:14:54
depth1
children0
last_payout2018-06-08 00:14:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,705
author_reputation148,902,805,319,183
root_title"JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id58,676,584
net_rshares0
@steemdiffuser · 
<p>This post has received a 17.91 % upvote from @steemdiffuser thanks to: @jeksonjs.</p>

<p>Bids above 0.1 SBD may get additional upvotes from our trail members.</p>

<p><a href="https://steemit.com/introduceyourself/@steemdiffuser/chello-steemit-friends-here-to-upvote-blaze-a-trail-and-crack-some-bot-like-jokes">Get Upvotes</a>, <a href="https://docs.google.com/forms/d/e/1FAIpQLSdv7s0V6f6iMC7lFsEkHUlJ4pErmSQzQXit-0FGaAx7FT-Pcg/viewform">Join Our Trail</a>, or <a href="https://goo.gl/forms/fdmsKYYUpFMY4OUw1">Delegate Some SP</a></p>
properties (22)
authorsteemdiffuser
permlinkre-jeksonjs-jeksongraphics-13-or-how-to-do-backpack-illustration-with-text-inside-work-process-or-vector-20180601t005646756z
categorydesign
json_metadata{"tags":["design"],"app":"drotto/0.0.4"}
created2018-06-01 00:56:45
last_update2018-06-01 00:56:45
depth1
children0
last_payout2018-06-08 00:56:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length540
author_reputation42,883,860,240
root_title"JeksonGraphics #13 | How to do Backpack Illustration with Text Inside in Adobe Illustrator + Work process | Vector"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id58,680,443
net_rshares0
Help/Feedback