چگونه عکس های منظره زیبا بگیریم. چگونه یک کلاژ زیبا بسازیم

سعی کنید در نور خوب عکاسی کنید، در حالت ایده آل باید طبیعی باشد. نور را آزمایش کنید، سعی کنید دوربین را روی قسمت های مختلف کادر متمرکز کنید: روشن و تاریک.

چندین عکس پشت سر هم بگیرید که در این صورت می توانید بهترین را انتخاب کنید.

از قالب افقی استفاده کنید مگر اینکه شرایط غیر از این را ایجاب کند. مردم اغلب فراموش می کنند تلفن هوشمند خود را بچرخانند و در حالت پرتره عکس بگیرند، که باعث می شود عکس ها مانند نوارهای برش خورده به نظر برسند. برای فراموشکارترین ها، حتی یک برنامه ویژه دوربین Horizon وجود دارد که افق را تراز می کند.

با کلید تنظیم صدا عکس بگیرید. دکمه فیزیکی راحت تر است، فشار دادن آن در لحظه مناسب آسان تر است. و به لطف بازخورد فیزیکی، بلافاصله متوجه خواهید شد که عکس گرفته اید.

قبل از عکاسی، همیشه شی یا صحنه را با چشم غیرمسلح بررسی کنید، تنها پس از آن از طریق صفحه نمایش نگاه کنید. این به انتخاب زاویه کمک می کند.

اشتراک عکاسان معروف بگذارید آنها به شما الهام بخشند و نمونه خوبی باشند. پس یه نگاهی به کارهای براهمینو، این وایلدیدیا، میکوس یا natgeo بیاندازید.

زیاد و با پشتکار عکاسی کنید - این تنها راهی است که می توانید عکاس را در خودتان بیدار کنید. اما اینستاگرام شخصی خود را با تمام فریم های پشت سر هم پر نکنید. بهترین را انتخاب کنید.

از گوشی خود نهایت استفاده را ببرید

تصاویر را برش دهید، جزئیات غیر ضروری را که عکس ها را خراب می کنند، قطع کنید.

عکس ها را با فیلترهای داخلی سبک کنید، اما آنها را انتخاب کنید.

مطمئن شوید که حداکثر وضوح فریم در تنظیمات دوربین تنظیم شده است. گاهی اوقات کاربران این جزئیات را فراموش می کنند و با دوربین تنظیم شده روی کیفیت متوسط ​​یا پایین عکس می گیرند.

از موارد اضافی استفاده کنید که امکانات اینستاگرام را گسترش می دهد. به عنوان مثال، کلاژهای اصلی را در ویرایشگر Snapseed ایجاد کنید یا عکس های تمام شده را ویرایش کنید.

از شبکه در تنظیمات دوربین خود برای پیروی از قانون یک سوم استفاده کنید.

لوازم جانبی را فراموش نکنید. به عنوان مثال، یک لنز متصل یا یک سه پایه عکس های شما را به عکس های حرفه ای نزدیک می کند. یک قاب ضد آب به شما این امکان را می دهد که عکس های دیدنی زیر آب بگیرید.

ایده ها، زوایای مختلف، طرح ها را امتحان کنید

از کلیشه ها بپرهیزید: گربه، غذا، سلفی های هم نوع... برای شما خیلی پیش پا افتاده است، اینطور نیست؟ اما اگر تصمیم به گرفتن عکس از خود دارید، از آن استفاده کنید.

اما سعی کنید از خودتان عکس نگیرید. در عوض، سعی کنید بیشتر به افراد دیگر، موقعیت‌های غیرعادی، اشیاء و مکان‌های جالب شلیک کنید.

مدام به دنبال داستان های جدید باشید. سعی کنید در پایان تصاویر را با ارزش هنری، خلاقیت، طنز پر کنید.

نه تنها تصویر، بلکه احساسات را نیز ثبت کنید، سعی کنید حال و هوا را منتقل کنید.

با زاویه ها آزمایش کنید.

به جزئیات کوچک توجه کنید، به اطراف نگاه کنید. به عنوان مثال، مراقب سیلوئت ها، هایلایت ها و سایه ها باشید.

آرایش زیبا همیشه هماهنگ است. لهجه ها طوری چیده شده اند که از ابتذال یا شلوغی جلوگیری کنند. سایه ها فقط آنهایی استفاده می شوند که با رنگ پوست، چشم و رنگ مو ترکیب شده باشند. وجوه طبق تمام قوانین اعمال می شود. در این مقاله، ما در مورد ابزارهایی که برای ایجاد یک آرایش زیبا نیاز دارید، ترفندهای زیبایی را به اشتراک می گذاریم، و همچنین دستورالعمل های عکس و ویدیویی که به شما کمک می کند یک ظاهر روزانه و عصرانه را به تنهایی ایجاد کنید، صحبت خواهیم کرد.

10 قانون برای آرایش زیبا

ده ابزاری که برای ایجاد یک آرایش زیبا به آن نیاز دارید. به علاوه نحوه برخورد با آنها.

کانسیلر

از آن فقط برای هدف مورد نظر خود استفاده کنید. اگر از کانسیلر یا فونداسیون، مثلاً به عنوان پایه برای پلک ها استفاده کنید، به احتمال زیاد سایه ها رول می شوند.

کرم تن

اگر می خواهید به یک پوشش شفاف برسید، آن را با انگشتان خود پخش کنید، اگر متراکم تر است - با یک برس.

اول از همه، مناطقی را که زودتر از دیگران شروع به درخشش می کنند (به عنوان یک قاعده، این منطقه T است) با آن درمان کنید، و تنها پس از آن - بقیه، در یک لایه بسیار نازک.

فراموش نکنید که آن را روی صورت، گردن و ناحیه دکلته بمالید تا رنگ پوست به طور کلی یکنواخت باشد. این آرایش را در نور طبیعی روز انجام دهید.

