분류 전체보기 218

드롭다운 메뉴

베리어블 등록같은 유형의 베리어블은 복사하여 사용한다 shift + ctrl + enter전체 선택후 ctrl + alt + kt 선택후 placeholder 입력하기auto layout ( shift + a) 플러그인 화살표 검색 v 가져오고글자 선택후 fill container.화살표 회전시키기position absolute 클릭방향키로 이동하여 왼쪽 맞추고프레임선택해서 아래로 드래그해서 내용 모두 보이게   테스트f 누르고 iphone 13 mini 선택  메뉴 연결1. 글자 선택 2. interactions 선택3. + 선택 하여 set variable 4. 해당 메뉴 선택리스트를 누르면 접힌 형태로 바껴야 하므로인터렉션 복사선택 후 ctrl + v반복해당 메뉴로 바꾸기

figma 2025.01.02

벤토그리드 활용하여 디자인하기

width 가로크기height 세로크기gap 섹션사이 간격padding 안쪽 여백corder radius 모서리 둥글게sections -사각 형태 equal row widths -섹션마다 가로 폭 동일하게expand center section create bento 누르면 아래 화면 나온다. 크기를 다르게 7개를 설정함. 최상위 프레임 선택하고 화면 줄여보면 3개의 auto layout 선택후 h - hug contents 로 바꾸기가로는 고정하고 세로는 화면 사이즈가 줄어들경우 높이가 변경되게 하면 작업하기 편하다.

figma 2024.11.13

포토샵 - 물결

1. ctrl + j 레이어복사 2. alt + ctrl + c  위에화살표 클릭 height 4500 3. 배경레이어 지우기 4. 레이어 - 우클릭 convert to smart object 5.ctrl + j 레이어복사 6. 아래 레이어 ctrl + t 우클릭 flip vertical 아래로 드래그 이름 물결 7. filter - blur -motion blur -각도 90 , dis 25 8. craeat new fill or adjustment layer solid color - #000 9. 레이어 아래로 위치 10. 물결레이어 선택 opacity 70%11. 물결 , 검정배경 선택후 convert to smart object12.filter - disort -wave

Design 2024.11.13

물에 비친 효과

1. ctrl + j 레이어복사 2. alt + ctrl + c  위에화살표 클릭 height 4500 3. 배경레이어 지우기 4. 레이어 - 우클릭 convert to smart object 5.ctrl + j 레이어복사 6. 아래 레이어 ctrl + t 우클릭 flip vertical 아래로 드래그 이름 물결 7. filter - blur -motion blur -각도 90 , dis 25 8. 물이미지 가져와서 물결 이미지 아래로 위치 9. 물결 레이어 선택후 레이어마스크 10. 브러쉬툴로 , 전경색 검정 op 20% 11. 사이즈 [] 조절후 드래그 드래그한다. 사용한 이미지 - 출처 언스플래쉬, 픽사베이

Design 2024.11.13

queue()

jQuery에서 **큐(queue)**는 애니메이션과 같은 비동기 작업을 처리하는데 사용되는 작업 대기열입니다. jQuery는 여러 개의 애니메이션이나 효과가 연속적으로 실행될 때, 이들을 관리하기 위해 큐를 사용합니다. 큐는 작업들이 순차적으로 실행될 수 있도록 합니다. 이로 인해 하나의 작업이 끝난 후 다음 작업이 시작되는 방식으로 동작합니다.큐란 무엇인가?큐(queue)는 대기열 또는 작업 대기 리스트라고 할 수 있습니다. 각 애니메이션이나 효과는 큐에 들어가며, 실행될 차례가 오면 순차적으로 실행됩니다.예를 들어, animate() 메서드를 사용하면 그 애니메이션은 큐에 추가됩니다. 만약 큐에 여러 개의 애니메이션이 있다면, 이전 애니메이션이 끝난 후 다음 애니메이션이 실행됩니다. 큐는 일반적으로..

JQUERY 2024.11.06