Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Январь » 12 » Дизайн сайта-портфолио
13:37
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио \ Website design portfolio


Привет всем! Тут народ жаловался, что маловато переводов по дизайну сайтов smile.gif . По многочисленным просьбам выкладываю перевод по дизайну сайта-портфолио, а вдруг идея кому-то понравится и пригодится wink.gif .
Итак, начнем:

В результате у нас должно будет получится вот это:
Дизайн сайта-портфолио

Создаем новый документ размером 760x770 пикселей. Цвет фона : #333333
Берем инструмент Rounded Rectangle Tool ( радиус = 10 пикселей ). Затем создаем прямоугольник.
Дизайн сайта-портфолио

Добавляем следующие стили слоя (см. картинки ниже):
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Сейчас у вас картинка должна выглядеть примерно так:
Дизайн сайта-портфолио

Дублируем эту фигуру и размещаем немного правее, как на картинке. На картинке ниже вы можете видеть, что я добавил некоторые стили слоя, которые вы найдете сразу после этой картинки:
Дизайн сайта-портфолио

Это настройки для голубого прямоугольника:
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дублируем голубой прямоугольник и также размещаем его правее.
Применяем следующие стили слоя:
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Опять дублируем последний прямоугольник и применяем стили слоя:



Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Берем всё тот же Rounded rectangle tool и создаем прямоугольник, используем цвет такой же, как для фона #333333.
Дизайн сайта-портфолио

Добавляем стили слоя:
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Добавляем нужный текст:
Дизайн сайта-портфолио

На правой стороне добавляем картинки:
Дизайн сайта-портфолио

Берем ellipse tool и рисуем маленькие кружочки как на картинке:
Дизайн сайта-портфолио

Затем берем Rectangle tool и рисуем прямоугольник:
Дизайн сайта-портфолио

Затем идем в меню Filter > Distort > Polar Coordinates. У вас спросят, хотите ли вы растеризовать фигуру, жмите "Да" и примените настройки как на картинке ниже.
Дизайн сайта-портфолио

Я передвинул и повернул этот слой, результат вы можете видеть ниже:
Дизайн сайта-портфолио

Дублируем слой ещё 3 раза и размещаем как на картинке:
Дизайн сайта-портфолио

Затем берем опять Rounded Rectangle Tool и рисуем ещё один прямоугольник. Размещаем его как на картинке ниже, добавляем текст. Дублируем 2 раза черный кружок и размещаем поверх слоя с прямоугольником.
Дизайн сайта-портфолио

И вот он наш результат:
Дизайн сайта-портфолио



Автор: talk-mania
Перевод: Nadik

***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 922 | Добавил: supermen | Теги: веревка, дизайн портфолио, дизайн сайтов портфо, портфолио дизайнера, портфолио это, дизайн форума портфолио, дизайн сата Арт, дизайн сайта, портфолио
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[20.09.2011][Lessons Adobe Illustrator]
Крутой дизайн для скейтборда с узором из черепов (1)
[14.01.2011][vectOR KLipardy]
Repair Tools (0)
[29.05.2010][Lessons PHOTOSHOP]
Марсианская поверхность, спецэффект (5)
[15.12.2010][Lessons PHOTOSHOP]
Create 3-D text with some extreme lighting (1)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[29.09.2011][Brushes Photoshop]
Кисти - Винтажная медицинская реклама / Vintage Medicine Brushes (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[29.08.2010][Lessons PHOTOSHOP]
Перышко, спецэффект (3)
[29.01.2011][DesiGn bLOg]
Растровая и векторная графика (1)
[07.04.2013][Veb DeSiGn]
Множество примочек для системы UCOZ \ Vol6 (0)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Пятница
19.04.2024
19:38


Copyright artpost and semantic product zanchi 2010-2011 © 2024