قبل از درخواست لبخند بزنید. سپس برس رژگونه را روی سیب های گونه خود بکشید و رنگدانه را در امتداد قسمت مرکزی خط خیالی بین چانه و بالای گوش ها مخلوط کنید.

ابزار ابرو

برای "بلند کردن" فوری صورت، خط بالایی ابروها را با مداد یا پودر ابرو برجسته کنید.

برای اعمال یکنواخت آن، شروع به رنگ آمیزی روی لب ها با "قوس کوپید" کنید و سپس رنگدانه را در گوشه ها پخش کنید - قبل از اینکه لب ها را به هم ببندید.

سایه چشم

آرایش چشم هر چه باشد، پوست پلک ها باید برای آن آماده شود - سایه های مات یک سایه خنثی را روی پلک بالایی پخش کنید (و به سمت ابرو مخلوط کنید) که با رنگ روشن ترین قسمت صورت مطابقت دارد.

خط چشم

به جای اینکه مستقیم به جلو در آینه نگاه کنید، تا حد امکان به آن نزدیک شوید، سر خود را به عقب پرتاب کنید. خط چشمان خود را از گوشه های داخلی شروع کنید و به تدریج به سمت بیرون بروید.

روی مژه ها رنگ بزنید، از ریشه شروع کنید (برس را کمی در این قسمت نگه دارید) و سپس به تدریج با حرکت زیگزاگ به سمت نوک آن حرکت کنید.

چگونه آرایش چشم زیبا کنیم؟

چه چیزی آرایش چشم را زیبا می کند؟ ما در مورد تکنیک ها، سایه ها و ابزار صحبت می کنیم.

با ابرو شروع کنید

کانتور زیبا توجه را به چشم ها جلب می کند. با یک برس تمیز، موها را شانه کنید، سپس "شکاف" بین آنها را با سایه هایی پر کنید که سایه ابروها را به رنگ تکرار می کند. از پایه ابرو به سمت "دم" حرکت کنید. اگر ضخامت ابروها مناسب شماست، از یک ژل شفاف برای حالت دادن و اصلاح موها استفاده کنید.

پایه زیر سایه را فراموش نکنید

برای ماندگاری هر چه بیشتر آرایش از پرایمر چشم غافل نشوید. پوست را صاف می کند و آن را برای استفاده از سایه چشم آماده می کند.

ایجاد عمق

برای اینکه ظاهری عمیق داشته باشید، سایه های روشن را در تمام سطح پلک پخش کنید و سایه های تیره را از همان نقطه روی چین قرار دهید. رنگ ها- آن را به درستی مخلوط کنید. چنین ترفند آرایشی جلوه ای سه بعدی به آرایش می دهد.

سایه ها را با دقت انتخاب کنید

شاید یکی از مهم ترین مراحل در آرایش، انتخاب سایه ای باشد که با رنگ چشم شما همخوانی داشته باشد. یک قانون جهانی: رنگ سایه ها را بر خلاف رنگ چشمان خود در چرخه رنگ انتخاب کنید. بنابراین، برای چشم های آبی، سایه های برنز و مس مناسب هستند، برای سبز و قهوه ای - بنفش و مایل به قرمز. از جمله، به رنگ پوست توجه کنید: هر چه تیره تر باشد، سایه های گرم تری باید انتخاب شود.

زیر آب را فراموش نکنید

ژل، مایع یا خط مدادی را در امتداد خط مژه بالایی بمالید. اگر چشم ها روشن هستند، از آستر قهوه ای استفاده کنید، اگر تیره - سیاه است. زیر مژه های پایین، سایه چشم قهوه ای یا مشکی را با یک برس کوچک بزنید تا جلوه ای دودی ایجاد کنید. نکته اصلی این است که مطمئن شوید که پلک بالایی با خط چشم پایین در گوشه بیرونی چشم همگرا می شود.

هایلایتر را به روش صحیح اعمال کنید

ناحیه زیر ابرو و گوشه داخلی چشم را روشن کنید تا فوراً نگاه را "باز" ​​کنید. برای این کار از هایلایتر یا سایه های روشن استفاده کنید.

لمس نهایی - جوهر

قبل از اینکه مژه هایتان را رنگ کنید، آن ها را با فر کنید. سپس ریمل را دو یا سه لایه بزنید. شما می توانید فرمول های مختلفی را انتخاب کنید - اگر می خواهید مژه های خود را هم بلند کنید و هم به آنها حجم دهید، دو محصول را به طور متناوب بمالید.

چگونه یک آرایش لب زیبا درست کنیم؟

اگر همه چیز با بالم و برق لب کم و بیش واضح است، آرایش با رژ لب نیاز به دانش تکنیک های آرایشی خاصی دارد. چی؟

یک بنیاد ایجاد کنید

قبل از زدن رژ لب، باید پوست لب را با دقت لایه برداری کنید. در غیر این صورت، می توانید بر عیوب تأکید کنید، به خصوص اگر رژ لب دارای بافت متراکم یا سایه تیره باشد. اسکراب را می توان در خانه تهیه کرد - به عنوان مثال، عسل را با شکر مخلوط کنید.

لایه کانسیلر

برای اینکه رژ لب روی لب مانند استیک به نظر برسد، قبل از زدن آن، لب ها را با لایه نازکی از کرم پودر یا کانسیلر بپوشانید - به طوری که لب ها رنگ صورتی طبیعی نداشته باشند، بلکه رنگ پوست داشته باشند. یک جایگزین این است که یک مومیایی مرطوب کننده را روی لب های خود بمالید، با یک پارچه تمیز و خشک خشک کنید و سپس یک لایه پودر شفاف بمالید.

کلید انعطاف پذیری است

به خصوص اگر قرار باشد آرایش عصرانه باشد. یک لایه رژ لب بزنید، لب ها را با یک دستمال تمیز و خشک بمالید و با استفاده از یک برس بزرگ سایه چشم، یک لایه پودر شفاف اضافه کنید. سپس به همین ترتیب یک یا دو لایه دیگر از رژ لب بزنید.

مسائل اندازه

در صورتی که می خواهید با رژ لب قرمز آرایش کنید، به یاد داشته باشید: چنین سایه هایی می توانند لب های از قبل نازک را کاهش دهند. به جای رژلب قرمز کلاسیک، از قرمز-نارنجی استفاده کنید.

• یکی دیگر از راه‌های بزرگ‌تر کردن لب‌ها این است که آنها را با مداد کانتور آرایش کنید. دو محصول با طیف رنگی یکسان، یک یا دو تن متفاوت از یکدیگر انتخاب کنید. لب بالا را روشن تر، تیره - پایین بیاورید. اثر آشکار نخواهد بود، اما همچنان قابل توجه است.

صورتی کامل را برای هر روز انتخاب کنید

لب پایینی خود را عقب بکشید یا به داخل گونه خود نگاه کنید - این رنگ صورتی عالی است که با ظاهر شما ترکیب می شود.

آزمایش کنید

یک سایه غیر معمول از براق لب - به عنوان مثال، بنفش یا بنفش ظریف - می تواند هر آرایشی را متحول کند. آن را روی رژلب بمالید تا ظاهرتان شاداب شود.

روز بخیر، خوانندگان عزیز وبلاگ

ویکتور با شماست امروز می خواهم ترجمه جالب دیگری را از سایت http://net.tutsplus.com/ به شما جلب کنم. این مقاله به شما نشان می دهد که چگونه یک وب سایت زیبا با دانش تقریباً صفر در فتوشاپ ترسیم کنید.

برو…

آیا می خواهید یک وب سایت زیبا ایجاد کنید، اما نمی دانید چگونه این کار انجام می شود؟ آیا می خواهید یاد بگیرید که چگونه یک وب سایت ایجاد کنید؟ راستش این چند سال پیش برای من اتفاق افتاد. من در حین وب گردی با وب سایت های زیبای زیادی برخورد کردم و همیشه دوست داشتم خودم بتوانم چنین وب سایت هایی را طراحی کنم. اکنون من قبلاً می دانم که چگونه این کار را انجام دهم و آماده هستم تا نحوه انجام آن را به شما آموزش دهم! در اصل، این نیاز به مهارت های فتوشاپ و توجه به جزئیات دارد. در این راهنما، من به جزئیات به ظاهر بی اهمیتی که یک طراحی وب سایت زیبا را تشکیل می دهند، توجه خواهم کرد. فتوشاپ را راه اندازی کنید و بیایید شروع کنیم!

تدوین: راگ ویکتور

سلام، اسم من مارکو است، من یک طراح وب از کشور فوق العاده کرواسی هستم. من وب سایت های جاه طلبانه، با ظاهری جذاب و مدرن را توسعه می دهم. من همچنین برای Themeforest و Graphicriver مقاله می نویسم و ​​عاشق نوشتن راهنما هستم. در اوقات فراغت، فقط با فرزندانم صحبت می کنم یا به پروژه بزرگ بعدی فکر می کنم. اوه، مثل بقیه، من هم در توییتر وبلاگ می نویسم.

مرحله 1 - قالب سیستم 960 Grid را دانلود کنید

من تقریباً همه طرح ها را بر اساس سیستم شبکه 960 توسعه می دهم. بنابراین، ابتدا باید این قالب های بلوک را برای فتوشاپ دانلود کنیم که در وب سایت رسمی 960.gs موجود است. فقط فایل فشرده را باز کنید و قالب های PSD را در آن پیدا کنید. دو نوع قالب را مشاهده خواهید کرد: یکی 12_col و دیگری 16_col. همانطور که از نام پیداست، تفاوت آنها در این است که یکی دارای 12 ستون و دیگری دارای 16 ستون است. برای توضیح کمی دقیق تر، فرض کنید که طرح شما از سه بلوک عمودی تشکیل شده است، پس باید الگوی 12_col را انتخاب کنید، زیرا 12 است. مضرب 3 و اگر طرح شما از چهار بلوک عمودی تشکیل شده باشد، می توانید از 12_col و 16_col به عنوان یک الگو استفاده کنید، زیرا هر دو 12 و 16 مضرب 4 هستند. در ادامه آموزش با یک مثال به این موضوع خواهیم پرداخت.

مرحله 2 - ساختار را تعریف کنید

قبل از اینکه قالب PSD خود را باز کنیم و شروع به طراحی کنیم، ابتدا باید در مورد ساختار سایت خود تصمیم گیری کنیم. این ساختار نسبتاً پیچیده ای خواهد بود زیرا ما از لایه های تو در تو استفاده خواهیم کرد. این در شکل بالا نشان داده شده است.

مرحله 3

بعد از اینکه در مورد ساختار سایت تصمیم گرفتیم، می توانیم ادامه دهیم. قالب خود را 16_col.psd باز کنید. به منوی "Image"> "Canvas size" (تصویر> اندازه بوم) بروید. اندازه را روی 1200px عرض و 1700px ارتفاع تنظیم کنید. رنگ پس زمینه را روی #ffffff تنظیم کنید.

مرحله 4

مرحله 5

یک لایه جدید در بالای ناحیه مستطیلی ایجاد کنید و حالت لایه را روی "Overlap" (Overlay) تنظیم کنید. با فشار دادن کلید Ctrl، روی لایه مستطیلی کلیک کنید. برجسته خواهد شد. یک براش نرم (براش نرم) با ضخامت 600 پیکسل انتخاب کنید، رنگ را روی سفید قرار دهید و چند بار کلیک کنید، همانطور که در تصویر نشان داده شده است لبه برس را درست بالای ناحیه انتخاب شده قرار دهید. بنابراین، شما یک جلوه نورپردازی زیبا و سبک ایجاد خواهید کرد. شما همچنین می توانید این دو لایه را پیوند دهید.

مرحله 6

لایه جدید. دوباره ابزار Rectangle را انتخاب کنید و مانند شکل یک مستطیل نازک خاکستری تیره بکشید.

مرحله 7

با انتخاب ابزار Rectangle، یک بلوک بزرگ به اندازه 500 پیکسل زیر مستطیل بالا بکشید. آن را به ارتفاع 575 پیکسل تبدیل کنید و یک گرادیان خطی بین #d2d2d0 و #ffffff، در -90 درجه و مقیاس 100٪ به آن بدهید.

مرحله 8

اکنون همان جلوه نوری را که در مرحله 5 توضیح داده شد ایجاد خواهیم کرد. ما از این ترفند زیاد استفاده خواهیم کرد، بنابراین دفعه بعد فقط شما را به مرحله 5 برای افکت ارجاع خواهم داد.

یک لایه جدید بالای تمام لایه های فعلی ایجاد کنید. کلید Ctrl را نگه دارید و روی مستطیل بزرگ کلیک کنید. یک براش نرم با ضخامت 600 پیکسل انتخاب کنید، رنگ را روی سفید قرار دهید و چند بار کلیک کنید، همانطور که در تصویر نشان داده شده است، لبه قلم مو را درست بالای ناحیه انتخاب شده قرار دهید.

مرحله 9

یک لایه جدید ایجاد کنید و یک مستطیل بزرگ با ارتفاع 400 پیکسل رسم کنید. برای سربرگ سایت ما استفاده خواهد شد. یک گرادیان آبی زیبا از #2787b7 تا #258fcd را روی آن اعمال کنید.

»ببینید چه تغییر ملایمی از سایه ها؟

مرحله 10

یک خط آبی تیره 1 پیکسلی را در امتداد حاشیه پایین هدر اضافه کنید، یک افکت سایه انداخته اعمال کنید. برای پوشاندن سایه، از حالت ضرب (ضرب)، کدورت (Opacity) 65٪، زاویه (زاویه) -90 درجه، افست (فاصله) 1px، اندازه (اندازه) 6px استفاده کنید. بعد، یک لایه جدید در بالا ایجاد کنید و یک خط سفید دیگر را زیر خط آبی بکشید. به این ترتیب ما یک مرز مشخص برای بلوک محتوای اصلی خود ایجاد خواهیم کرد. در اصل، شما می توانید این تکنیک طراحی حاشیه را برای هر بلوک پروژه خود، فقط با سایه های دیگر اعمال کنید.

مرحله 11

یک لایه جدید ایجاد کنید و از ابزار Rectangle برای کشیدن یک مستطیل با ارتفاع 50 پیکسل در بالای بوم مانند شکل استفاده کنید. به عنوان نوار ناوبری عمل خواهد کرد.

با استفاده از گزینه های نشان داده شده در تصویر، یک سایه اعمال کنید.

مرحله 12

زمان شروع ناوبری است. از ابزار Rounded Rectangle استفاده کنید و Radius را روی 5px قرار دهید. یک مستطیل بکشید، آن را با #f6a836 پر کنید و افکت های زیر را اعمال کنید:

- Inner Shadow - رنگ: #ffffff، حالت: Overlay، Opacity: 60%, Angle: 120°, Offset: 7px, Size: 6px.

- درخشش داخلی - حالت: عادی، رنگ: #ffffff، اندازه: 4 پیکسل، سایر پارامترها را به عنوان پیش فرض بگذارید.

- Stroke - اندازه: 1px، موقعیت: داخل، رنگ: #ce7e01.

حالا با Ctrl و کلیک ماوس این مستطیل را انتخاب کنید. به منوی "Select"> "Modification"> "Compress" (Select> Modify> Contract) بروید و 1px را در پنجره ظاهر شده وارد کنید.

یک لایه جدید در بالا ایجاد کنید، حالت را روی "Overlay" (Overlay) تنظیم کنید و افکت توضیح داده شده در مرحله 5 را اعمال کنید، فقط این بار با استفاده از یک براش کوچکتر. بعد، متن ناوبری را اضافه کنید. من از فونت Arial برای لینک های ناوبری استفاده کردم، تمام حروف بزرگ و بدون آنتی آلیاسینگ.

مرحله 13

حالا بیایید یک فیلد جستجو ایجاد کنیم. با استفاده از ابزار Rounded Rectangle با شعاع 5 پیکسل، یک کادر جستجو در سمت راست شبکه الگو، در وسط نوار خاکستری بالایی ایجاد شده در مرحله 4 ایجاد کنید. سبک های لایه زیر را به لایه اضافه کنید:

- سایه داخلی (سایه داخلی) - رنگ: # 000000، حالت: ضرب (ضرب)، کدورت (تاری): 9 درصد، زاویه (زاویه): 90 درجه، افست (فاصله): 0 پیکسل، اندازه (اندازه): 6 پیکسل.

- Stroke (Stroke) - اندازه (اندازه): 1px، موقعیت: داخل (موقعیت: داخل)، رنگ: #dfdfdf.

در این مرحله، ما از قبل لایه های زیادی داریم و باید آنها را کمی مرتب کنیم. برای انجام این کار، یک پوشه لایه جدید ایجاد می کنیم و نام آن را جستجو می کنیم. تمام لایه های تشکیل دهنده فیلد جستجو را انتخاب کنید و به سادگی پوشه جدید آنها را بکشید و رها کنید. در آینده، ما عناصر دیگر را در پوشه‌ها توزیع خواهیم کرد تا یک پالت مرتب و مختصر از لایه‌ها داشته باشیم.

مرحله 14

یک لایه جدید ایجاد کنید و دکمه "ثبت نام" را به همان شکلی که فیلد جستجو را ترسیم کردیم، بکشید، فقط نصف عرض. آن را در قسمت جستجو، در مرکز بلوک ناوبری قرار دهید.

دوباره افکتی را ایجاد می کنیم که در مرحله 5 توضیح داده شده است.

از یک برس نرم کوچکتر استفاده کنید. در این حالت اندازه را روی 45 پیکسل قرار دادم.

مرحله 15

پس از افزودن لوگو و زیرنویس، سایت ما باید به این شکل باشد.

مرحله 16

حال برگردیم به ترتیب لایه ها که در بالا به آن اشاره کردیم. یک پوشه لایه خالی جدید ایجاد کنید و نام آن را "top_bar" بگذارید. تمام لایه های گرافیکی را از بالای قالب به داخل آن منتقل کنید (لوگو، زیرنویس، کادر جستجو، دکمه ثبت نام، نوار ناوبری و عناصر پس زمینه).

یک پوشه لایه خالی دیگر ایجاد کنید و نام آن را "header" بگذارید. گرافیک ها را از سربرگ قالب خود به داخل آن منتقل می کنیم. این طوری باید به نظر برسد.

مرحله 17

هدر ما تا اینجا کمی روستایی به نظر می رسد، بنابراین بیایید همان جلوه نوری را که برای سایر عناصر سایت اعمال کردیم به آن اضافه کنیم. بلوک هدر (آبی) را انتخاب کنید. یک لایه خالی جدید در بالا ایجاد کنید و حالت آن را روی "Overlap" (Overlay) قرار دهید.

یک براش نرم بزرگ 600 پیکسل، رنگ #ffffff را انتخاب کنید و چند بار در ناحیه زیر نوار پیمایش کلیک کنید. همچنین برای جلوه عمیق‌تر، می‌توانیم به رنگ مشکی برویم و همین کار را در پایین هدر انجام دهیم. آن را امتحان کنید!

مرحله 18

در این مرحله برای شما توضیح می دهم که چگونه انعکاس تصاویر را در هدر انجام دادم. چند تصویر مورد نظر خود را پیدا کنید، من از اسکرین شات های مرورگر سافاری با تصاویر دو قالب دیگرم استفاده کردم. یکی از آنها را کوچکتر کنید و زیر دومی که بزرگتر است قرار دهید. هر دو لایه را کپی کنید و از ابزار Free Transform برای برگرداندن اول یک تصویر و سپس دوم استفاده کنید. هر دو تصویر را چند پیکسل پایین ببرید. حالا با استفاده از ابزار Rectangular Marquee Tool (Rectangular Marquee) از پایین سمت بیرونی تا وسط اولین تصویر معکوس انتخاب کنید. به منوی "Select"> "Modification"> "Feathering" (Select> Modify> Feather) بروید و در پنجره ای که ظاهر می شود، 30px یا بیشتر را وارد کنید. شما باید همان انتخابی را که در تصویر نشان داده شده است دریافت کنید. دکمه Delete را چند بار فشار دهید تا یک انعکاس سایه دار زیبا از تصویر اصلی دریافت کنید. همین مرحله را برای تصویر دوم تکرار کنید.

حال برای اینکه هر دو تصویر کمی برجسته شوند، یک لایه جدید ایجاد کنید و حالت آن را روی Overlay قرار دهید. افکت توضیح داده شده در مرحله 5 را اعمال کنید.

پس از افزودن یک هدر زیبا و چند دکمه، هدر ما باید به این شکل باشد. فراموش نکنید که تمام لایه های گرافیکی هدر را در پوشه "هدر" گروه بندی کنید تا نظم در پالت لایه ها حفظ شود.

مرحله 19

با نگاهی به پیش نمایش نهایی طراحی ما، متوجه تب های زیبایی در بلوک با محتوای اصلی خواهید شد. برای ایجاد چنین برگه هایی، باید چند مرحله اضافی را انجام دهیم، اما قطعا ارزشش را دارد. ابتدا با استفاده از ابزار Rounded Rectangle، یک شکل مستطیلی بزرگ با ارتفاع 70 پیکسل و شعاع گوشه ای 10 پیکسل یا بیشتر به دلخواه بکشید. حالا باید از شر گوشه های گرد پایین خلاص شویم و آنها را کاملا صاف کنیم. ابزار "Area (خط افقی)" (انتخاب مستقیم) را انتخاب کرده و آن را در مرز شکل قرار دهید. روی نقطه محور عمودی کلیک کنید و با نگه داشتن کلید Shift، آن را به سمت پایین بکشید تا به سطح محور افقی برسد. در حال حاضر خوب است، اما گوشه هنوز تغییر شکل داده است. یک دم کوچک قابل مشاهده است. روی آن کلیک کنید و آن را تا سطح محور افقی بلغزانید.

ما یک زاویه مناسب درست کردیم. این طوری باید به نظر برسد. حالا این مرحله را برای گوشه پایین سمت راست تکرار کنید.

مرحله 20

ابزار Line را با ضخامت ۱ پیکسل انتخاب کنید.

مرحله 21

جداکننده ها را با نگه داشتن کلید Shift به رنگ خاکستری بکشید.

مرحله 22

برای هر برگه تعدادی نماد، عنوان و توضیحات قرار دهید. من از آیکون های Ray Cheng استفاده کردم که می توانید آنها را از WebAppers.com دانلود کنید. به عنوان یک قاعده، یک برگه همیشه فعال است، در حالی که بقیه غیرفعال می مانند. برای اینکه این به وضوح در طراحی ما قابل مشاهده باشد، باید راهی برای نشان دادن آن پیدا کنیم. بقیه نمادها را از حالت اشباع خارج کردم و تیرگی عنوان و متن را کم کردم و اولین تب فعال را رنگی و روشن گذاشتم.

مرحله 23

برای اینکه برگه فعال بیشتر دیده شود، یک پس‌زمینه سفید سایه‌دار به آن می‌دهیم. برای این کار ابتدا کل شکل را انتخاب کنید و سپس مقدار اضافی را از انتخاب کم کنید تا فقط تب اول انتخاب شده باقی بماند.

این چیزی است که انتخاب باید شبیه باشد.

از یک برس نرم کوچک برای ایجاد پس زمینه سفید استفاده کنید.

مرحله 24

بیایید یک سایه اضافه کنیم. مطابق شکل یک مستطیل خاکستری تیره زیر زبانه ها بکشید.

با کلیک بر روی نماد کوچک در پایین پالت لایه ها، یک ماسک برداری (ماسک برداری) اضافه کنید.

رنگ را روی مشکی تنظیم کنید، یک براش نرم بزرگ انتخاب کنید و شروع به برداشتن مستطیل در قسمت های کوچک کنید تا زمانی که یک افکت سایه زیبا در زیر زبانه های ما داشته باشید.

در نهایت به جزئیات توجه می کنیم. یک خط خاکستری 1 پیکسلی در امتداد حاشیه پایین نوار زبانه بکشید. همانطور که در بالا توضیح داده شد دوباره ماسک را به لایه اضافه کنید و با یک برس نرم بزرگ لبه های خط سمت چپ و راست را بردارید. ما اکنون یک خط سایه دار داریم که سایه زیر زبانه های ما را بیرون می آورد.

برگه های ما باید به این شکل باشد.

مرحله 25

زمان آن رسیده است که طراحی محتوای اصلی تب اول خود را شروع کنیم. به یک تصویر با طراحی زیبا، یک عنوان زیبا و مقداری متن نیاز داریم. ابتدا بیایید تصویر را تزئین کنیم. به نظرم می رسد که خوب است که با ایجاد جلوه ای زیبا از عکس های روی هم، صراحت طراحی خود را بشکنیم. برای رسیدن به این هدف، یک مستطیل سفید با حاشیه خاکستری و ضخامت 1 پیکسل بکشید و یک افکت سایه روشن به آن بدهید.

تصویر آماده شده را وارد کرده و بالای مستطیل های سفید قرار دهید. اگر تصویر خارج از محدوده است نگران نباشید - ما آن را برطرف خواهیم کرد. مستطیل بالایی را انتخاب کنید، به منوی "Select"> "Modification"> "Compress" بروید (Select> Modify> Contract) و در پنجره ای که ظاهر می شود، 5px را وارد کنید. با انتخاب لایه تصویر، روی نماد Quick Mask در پایین پالت لایه ها کلیک کنید. همانطور که در تصویر بالا نشان داده شده است، جلوه یک عکس زیبا با قاب را دریافت خواهید کرد.

ترتیب لایه شما باید به این شکل باشد.

مرحله 26

نظم را فراموش نکنید. پوشه های لایه ایجاد کنید و لایه ها را در آنها در پالت خود سازماندهی کنید. من این کار را انجام داده ام.

ما عناوین زیبا، چند متن و لیست های گلوله ای را اضافه می کنیم و می توانیم کار خود را در زمینه طراحی وب تکمیل شده در نظر بگیریم. پیش می رویم.

و کمی سازماندهی لایه ای بیشتر.

مرحله 27

من تصمیم گرفتم که این بلوک باید بزرگ باشد، بنابراین آن را در یک جعبه بزرگ درست بعد از بلوک اصلی قرار دادم. ابتدا یک مستطیل خاکستری روشن با ارتفاع حدود 220 پیکسل با حاشیه خاکستری 1 پیکسل بکشید.

کمی متن اضافه کنید و کارتان تمام شد!

مرحله 28

حالا بیایید نگاهی به پاورقی بیاندازیم. یک مستطیل خاکستری تیره بزرگ به ارتفاع 400 پیکسل بکشید.

مرحله 29

افکت نور را دقیقاً همانطور که در مرحله 5 توضیح دادیم اعمال کنید.

مرحله 30

مرحله 31

پایین ترین بلوک را ایجاد کنید که در آن پیمایش تکراری می شود. می توانید کادر ناوبری مستطیل شکل بالا را کپی کنید، آن را در پایین قرار دهید و ارتفاع آن را حدود 40 پیکسل تنظیم کنید. آن را در انتهای بوم خود قرار دهید. لطفاً به خاطر داشته باشید که ممکن است لازم باشد بوم را برای این منظور گسترش دهید تا با تمام گرافیک ها مطابقت داشته باشد. در این حالت، منوی «تصویر» > «اندازه بوم» (تصویر> اندازه بوم) را باز کنید و ارتفاعی را که کل پروژه روی بوم قرار می‌گیرد تنظیم کنید.

مرحله 32

بیایید دوباره به جزئیات کوچک توجه کنیم. بیایید یک خط سفید 1 پیکسلی در امتداد لبه بالایی بلوک ناوبری پایینی اضافه کنیم و جلوه زیبایی به آن ببخشیم.

مرحله 33

بیایید پاورقی را با محتوا پر کنیم و به زیبایی آن را مطابق با شبکه خود مرتب کنیم.

مرحله 34

در نهایت، تمام لایه های خود را در پوشه ها سازماندهی کنید. من این کار را انجام داده ام.

طرح

این طرحی است که ما با چند تغییر برای صفحات مختلف به پایان رساندیم. طرح های آماده PSD را البته می توانید از ThemeForest.net خریداری کنید.

چند کلمه در پایان

امیدوارم از این آموزش لذت برده باشید و چند ترفند جدید یاد گرفته باشید. اکنون نوبت شماست که طرح های جدید و عالی خلق کنید. فراموش نکنید که با توجه دقیق به جزییات جزئی، می توانید تنها با دو یا سه ابزار در فتوشاپ، وب سایت های زیبایی طراحی کنید. عالی است، اینطور نیست؟

سلام دوستان! امروز می خواهم در مورد ایجاد وب سایت های زیبا بر اساس وردپرس با شما صحبت کنم. من مطمئن هستم که حجم زیادی از اطلاعات در اینترنت وجود دارد که درک آن چندان آسان نیست. اگر اولین وب‌سایت خود را راه‌اندازی می‌کنید، یا شاید تازه شروع به کار با وب‌سایت/وبلاگینگ کرده‌اید، به‌ویژه آسان است که در دریایی از اطلاعات گم شوید. من شما را با برخی از اطلاعات نظری و فنی بار نمی کنم، اما به شما می گویم که از چه منابعی برای ایجاد وب سایت های زیبا استفاده می کنم (من قبلاً پنج مورد از آنها را دارم).

من با نحوه ایجاد اولین سایت خود - درباره SMM - با دانش صفر از ساخت سایت شروع می کنم.

در ماه مه، دو سال از ساخت اولین سایتم می گذرد - درباره SMM. در آن زمان، من اصلاً چیزی در مورد چگونگی ایجاد یک وب سایت، چگونه آن را مناسب جلوه دهم و مورد پسند بازدیدکنندگان قرار گیرد، نمی دانستم. آره چی بگم! من حتی نمی دانستم چگونه مقاله بنویسم. برای من همه چیز یک کنجکاوی بود و باید قدم به قدم تسلط پیدا می کردم و یاد می گرفتم که چگونه همه کارها را خودم انجام دهم. من هنوز هم بدون کمک کسی - به آرامی و به تنهایی - روی سایت کار می کنم.

قالب های وب سایت Themes Elegant

همانطور که انتظار می رفت، ابتدا یک هاست مناسب پیدا کردم. سپس وردپرس را نصب کردم و شروع به جستجوی یک قالب وب سایت زیبا کردم. در همان مرحله اول یک تم رایگان برای وردپرس دانلود کردم اما به نوعی از نتیجه راضی نبودم. من واقعاً دوست داشتم وبلاگ من از همان ابتدا بازدیدکنندگان را تحت تأثیر قرار دهد و حرفه ای به نظر برسد. اتفاقا من موفق شدم و در ادامه به شما خواهم گفت که چگونه این کار را انجام دادم. هیچ کس حدس نمی زد که سایت توسط شخصی ساخته شده است که به طور کلی نمی داند چگونه سایت ها ایجاد می شوند.

از آنجایی که قالب رایگان اصلا مناسب من نبود و پولی برای طراح نداشتم، شروع به جستجوی مضامین ممتاز با ارزشی کردم که یک وبلاگ نویس تازه کار را خراب نکند. یادم نیست چگونه، اما به طور تصادفی به یک توسعه دهنده بسیار خوب - Elegant Themes - برخوردم. مضامین آنها به نوعی بلافاصله مرا جذب کرد و قیمت آن به نظرم قابل قبول بود. از این گذشته، تقریباً با همان قیمتی که دیگر توسعه دهندگان قالب می پرسند، من به یکی از آنها دسترسی نداشتم 87 تم زیبا و مدرن و 5 افزونه بسیار کاربردیعلاوه بر این. البته من قصد نداشتم از همه تم ها به یکباره استفاده کنم، اما واقعیت بسیار خوشایند بود 🙂 امروز با نگاهی به گذشته، معتقدم که خرید دسترسی به این تم ها و افزونه ها بهترین سرمایه گذاری من در یک وبلاگ بوده و قبلا نتیجه داده است. خوش تیپ

توجه داشته باشید:بچه ها، در ژوئیه 2016 من سایت را دوباره طراحی کردم، بنابراین آنچه که اکنون می بینید، دیگر دیوی نیست. تصمیم گرفتم مسیر وبلاگم را تغییر دهم، بنابراین سایت را کاملاً دوباره طراحی کردم. با این حال، Divi یکی از بهترین تم های موجود در بازار است و باقی می ماند و من آن را به شدت توصیه می کنم. ضمناً تابستان امسال یک آپدیت بزرگ و بسیار شیک منتشر خواهند کرد! اکنون می توان طراحی سایت را به طور مستقیم "سرگردان" در اطراف سایت تغییر داد، به عنوان مثال، یک ویرایشگر بصری جدید در قسمت جلو ظاهر می شود. بسیار راحت خواهد بود!

همانطور که قبلاً فهمیدید، Elegant Themes دارای الگوهای اصلی بسیاری است. جالب ترین چیز این است که همه تم ها بسیار متفاوت هستند و برای پروژه های مختلف مناسب هستند: از وبلاگ ها و نمونه کارها گرفته تا فروشگاه های آنلاین و وب سایت های شرکت. اگر سایت‌های توسعه‌دهنده را مرور کرده باشید، احتمالاً دیده‌اید که پیدا کردن تفاوت‌های بین قالب‌ها از همان توسعه‌دهنده اغلب آسان نیست. همه چیز به نوعی یکنواخت و خسته کننده است. بدیهی است که بچه های Elegant Themes هیچ مشکلی با فانتزی ندارند. با وجود طیف گسترده ای از قالب ها، محبوب ترین و قوی ترین تم است دیویاتفاقا من هم ازش استفاده میکنم بر اساس آن، من قبلاً چندین سایت با موضوعات کاملاً متفاوت ایجاد کرده ام. من فکر می کنم وقتی Divi را امتحان کنید، تغییر به چیز دیگری بسیار دشوار خواهد بود. او بسیار قوی و انعطاف پذیر است!

چرا دیوی را دوست دارم؟

- اول از همه، آن را سهولت نصبو راحتی در استفاده. همانطور که در بالا گفتم، من دانش خاصی در برنامه نویسی یا ساخت و طراحی سایت ندارم، بنابراین سادگی برای من بسیار مهم است.

- در مرحله دوم، Divi و، تمام تم های زیبا دیگر، دارند طراحی تطبیقییعنی از هر وسیله ای اعم از کامپیوتر، لپ تاپ، گوشی یا تبلت خوب به نظر می رسند. اگر در یک پنجره مرورگر کاملا باز یا کوچکتر به آن نگاه کنید، سعی کنید ببینید سایت من چگونه تغییر می کند. خواهید دید که چگونه سایت با اندازه صفحه نمایش یا مرورگر شما سازگار می شود. این بسیار مهم است زیرا افراد بیشتری در حال مطالعه وب سایت ها در دستگاه های تلفن همراه هستند و اگر سایت شما برای مشاهده در تلفن های هوشمند و تبلت ها مناسب نباشد، خوانندگان و خریداران بالقوه را از دست خواهید داد. و ما این را نمی خواهیم، ​​نه؟

یکی دیگر از مزایای بزرگ Divi انعطاف پذیری آن است. این یک قالب وجود دارد سازنده داخلی، که با آن می توانید صفحات اصلی و صفحات فرود که فقط تخیل کافی برای آنها دارید ایجاد کنید. تنها چیزی که نیاز دارید این است که بلوک های مختلف را جابجا کرده و در جایی که می خواهید قرار دهید. من، و همچنین، فقط با استفاده از چنین سازنده ساخته شده است. البته امکانات بسیار بیشتر از آنچه من استفاده کردم وجود دارد. نکته اصلی در اینجا این است که خلاق باشید، تلاش کنید و آزمایش کنید - Divi چیزی برای طراحی دارد.

به هر حال، آنها در حال حاضر روی یک سازنده جهانی کار می کنند که روی همه موضوعات کار خواهد کرد. چرا خوبه؟ و خوبی این است که اگر تصمیم بگیرید از یک قالب به قالب دیگر تغییر دهید، سایت شما به یک آشفتگی نامفهوم تبدیل نمی شود، بلکه در عرض چند ثانیه طراحی جدیدی به دست می آورد. این یک مزیت بسیار بزرگ است، چرا که چند نفر از ما وقت داریم در هنگام انتقال از یک موضوع به موضوع دیگر، چندین روز با سایت سر و کله بزنیم؟!

روی عکس بالا کلیک کنید تا تمام مزایای Divi را با چشمان خود ببینید. سایت به زبان انگلیسی است، اما خیلی چیزها مشخص خواهد شد.

- خوب، یکی دیگر از مزایای بزرگ الگو - موضوع اخیراً به طور کامل به آن ترجمه شده است زبان روسی! اگر با زبان انگلیسی کاملاً دوست نیستید ، اکنون این اصلاً مشکلی نیست ، زیرا توسعه دهندگان خود قالب و تمام عملکردهای آن را به طور کامل به روسی ترجمه کرده اند که کار را بسیار ساده می کند. زمانی زمان زیادی را صرف ترجمه همه چیز به روسی کردم و اکنون به طور خودکار بومی سازی شده است. این بسیار خوب است!

پلاگین تم های زیبا

علاوه بر قالب‌های فوق‌العاده، Elegant Themes دارای ۲ افزونه فوق‌العاده دیگر است: «سایت در حال ساخت» و «دکمه‌های اجتماعی». در واقع آنها 5 پلاگین دارند، اما 3 مورد از آنها (سایت موبایل، کدهای کوتاه و سازنده) اکنون در همه تم ها تعبیه شده است، بنابراین نیازی به نصب آنها وجود ندارد.

به طور خلاصه چه چیزی در مورد این افزونه خوب است و نمی توانید بگویید، زیرا می توانید مقاله جداگانه ای را به این موضوع اختصاص دهید. شاید حتی بیش از یک - عملکردهای بسیار زیادی دارد! چیست؟ طراحی دکمه های مختلف (رنگ، ​​شکل، شمارنده و اوه-او-خیلی زیاد)، انعطاف پذیری در انتخاب و محل قرارگیری دکمه ها، سازگاری (یعنی روی انواع دستگاه ها کار می کند)، آمار دقیق. در آخرین به‌روزرسانی، توسعه‌دهندگان یک ویژگی فوق‌العاده جالب دیگر اضافه کردند - دکمه‌های اجتماعی در پنجره‌های بازشو که می‌توانند پس از یک راه‌انداز خاص ظاهر شوند، به عنوان مثال، پس از نظر، خرید، % اسکرول صفحه و غیره. من حتی از این ویژگی هنوز استفاده نکرده‌ام، اما امکانات او، همانطور که می دانید، باور نکردنی است!

طبق آخرین اخبار، Elegant Themes در حال حاضر روی یکی دیگر از پلاگین های فوق قدرتمند یعنی Bloom کار می کند. ایده اصلی این افزونه پاپ آپ های پیشنهاد اشتراک است. با دانستن اینکه توسعه دهندگان همیشه سخت کار می کنند، مطمئن هستم که این بمب دیگری خواهد بود. افزونه باید به زودی منتشر شود.

به نظر می رسد این تنها چیزی است که می خواستم در مورد تم های زیبا و تجربه بسیار دلپذیر خود از استفاده از تم های آنها بگویم. قبل از ظهور Divi، من از تم دیگر آنها استفاده کردم - Nexus که به دلیل نیاز به استفاده از عکس های بزرگ و عدم وجود طراح مناسب من نبود. به زودی تم قوی دیگری به نام Extra منتشر می شود که مناسب پروژه هایی با محتوای زیاد است. به احتمال زیاد من به آن تغییر خواهم کرد، زیرا آنها قول می دهند که موضوع بسیار سبک، اجتماعی و مناسب برای پروژه هایی مانند Pro SMM خواهد بود. نمی توانم صبر کنم!

من خوشحال خواهم شد که به سوالات شما پاسخ دهم، زیرا پرداختن به همه چیزهایی که نیاز دارید در یک مقاله دشوار است.

در ساخت سایت خود موفق باشید!